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