Use the new flex-box et border-sizing.
[hacks/simpleWebSlides.git] / 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 }
27
28 .sws-footer {
29     height: 5vh;
30     text-align: right;
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     content:"";
41     background-size: 10vh;
42     background-image: url("upsud.png");
43     background-repeat: no-repeat;
44 }
45
46 .sws-slide-num-sep:after {
47     content: "/";
48 }
49
50 @font-face {
51   src: url("DIN-Medium.ttf") format("truetype");
52   font-family: "DIN";
53   font-style: "normal";
54   font-weight: "medium";
55 }
56
57 @font-face {
58   src: url("DIN-Bold.ttf") format("truetype");
59   font-family: "DIN";
60   font-style: "normal";
61   font-weight: "bold";
62 }
63
64
65 body {
66     font-family: 'DIN',sans-serif;
67     font-size: 3.5vh;
68     background-color: white;
69     color: #696968;
70 }
71
72 p {
73     display:block;
74     width:92%;
75     padding: 0 4% 0 4%;
76     text-align:justify;
77
78 }
79 code, pre, tt {
80     font-family: 'Inconsolata', monospace;
81     color: #494948;
82 }
83 code {
84     white-space: pre;
85 }
86
87 ul  {
88     list-style-type: square;
89 }
90
91 ul,il {
92     list-style-position: inside;
93     width: 92%;
94     padding: 0 4% 0 4%;
95 }
96
97 ul.empty {
98     list-style-type: none;
99 }
100
101 .hl {
102     color:    #92b938;
103
104 }
105 li {
106     margin-top:0.5vh;
107 }
108
109 tt em, code em {
110     color: #729918;
111 }
112
113 em { color: #92b938;
114      font-style:normal;
115    }
116
117 a {
118     color: #92b938;
119     text-decoration:none;
120     font-style:normal;
121 }
122
123 table.desc {
124     width: 100%;
125     padding: 0% 4% 0% 4%;
126     margin: 0 0 0 0;
127 }
128
129 .desc tr {
130     margin: 0 0 0 0;
131     padding: 0 0 0 0;
132 }
133 .desc td {
134     vertical-align: top;
135     text-align: justify;
136 }
137
138 .centerbox {
139     text-align: center;
140 }
141
142 table.rounded {
143     border-collapse: separate;
144     border-spacing: 0.5em 0.5em ;
145 }
146 .rounded td {
147     padding: 0.5em 0 0.5em 0;
148
149     text-align: center;
150     vertical-align:top;
151     border-style:solid;
152     border-color: #696968;
153     border-width: 2pt;
154     border-radius: 0.5em;
155 }
156 .rounded tr {
157     display:table-row;
158     width: 100%;
159     margin: 1em;
160 }
161 table.btable {
162     border-collapse: collapse;
163 }
164 .btable td {
165     border: solid 1pt #696968;
166 }