forked from kstolzenberg/processing
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
118 lines (100 loc) · 2.44 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
@font-face {
font-family: 'Londrina Outline';
font-style: normal;
font-weight: 400;
src: local('Londrina Outline'), local('LondrinaOutline-Regular'), url(http://themes.googleusercontent.com/static/fonts/londrinaoutline/v1/lls08GOa1eT74p072l1AWNNNRtILQnhF8IuY18ihom0.woff) format('woff');
}
@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
font-family: 'Crete Round';
font-style: normal;
font-weight: 400;
src: local('Crete Round'), local('CreteRound-Regular'), url(http://themes.googleusercontent.com/static/fonts/creteround/v2/ZCcPJiCGOzh84o2siPk48brIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
font-family: 'Quattrocento Sans';
font-style: normal;
font-weight: 400;
src: local('Quattrocento Sans'), local('QuattrocentoSans'), url(http://themes.googleusercontent.com/static/fonts/quattrocentosans/v5/efd6FGWWGX5Z3ztwLBrG9coBJSyBiVuloIc8IXLz46o.woff) format('woff');
}
body {
color: #000;
font-family:Quattrocento Sans, Arial;
font-size:10px;
height: 100%;
margin: 0px;
}
body a:-webkit-any-link{
color:#000;
text-decoration:none;
}
body:before {
content: "";
position: fixed;
top: -15px;
left: 0;
width: 100%;
height: 15px;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
box-shadow: 0px 0px 15px rgba(0,0,0,.5);
z-index: 100;
}
header{
font-family: Amatic SC;
font-size: 9em;
color:rgba(0,0,0,.9);
text-align: center;
width: 100%;
height:250px;
line-height: 250px;
}
footer{
position: relative;
left: 0;
bottom: 0;
margin-top: -100px; /*negative value of footer height */
height: 100px;
line-height:100px;
clear:both;
width: 100%;
font-family: Quattrocento Sans;
font-size:10px;
text-align: center;
background-color: rgba(100,100,100,.15);
}
/*http://mystrd.at/modern-clean-css-sticky-footer/ sticks in mobile safari but not webkit - where footer overlaps content div*/
footer .head {
font-weight:bold;
}
#content{
margin-left:50px;
margin-right: 50px;
width:100%;
padding-left:5%;
padding-right:5%;
padding-top:0px;
clear:both;
}
ol {
list-style-type: none;
padding: 0px;
margin: 0px;
clear: both;
}
ol.thumb-grid li {
float: left;
width: 20%;
margin: 0 1% 1% 0;
}
ol.thumb-grid li a img {
width: 100%;
}
ul {
list-style-type: none;
}