From 23f0e1561767dd8a396188e317bae5920d171ea8 Mon Sep 17 00:00:00 2001 From: erdgeist Date: Sun, 16 Aug 2015 16:38:25 +0200 Subject: Initial import of my nikola website --- themes/erdgeist/assets/css/erdgeist.css | 293 ++++++++++++++++++++++++++++++++ 1 file changed, 293 insertions(+) create mode 100644 themes/erdgeist/assets/css/erdgeist.css (limited to 'themes/erdgeist/assets/css/erdgeist.css') 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 @@ +body { + font-size: 1.8em; +} + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(/assets/font/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGPS42wKzre0cxmO5m5GyTsY.ttf) format('truetype'); +} +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(/assets/font/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlEY6Fu39Tt9XkmtSosaMoEA.ttf) format('truetype'); +} +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 700; + src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/assets/font/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLlcMrNrsnL9dgADnXgYJjs.ttf) format('truetype'); +} + +.post-body:not(.full)::after { + position: absolute; + bottom: 0; + height: 100%; + width: 100%; + content: ""; + background: linear-gradient(to top, + rgba(255,255,255, 1) 10%, + rgba(255,255,255, 0) 90% + ); + pointer-events: none; /* so the text is still selectable */ +} +.post-list li { + margin-top: 0.2em; +} + +.post-text { + max-width: 50em; +} +.post-body { + position: relative; + max-height: 6em; + transition: max-height 0.5s ease-in; + overflow: hidden; +} +.post-date { + float: right; + font-size: 0.7em; + padding-top: 0.3em; +} +.poetry-list .post-date { + float: left; + width: 6em; +} +.full { + transition: max-height 0.5s ease-in; + max-height: 10000em; +} + +@media (min-width: 640px) { +.multi-columns { + column-count: 2; + -webkit-column-count: 2; + -moz-column-count: 2; +} +} +@media (min-width: 1024px) { +.multi-columns { + column-count: 3; + -webkit-column-count: 3; + -moz-column-count: 3; + +} +} + +.glyphicon { + margin-right: 0.2em; + font-size: 0.8em; +} + +.navbar { + background-image: url('../img/dark_stripes.png'); +} + +.navbar a [class^="icon-"] { + transition: opacity 0.5s; + transition: text-shadow 0.5s; + font-size: 2em; + color: grey; + opacity: 0.6; +} + +.navbar .active a [class^="icon-"] { + color: yellow; +} + +.navbar a [class^="icon-"]:hover, +.navbar a [class^="icon-"]:focus { + text-shadow: 0 0 10px rgba(255,255,255,0.8); + color: white; + opacity: 0.9; +} + +@-webkit-keyframes pulsing { + 0% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } + 50% { text-shadow: 0 0 10px rgba(255,255,255,0.8); opacity: 0.9; } + 100% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } +} + +@keyframes pulsing { + 0% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } + 50% { text-shadow: 0 0 10px rgba(255,255,255,0.8); opacity: 0.9; } + 100% { text-shadow: 0 0 2px rgba(255,255,255,0.2); opacity: 0.6; } +} + +.navbar a [class^="icon-"]:hover { + animation-name: pulsing; + animation-duration: 2s; + animation-iteration-count: infinite; + -webkit-animation-name: pulsing; /* Chrome, Safari, Opera */ + -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ + -webkit-animation-iteration-count: infinite; +} + +.nav > li > a:hover, .nav > li > a:focus { + background-color: transparent !important; +} + +.navbar-nav { + margin: 0; +} + +@media (max-width: 553px) { +.navbar { + height: 56px !important; + margin-left: auto; + margin-right: auto; +} +.navbar-collapse.collapse { + display: block!important; +} + +.nav { + width: 100%; + text-align: center; + overflow: auto; +} + +.nav > li { + display: inline-block; + width: 20%; + float: left; +} + +.navbar-right { + float: right!important; +} +} + +@media (min-width: 554px) { +.navbar-collapse { + height: auto; + border-top: 0; + box-shadow: none; + max-height: none; + padding-left:0; + padding-right:0; +} + +.navbar-collapse.collapse { + display: block !important; + width: auto !important; + padding-bottom: 0; + overflow: visible !important; +} + +.nav > li > a { + padding-left: 0; +} + +.navbar-collapse.in { + overflow-x: visible; +} + +.navbar +{ + max-width: 54px; + margin-right: 0; + margin-left: 0; + height: 100%; +} + +body { + margin-top: 0px; +} + +.navbar .container { + padding-left: 0; + max-width: 54px; +} + +#content { + padding-left: 66px; +} + +.navbar-nav > li > a { + padding-top: 14.5px; + padding-bottom: 14.5px; +} + +.navbar-nav, +.navbar-nav > li, +.navbar-left, +.navbar-right, +.navbar-header +{float:none !important;} + +.navbar-right .dropdown-menu {left:0;right:auto;} +.navbar-collapse .navbar-nav.navbar-right:last-child { + margin-right: 0; +} +} + +.contents.topic { + margin: 0px; +} + +.contents .topic-title { + display: none; + background-color: green; +} + +.contents ul { + margin: 0px; + padding: 0px; +} + +.contents li { + list-style: none; + display: inline-block; + margin-right: 1em; +} + +.postindexpager { + width: 100%; + overflow: hidden; +} + +.postindexpager .pager { + margin-bottom: 0px; +} + +.docutils.literal { + font-size: 0.8em; + color: #000; +} + +a { + color: #aa3; + text-decoration: none; +} + +a:hover, +a:focus { +/* color: #b22; */ + text-decoration: underline; +} + +.lyrics-chords { + border-color: white; + border: white; +} + +.lyrics-chords-above .line { + line-height:1.3em; + margin-bottom:1em; +} +.lyrics-chords-above .crd { + position: relative; + top: -1em; + display:inline-block; + width: 0; + overflow:visible; + font-weight:bold; +} + +.image-reference img { + max-height: 260px; + margin: 0 36px 36px 0; +} -- cgit v1.2.3