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