diff options
author | erdgeist <erdgeist@bauklotz.local> | 2015-08-16 16:38:25 +0200 |
---|---|---|
committer | erdgeist <erdgeist@bauklotz.local> | 2015-08-16 16:38:25 +0200 |
commit | 23f0e1561767dd8a396188e317bae5920d171ea8 (patch) | |
tree | a67f44e39ad8a45e42d60634488a65c37f3ad432 /themes/erdgeist/assets/css/erdgeist.css |
Initial import of my nikola website
Diffstat (limited to 'themes/erdgeist/assets/css/erdgeist.css')
-rw-r--r-- | themes/erdgeist/assets/css/erdgeist.css | 293 |
1 files changed, 293 insertions, 0 deletions
diff --git a/themes/erdgeist/assets/css/erdgeist.css b/themes/erdgeist/assets/css/erdgeist.css new file mode 100644 index 0000000..f615cf9 --- /dev/null +++ b/themes/erdgeist/assets/css/erdgeist.css | |||
@@ -0,0 +1,293 @@ | |||
1 | body { | ||
2 | font-size: 1.8em; | ||
3 | } | ||
4 | |||
5 | @font-face { | ||
6 | font-family: 'Source Sans Pro'; | ||
7 | font-style: normal; | ||
8 | font-weight: 300; | ||
9 | src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(/assets/font/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGPS42wKzre0cxmO5m5GyTsY.ttf) format('truetype'); | ||
10 | } | ||
11 | @font-face { | ||
12 | font-family: 'Source Sans Pro'; | ||
13 | font-style: normal; | ||
14 | font-weight: 400; | ||
15 | src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(/assets/font/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlEY6Fu39Tt9XkmtSosaMoEA.ttf) format('truetype'); | ||
16 | } | ||
17 | @font-face { | ||
18 | font-family: 'Source Sans Pro'; | ||
19 | font-style: normal; | ||
20 | font-weight: 700; | ||
21 | src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/assets/font/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLlcMrNrsnL9dgADnXgYJjs.ttf) format('truetype'); | ||
22 | } | ||
23 | |||
24 | .post-body:not(.full)::after { | ||
25 | position: absolute; | ||
26 | bottom: 0; | ||
27 | height: 100%; | ||
28 | width: 100%; | ||
29 | content: ""; | ||
30 | background: linear-gradient(to top, | ||
31 | rgba(255,255,255, 1) 10%, | ||
32 | rgba(255,255,255, 0) 90% | ||
33 | ); | ||
34 | pointer-events: none; /* so the text is still selectable */ | ||
35 | } | ||
36 | .post-list li { | ||
37 | margin-top: 0.2em; | ||
38 | } | ||
39 | |||
40 | .post-text { | ||
41 | max-width: 50em; | ||
42 | } | ||
43 | .post-body { | ||
44 | position: relative; | ||
45 | max-height: 6em; | ||
46 | transition: max-height 0.5s ease-in; | ||
47 | overflow: hidden; | ||
48 | } | ||
49 | .post-date { | ||
50 | float: right; | ||
51 | font-size: 0.7em; | ||
52 | padding-top: 0.3em; | ||
53 | } | ||
54 | .poetry-list .post-date { | ||
55 | float: left; | ||
56 | width: 6em; | ||
57 | } | ||
58 | .full { | ||
59 | transition: max-height 0.5s ease-in; | ||
60 | max-height: 10000em; | ||
61 | } | ||
62 | |||
63 | @media (min-width: 640px) { | ||
64 | .multi-columns { | ||
65 | column-count: 2; | ||
66 | -webkit-column-count: 2; | ||
67 | -moz-column-count: 2; | ||
68 | } | ||
69 | } | ||
70 | @media (min-width: 1024px) { | ||
71 | .multi-columns { | ||
72 | column-count: 3; | ||
73 | -webkit-column-count: 3; | ||
74 | -moz-column-count: 3; | ||
75 | |||
76 | } | ||
77 | } | ||
78 | |||
79 | .glyphicon { | ||
80 | margin-right: 0.2em; | ||
81 | font-size: 0.8em; | ||
82 | } | ||
83 | |||
84 | .navbar { | ||
85 | background-image: url('../img/dark_stripes.png'); | ||
86 | } | ||
87 | |||
88 | .navbar a [class^="icon-"] { | ||
89 | transition: opacity 0.5s; | ||
90 | transition: text-shadow 0.5s; | ||
91 | font-size: 2em; | ||
92 | color: grey; | ||
93 | opacity: 0.6; | ||
94 | } | ||
95 | |||
96 | .navbar .active a [class^="icon-"] { | ||
97 | color: yellow; | ||
98 | } | ||
99 | |||
100 | .navbar a [class^="icon-"]:hover, | ||
101 | .navbar a [class^="icon-"]:focus { | ||
102 | text-shadow: 0 0 10px rgba(255,255,255,0.8); | ||
103 | color: white; | ||
104 | opacity: 0.9; | ||
105 | } | ||
106 | |||
107 | @-webkit-keyframes pulsing { | ||
108 | 0% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } | ||
109 | 50% { text-shadow: 0 0 10px rgba(255,255,255,0.8); opacity: 0.9; } | ||
110 | 100% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } | ||
111 | } | ||
112 | |||
113 | @keyframes pulsing { | ||
114 | 0% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } | ||
115 | 50% { text-shadow: 0 0 10px rgba(255,255,255,0.8); opacity: 0.9; } | ||
116 | 100% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } | ||
117 | } | ||
118 | |||
119 | .navbar a [class^="icon-"]:hover { | ||
120 | animation-name: pulsing; | ||
121 | animation-duration: 2s; | ||
122 | animation-iteration-count: infinite; | ||
123 | -webkit-animation-name: pulsing; /* Chrome, Safari, Opera */ | ||
124 | -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ | ||
125 | -webkit-animation-iteration-count: infinite; | ||
126 | } | ||
127 | |||
128 | .nav > li > a:hover, .nav > li > a:focus { | ||
129 | background-color: transparent !important; | ||
130 | } | ||
131 | |||
132 | .navbar-nav { | ||
133 | margin: 0; | ||
134 | } | ||
135 | |||
136 | @media (max-width: 553px) { | ||
137 | .navbar { | ||
138 | height: 56px !important; | ||
139 | margin-left: auto; | ||
140 | margin-right: auto; | ||
141 | } | ||
142 | .navbar-collapse.collapse { | ||
143 | display: block!important; | ||
144 | } | ||
145 | |||
146 | .nav { | ||
147 | width: 100%; | ||
148 | text-align: center; | ||
149 | overflow: auto; | ||
150 | } | ||
151 | |||
152 | .nav > li { | ||
153 | display: inline-block; | ||
154 | width: 20%; | ||
155 | float: left; | ||
156 | } | ||
157 | |||
158 | .navbar-right { | ||
159 | float: right!important; | ||
160 | } | ||
161 | } | ||
162 | |||
163 | @media (min-width: 554px) { | ||
164 | .navbar-collapse { | ||
165 | height: auto; | ||
166 | border-top: 0; | ||
167 | box-shadow: none; | ||
168 | max-height: none; | ||
169 | padding-left:0; | ||
170 | padding-right:0; | ||
171 | } | ||
172 | |||
173 | .navbar-collapse.collapse { | ||
174 | display: block !important; | ||
175 | width: auto !important; | ||
176 | padding-bottom: 0; | ||
177 | overflow: visible !important; | ||
178 | } | ||
179 | |||
180 | .nav > li > a { | ||
181 | padding-left: 0; | ||
182 | } | ||
183 | |||
184 | .navbar-collapse.in { | ||
185 | overflow-x: visible; | ||
186 | } | ||
187 | |||
188 | .navbar | ||
189 | { | ||
190 | max-width: 54px; | ||
191 | margin-right: 0; | ||
192 | margin-left: 0; | ||
193 | height: 100%; | ||
194 | } | ||
195 | |||
196 | body { | ||
197 | margin-top: 0px; | ||
198 | } | ||
199 | |||
200 | .navbar .container { | ||
201 | padding-left: 0; | ||
202 | max-width: 54px; | ||
203 | } | ||
204 | |||
205 | #content { | ||
206 | padding-left: 66px; | ||
207 | } | ||
208 | |||
209 | .navbar-nav > li > a { | ||
210 | padding-top: 14.5px; | ||
211 | padding-bottom: 14.5px; | ||
212 | } | ||
213 | |||
214 | .navbar-nav, | ||
215 | .navbar-nav > li, | ||
216 | .navbar-left, | ||
217 | .navbar-right, | ||
218 | .navbar-header | ||
219 | {float:none !important;} | ||
220 | |||
221 | .navbar-right .dropdown-menu {left:0;right:auto;} | ||
222 | .navbar-collapse .navbar-nav.navbar-right:last-child { | ||
223 | margin-right: 0; | ||
224 | } | ||
225 | } | ||
226 | |||
227 | .contents.topic { | ||
228 | margin: 0px; | ||
229 | } | ||
230 | |||
231 | .contents .topic-title { | ||
232 | display: none; | ||
233 | background-color: green; | ||
234 | } | ||
235 | |||
236 | .contents ul { | ||
237 | margin: 0px; | ||
238 | padding: 0px; | ||
239 | } | ||
240 | |||
241 | .contents li { | ||
242 | list-style: none; | ||
243 | display: inline-block; | ||
244 | margin-right: 1em; | ||
245 | } | ||
246 | |||
247 | .postindexpager { | ||
248 | width: 100%; | ||
249 | overflow: hidden; | ||
250 | } | ||
251 | |||
252 | .postindexpager .pager { | ||
253 | margin-bottom: 0px; | ||
254 | } | ||
255 | |||
256 | .docutils.literal { | ||
257 | font-size: 0.8em; | ||
258 | color: #000; | ||
259 | } | ||
260 | |||
261 | a { | ||
262 | color: #aa3; | ||
263 | text-decoration: none; | ||
264 | } | ||
265 | |||
266 | a:hover, | ||
267 | a:focus { | ||
268 | /* color: #b22; */ | ||
269 | text-decoration: underline; | ||
270 | } | ||
271 | |||
272 | .lyrics-chords { | ||
273 | border-color: white; | ||
274 | border: white; | ||
275 | } | ||
276 | |||
277 | .lyrics-chords-above .line { | ||
278 | line-height:1.3em; | ||
279 | margin-bottom:1em; | ||
280 | } | ||
281 | .lyrics-chords-above .crd { | ||
282 | position: relative; | ||
283 | top: -1em; | ||
284 | display:inline-block; | ||
285 | width: 0; | ||
286 | overflow:visible; | ||
287 | font-weight:bold; | ||
288 | } | ||
289 | |||
290 | .image-reference img { | ||
291 | max-height: 260px; | ||
292 | margin: 0 36px 36px 0; | ||
293 | } | ||