]> git.r.bdr.sh - rbdr/r.bdr.sh/blob - jekyll/css/application.css
Why not.
[rbdr/r.bdr.sh] / jekyll / css / application.css
1 body {background-image: url(/img/bg.png)}
2 a.logo {display: block; margin: 6.4616em auto 0; auto; width: 540px; height: 60px; background-image: url(/img/logo.png)}
3 a.logo span {display:none}
4 em {color: #7a8793}
5
6 nav ul{
7 list-style: none;
8 margin: 0 auto 6.4616em;
9 text-align: center;
10 }
11
12 nav ul li{
13 display: inline;
14 font-family: 'Open Sans condensed', sans-serif;
15 text-transform: uppercase;
16 font-weight: 300;
17 font-size: 2em;
18 margin: 0.5em
19 }
20
21 nav ul li a{
22 color: #03090f;
23 text-decoration: none;
24 }
25
26 nav ul li a:hover,
27 nav ul li a:active,
28 nav ul li a:focus {
29 color: #009edb;
30 text-decoration: none;
31 }
32
33 .posttags{
34 font-family: 'Signika Negative', sans-serif;
35 background-color: #fff;
36 margin: 1em 0;
37 color: #03090f;
38 }
39
40 .posttags .span1,
41 .posttags .span2,
42 .posttags .span3{
43 margin-left: 0;
44 margin-right: 0;
45 padding: 0.6154em 0.7692em;
46 }
47
48 .posttags .span1{width: 110px}
49 .posttags .span2{width: 140px}
50 .posttags .span3{width: 260px}
51
52 .postcontainer{
53 margin: 2em 0;
54 font-family: 'Signika', sans-serif;
55 letter-spacing: 0.05em;
56 font-weight: 300;
57 color: #03090f;
58 }
59
60 .postcontainer h1{
61 font-family: 'Open Sans Condensed', sans-serif;
62 text-transform: uppercase;
63 font-weight: 300;
64 font-size: 2.77em;
65 }
66
67 aside h3{
68 font-family: 'Open Sans Condensed', sans-serif;
69 font-weight: 300;
70 font-size: 1.85em;
71 margin: 1.0833em 0;
72 }
73
74 aside ul{
75 margin-left: 0;
76 list-style: none;
77 }
78
79 aside li{
80 display: block;
81 margin: 0;
82 background-color: #fff;
83 color: #03090f;
84 height: 2.9167em;
85 }
86
87 aside li.alt{
88 color: #333;
89 background-color: #fafafa;
90 }
91
92 aside li a,
93 aside li a:visited,
94 aside li a:hover,
95 aside li a:active{ color: #03090f; padding: 0.7692em; line-height: 2.9167em }
96
97 aside li.alt a,
98 aside li.alt a:visited,
99 aside li.alt a:hover,
100 aside li.alt a:active{ color: #333 }
101
102 aside .counter{ display: block; float: right; font-weight: bold; width: 2.9167em; height: 2.9167em; text-align: center; background-color: #00af4c; color: #fff; line-height: 2.9167em}
103 aside li.alt .counter { background-color: #009edb}
104
105 .postcontent p, .postcontent li{
106 font-size: 1.1em;
107 line-height: 1.6em;
108 padding: 8px 0;
109 }
110
111 .postcontent em{
112 color: #666;
113 font-family: 'PT Sans', sans-serif;
114 }
115
116 .postcontent strong{
117 font-weight: 400;
118 }
119
120 .main-container section,
121 .main-container aside{ text-align: left}