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