themes/uPsud.css

   1 @import url(https://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
   2 @import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext);
   3
   4 /**** structure of the slide in this theme:
   5       no-header
   6       title : 10%
   7       text : 80% == 20 lines of text.
   8       footer :10%
   9
  10
  11
  12 */
  13
  14
  15 /* No header in this theme */
  16 .sws-header {
  17     display: none;
  18 }
  19
  20
  21 h1 {
  22     color: #00486c;
  23     font-size: larger;
  24     text-align: center;
  25 }
  26
  27 .sws-title > h1 {
  28     margin:0;
  29     padding:0;
  30 }
  31
  32 .sws-cover { display:flex;
  33              flex-direction:column;
  34              justify-content: center;
  35            }
  36
  37
  38 .sws-toc { position: absolute;
  39            left: 0;
  40            bottom: 0;
  41            right: 0;
  42            top:0;
  43          }
  44
  45 .sws-toc > .sws-content {
  46     position:absolute;
  47     top: 20%;
  48     width:100%;
  49 }
  50
  51
  52 .sws-canvas {
  53     color: #696968;
  54     background: #fff;
  55     padding:0;
  56     margin: 0;
  57     position:relative;
  58     z-index:0;
  59 }
  60
  61
  62 .sws-inner-canvas {
  63     height: 88%;
  64     z-index: 2;
  65     position: relative; /* to make z-index work */
  66     margin:0;
  67 }
  68
  69 /* Title of the slide */
  70 .sws-title {
  71     height: 7%;
  72     z-index: 2;
  73
  74 }
  75
  76 .sws-footer {
  77     margin:0;
  78     height: 5%;
  79     text-align:right;
  80     padding-right:1ex;
  81     vertical-align: middle;
  82     z-index: 1;
  83 }
  84
  85 .sws-footer::before {
  86     display:inline-block;
  87     height:12%;
  88     width: 12%;
  89     left: 0.5ch;
  90     bottom:0.5ch;
  91     position:absolute;
  92     content:"";
  93     background-size: contain;
  94     background-image: url("logo_psud_psay.png");
  95     background-repeat: no-repeat;
  96     z-index: -1 ;
  97 }
  98
  99 .sws-slide-num-sep:after {
 100     content: "/";
 101 }
 102
 103
 104 @font-face {
 105   src: url("DIN-Medium.ttf") format("truetype");
 106   font-family: "DIN";
 107   font-style: "normal";
 108   font-weight: "medium";
 109 }
 110
 111 @font-face {
 112   src: url("DIN-Bold.ttf") format("truetype");
 113   font-family: "DIN";
 114   font-style: "normal";
 115   font-weight: "bold";
 116 }
 117
 118
 119 body {
 120     font-family: 'DIN',sans-serif;
 121     background-color: white;
 122     color: #696968;
 123 }
 124
 125 /*
 126 :root.sws-print body {
 127     font-size: 21pt;
 128 }
 129
 130
 131
 132 @media print {
 133     body { font-size: 21pt; }
 134 }
 135 */
 136
 137 p {
 138     display:block;
 139     width:92%;
 140     padding: 0 4% 0 4%;
 141     text-align:justify;
 142
 143 }
 144
 145
 146 code, pre, tt {
 147     font-family: 'Inconsolata', monospace;
 148     /*color: #494948;*/
 149 }
 150
 151 code {
 152     display: block;
 153     white-space: pre;
 154 }
 155
 156 ul  {
 157     list-style-type: square;
 158 }
 159
 160 ul, ol {
 161     list-style-position: inside;
 162     width: 92%;
 163     padding: 0 4% 0 4%;
 164 }
 165
 166 ul.empty {
 167     list-style-type: none;
 168 }
 169
 170 .hl {
 171     color:    #92b938;
 172 }
 173
 174 .done::after {
 175     content: " ✔";
 176 }
 177
 178 li {
 179     margin-top:0.5vmin;
 180 }
 181
 182 tt em, code em {
 183     color: #729918;
 184 }
 185
 186 em { color: #92b938;
 187      font-style:normal;
 188    }
 189
 190 s {
 191     color: #ff1111;
 192     font-style: normal;
 193     text-decoration: none;
 194 }
 195
 196 a {
 197     color: #92b938;
 198     text-decoration:none;
 199     font-style:normal;
 200 }
 201
 202 table.desc {
 203     width: 100%;
 204     padding: 0% 4% 0% 4%;
 205     margin: 0 0 0 0;
 206 }
 207
 208 table.desc tr {
 209     margin: 0 0 0 0;
 210     padding: 0 0 0 0;
 211
 212 }
 213 table.desc td {
 214     vertical-align: top;
 215     text-align: justify;
 216     margin: 0 0 0 0;
 217 }
 218
 219 table.desc td:first-child {
 220     color: #92b938;
 221 }
 222
 223 table.desc td:first-child:after {
 224     content: " : ";
 225 }
 226
 227
 228
 229 .centerbox {
 230     text-align: center;
 231 }
 232
 233 table.rounded {
 234     border-collapse: separate;
 235     border-spacing: 0.5em 0.5em ;
 236 }
 237 .rounded td {
 238     padding: 0.5em 0 0.5em 0;
 239
 240     text-align: center;
 241     vertical-align:top;
 242     border-style:solid;
 243     border-color: #696968;
 244     border-width: 2pt;
 245     border-radius: 0.5em;
 246 }
 247 .rounded tr {
 248     display:table-row;
 249     width: 100%;
 250     margin: 1em;
 251 }
 252
 253 table.btable {
 254     border-collapse: collapse;
 255 }
 256
 257 .btable td {
 258     border: solid 1pt #696968;
 259 }
 260
 261 dl {
 262     padding: 1vmin 1em 1vmin 1em;
 263 }
 264
 265 dt { display: inline;
 266      color: #92b938;
 267      float:left;
 268    }
 269
 270 dt:after {
 271     display:inline;
 272     content: " : ";
 273 }
 274
 275 dd { display: block;
 276      padding: 0 0 0 4em;
 277      text-indent: 1em;
 278      margin: 0 0 0 0;
 279    }
 280
 281 table.simple {
 282     table-layout:fixed;
 283     padding: 0 4% 0 4%;
 284     text-align:left;
 285     border-spacing: 2em 0;
 286 }
 287
 288 table.simple th{
 289  color: #92b938;
 290  font-weight: normal;
 291  text-align:left;
 292 }
 293 table.simple th,
 294 table.simple tr {
 295     vertical-align:top;
 296 }
 297 .css3:after {
 298     content:"CSS3";
 299     color:white;
 300     background: #0a64a4;
 301     border-radius:0.25em;
 302     font-size:small;
 303     margin: 0.25em;
 304     padding:0.1em;
 305 }
 306
 307 div.twocol {
 308     width:99%;
 309     position:absolute;
 310     top:5em;
 311 }
 312
 313 div.twocol > div:first-child {
 314     display:inline-block;width:47%;
 315     position:absolute;
 316     box-sizing:border-box;
 317     padding: 0 1em;
 318     border-style:dashed;
 319     border-width: 0 1pt 0 0;
 320     border-color:gray;
 321     left: 0pt;
 322     top:0pt;
 323 }
 324
 325 div.twocol > div:last-child {
 326     display:inline-block;
 327     width:47%;
 328     position:absolute;
 329     box-sizing:border-box;
 330     padding: 0 0em 0 5em;
 331     vertical-align:text-top;
 332     right: 0pt;
 333     top:0pt;
 334 }
 335 table.withborder {
 336     border-collapse: collapse;
 337 }
 338 table.withborder td {
 339     border-style: solid;
 340     border-width: 1pt;
 341     min-width:20pt;
 342     height: 20pt;
 343 }
 344
 345 mark {
 346     color: #ff6612;
 347     background: none;
 348 }
 349 u {
 350     color: #00486c;
 351     background: none;
 352     text-decoration: none;
 353 }
 354
 355 kbd {
 356     color: #393938;
 357     font-family:inherit;
 358 }