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 /* Slide layout
   5    .sws-{header,inner-canvas,footer} are in
   6    a .sws-canvas which fills the whole viewport vertically
   7    and is horizontally centered.
   8    The .sws-canvas has an aspect ratio of 4/3 or 16/9
   9 */
  10
  11 body {
  12     padding: 0 0 0 0;
  13     margin: 0 0 0 0;
  14     overflow: hidden;
  15 }
  16
  17 /* No header in this theme */
  18 .sws-header {
  19     display: none;
  20 }
  21
  22 /* Title of the slide */
  23 h1 {
  24     color: #00486c;
  25     font-size: 5vh;
  26     text-align:center;
  27 }
  28 /* The inner canvas and content */
  29 .sws-inner-canvas {
  30     top: 0vh;
  31     height: 80vh;
  32 }
  33
  34 .sws-content {
  35     padding: 3vh 0;
  36     left: 0;
  37     right:0;
  38 }
  39
  40 .sws-canvas {
  41     border-style:solid;
  42     border-width:1pt;
  43     border-color: #696968;
  44     color: #696968;
  45     background: white;
  46     display:block;
  47 }
  48
  49 :root.sws-display body {
  50     background: black;
  51 }
  52
  53 :root.sws-print .sws-canvas {
  54     margin-top:1cm;
  55     padding: 0 0;
  56     margin-bottom:1cm;
  57     margin-left:1cm;
  58     margin-right:1cm;
  59     height: 18.6cm;
  60     width:27.7cm;
  61     overflow:visible;
  62 }
  63
  64
  65 :root.sws-display .sws-canvas {
  66     margin-top:0;
  67     margin-bottom:0;
  68     height: 99vh;
  69 }
  70
  71 .sws-footer {
  72     top: 88vh;
  73     right: 5vh;
  74     height: 5vh;
  75     text-align: right;
  76 }
  77
  78 .sws-canvas:after {
  79     position:absolute;
  80     bottom: 1vh;
  81     left:1vh;
  82     display:block;
  83     width:10vh;
  84     height:10vh;
  85     content:"";
  86     background-size: 10vh;
  87     background-image: url("upsud.png");
  88     background-repeat: no-repeat;
  89 }
  90
  91 .sws-slide-num-sep:after {
  92     content: "/";
  93 }
  94
  95 @font-face {
  96   src: url("DIN-Medium.ttf") format("truetype");
  97   font-family: "DIN";
  98   font-style: "normal";
  99   font-weight: "medium";
 100 }
 101
 102 @font-face {
 103   src: url("DIN-Bold.ttf") format("truetype");
 104   font-family: "DIN";
 105   font-style: "normal";
 106   font-weight: "bold";
 107 }
 108
 109
 110 body {
 111     font-family: 'DIN',sans-serif;
 112     font-size: 3.5vh;
 113     background-color: white;
 114     color: #696968;
 115 }
 116 p {
 117     display:block;
 118     width:92%;
 119     padding: 0 4% 0 4%;
 120     text-align:justify;
 121
 122 }
 123 code, pre, tt {
 124     font-family: 'Inconsolata', monospace;
 125     color: #494948;
 126 }
 127 code {
 128     white-space: pre;
 129 }
 130
 131 ul  {
 132     list-style-type: square;
 133 }
 134
 135 ul,il {
 136     list-style-position: inside;
 137     width: 92%;
 138     padding: 0 4% 0 4%;
 139 }
 140
 141 ul.empty {
 142     list-style-type: none;
 143 }
 144
 145 .hl {
 146     color:    #92b938;
 147
 148 }
 149 li {
 150     margin-top:0.5vh;
 151 }
 152
 153 tt em, code em {
 154     color: #729918;
 155 }
 156
 157 em { color: #92b938;
 158      font-style:normal;
 159    }
 160
 161 a {
 162     color: #92b938;
 163     text-decoration:none;
 164     font-style:normal;
 165 }
 166
 167 table.desc {
 168     width: 100%;
 169     padding: 0% 4% 0% 4%;
 170     margin: 0 0 0 0;
 171 }
 172
 173 .desc tr {
 174     margin: 0 0 0 0;
 175     padding: 0 0 0 0;
 176 }
 177 .desc td {
 178     vertical-align: top;
 179     text-align: justify;
 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 table.btable {
 206     border-collapse: collapse;
 207 }
 208 .btable td {
 209     border: solid 1pt #696968;
 210 }