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