summaryrefslogtreecommitdiff
path: root/themes/erdgeist/assets/css/erdgeist.css
diff options
context:
space:
mode:
authorerdgeist <erdgeist@bauklotz.local>2015-08-16 16:38:25 +0200
committererdgeist <erdgeist@bauklotz.local>2015-08-16 16:38:25 +0200
commit23f0e1561767dd8a396188e317bae5920d171ea8 (patch)
treea67f44e39ad8a45e42d60634488a65c37f3ad432 /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.css293
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 @@
1body {
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
196body {
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
261a {
262 color: #aa3;
263 text-decoration: none;
264}
265
266a:hover,
267a: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}