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