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) { .body-content { margin-top: 56px; } .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; } .foot-tooltip { background-color: #222; color: white; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em; padding-right: 1em; margin-right: 10%; margin-left: 10%; opacity: 0; border-radius: 10px; transition: opacity 0.5s linear; } .image-reference img { max-height: 260px; margin: 0 36px 36px 0; }