-
Notifications
You must be signed in to change notification settings - Fork 2
/
style.css
59 lines (51 loc) · 1.15 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/* From example online at http://codepen.io/johnstonian/pen/guhid */
body { margin: 0; }
.staydown{
left: 0;
right: 0;
bottom:0;
position:fixed;
background-color:white;
font-size: .5em;
}
.hide-fork { display: none; }
/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
.leftColumn { margin-right: 19.5em; }
.rightColumn { position: absolute; top: 0; right: 0; width: 18.75em; }
.staydown{ height: 5em; margin-top: 1em;}
.importantstuff{ margin-bottom: 50px; }
}
.importantstuff {
padding-left: 15%;
padding-right: 15%;
padding-top: 2%;
}
#enlarge {
font-size: 1.5em;
}
#warn {
padding: 1em;
background-color: #FFFF75;
font-size: 1.2em;
}
button {
font-size: 1.5em;
background-color: #DDDDDD;
padding-left: 1em;
padding-right: 1em;
}
table {
table-layout: fixed;
width:100%;
word-wrap:break-word;
padding:.25em;
}
td, th {
text-align: left;
border: 1px solid;
padding: 0.5em;
}
/* thanks to Royi Namir on
* http://stackoverflow.com/questions/18739937/how-to-keep-footer-at-bottom-of-screen * for the staydown footer code
*/