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