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