]> git.r.bdr.sh - rbdr/r.bdr.sh/blame_incremental - jekyll/css/application.css
Colorizes links too
[rbdr/r.bdr.sh] / jekyll / css / application.css
... / ...
CommitLineData
1body {background-color: #fff}
2a.logo {display: block; margin: 1.538em 0 0 1.538em; width: 44.615em; height: 7.692em; background-image: url(/img/header.gif)}
3a.logo span {display:none}
4em {color:#99a3a4}
5
6nav ul{
7 list-style: none;
8 margin: 1.536em;
9}
10
11nav ul li{
12 display: inline;
13 font-family: 'Oswald', sans-serif;
14 text-transform: uppercase;
15 font-weight: 400;
16 font-size: 2.769em;
17 margin: 0.555em;
18}
19
20nav ul li a{
21 color: #54575a;
22 text-decoration: none;
23}
24
25nav ul li a:hover,
26nav ul li a:active,
27nav ul li a:focus {
28 color: #74777a;
29 text-decoration: none;
30}
31
32.main-container {
33 margin: 3.077em 0;
34}
35
36.postcontainer{
37 margin: 2em 0;
38 font-family: 'Signika', sans-serif;
39 letter-spacing: 0.05em;
40 font-weight: 300;
41 color: #03090f;
42}
43
44.postcontainer h1{
45 font-family: 'Oswald', sans-serif;
46 text-transform: uppercase;
47 font-weight: 300;
48 color: #d30058;
49 margin: 0.666em 1.333em 0;
50}
51
52.postcontainer.blue h1 {color: #0081cb}
53.postcontainer.green h1 {color: #43da30}
54.postcontainer.grey h1 {color: #9e978e}
55.postcontainer.yellow h1 {color: #ffda00}
56.postcontainer.orange h1 {color: #fd3839}
57.postcontainer.red h1 {color: #f32240}
58.postcontainer.cyan h1 {color: #74d0eb}
59.postcontainer.purple h1 {color: #400098}
60
61.post-meta {
62 margin-left: 3.077em;
63}
64
65.post-meta > div {
66 display: inline-block;
67 font-size: 1.077em;
68}
69
70.post-meta .post-date{width: 5.714em}
71.post-date a {color:#99a3a4}
72.post-tags a {color:#d30058; text-decoration: underline}
73
74.postcontainer.blue .post-tags a {color: #0081cb}
75.postcontainer.green .post-tags a {color: #43da30}
76.postcontainer.grey .post-tags a {color: #9e978e}
77.postcontainer.yellow .post-tags a {color: #ffda00}
78.postcontainer.orange .post-tags a {color: #fd3839}
79.postcontainer.red .post-tags a {color: #f32240}
80.postcontainer.cyan .post-tags a {color: #74d0eb}
81.postcontainer.purple .post-tags a {color: #400098}
82
83.post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em}
84
85.postcontainer.blue .post-image {background-color: #0081cb}
86.postcontainer.green .post-image {background-color: #43da30}
87.postcontainer.grey .post-image {background-color: #9e978e}
88.postcontainer.yellow .post-image {background-color: #ffda00}
89.postcontainer.orange .post-image {background-color: #fd3839}
90.postcontainer.red .post-image {background-color: #f32240}
91.postcontainer.cyan .post-image {background-color: #74d0eb}
92.postcontainer.purple .post-image {background-color: #400098}
93
94.postcontent {margin: 1.538em 3.077em;
95 -webkit-column-width: 36.923em;
96 -moz-column-width: 36.923em;
97 column-width: 36.923em;
98 -webkit-column-gap: 6.154em;
99 -moz-column-gap: 6.154em;
100 column-gap: 6.154em;
101}
102
103.postcontent p, .postcontent li{
104 font-size: 1.077em;
105 line-height: 1.6em;
106 padding: 8px 0;
107}
108
109.postcontent a {color: #d30058}
110.blue .postcontent a {color: #0081cb}
111.green .postcontent a {color: #43da30}
112.grey .postcontent a {color: #9e978e}
113.yellow .postcontent a {color: #ffda00}
114.orange .postcontent a {color: #fd3839}
115.red .postcontent a {color: #f32240}
116.cyan .postcontent a {color: #74d0eb}
117.purple .postcontent a {color: #400098}
118
119.postcontent strong{
120 font-weight: 400;
121}
122
123.go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block}
124
125.main-container section,
126.main-container aside{ text-align: left}
127
128/* List pages */
129
130.related {margin: 0 3.077em}
131.related ul {margin: 0 1.538em}
132.related li {font-size: 1.077em; font-family: "Lato"}
133.related a {color: #d30058}
134
135.related a.blue {color: #0081cb}
136.related a.green {color: #43da30}
137.related a.grey {color: #9e978e}
138.related a.yellow {color: #ffda00}
139.related a.orange {color: #fd3839}
140.related a.red {color: #f32240}
141.related a.cyan {color: #74d0eb}
142.related a.purple {color: #400098}
143
144.related h1{
145 font-family: 'Oswald', sans-serif;
146 text-transform: uppercase;
147 font-weight: 300;
148 padding-bottom: 0.666em;
149 color:#99a3a4;
150}
151
152/* Paginator */
153
154.paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif}
155.paginator a{color:#99a3a4}