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