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 | } | ||
