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