@charset 'UTF-8'; @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600'); @import url('font-awesome.min.css'); /* Parallelism by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */ /*********************************************************************************/ /* Basic */ /*********************************************************************************/ body { position: relative; background-color: #12151D; color: #999; color: rgba(255,255,255,0.6); font-family: 'Source Sans Pro'; font-weight: 400; } figcaption { display:none; } a { color: #fff; color: rgba(255,255,255,0.85); text-decoration: none; -moz-transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } h1,h2,h3,h4,h5,h6 { font-weight: 400; color: #fff; letter-spacing: -0.05em; } strong, b { color: #fff; color: rgba(255,255,255,0.85); font-weight: 600; } /* List */ ul { } ul.contact { cursor: default; margin: 0 0 1em 0; } ul.contact li { display: inline-block; font-size: 1.5em; } ul.contact li span { display: none; } ul.contact li a { opacity: 0.35; color: #fff; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } ul.contact li a:hover { opacity: 1.0; } /* Item */ .item { background: #1a1f2c; background: rgba(255,255,255,0.25); } .item.thumb { display: block; position: relative; background: #1a1f2c; background: rgba(255,255,255,0.25); cursor: default; } .item.thumb h2 { position: absolute; bottom: 0; left: 0; background: #1a1f2c; background: rgba(18,21,29,0.85); width: 100%; padding: 1em; font-weight: 400; line-height: 1em; z-index: 2; } .item.thumb img { display: block; z-index: 1; } /*********************************************************************************/ /* Icons */ /*********************************************************************************/ .icon { position: relative; text-decoration: none; } .icon:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; } .icon > .label { display: none; } /*********************************************************************************/ /* Wrapper */ /*********************************************************************************/ #wrapper { position: relative; z-index: 1; /*custom*/ overflow: auto; } /*********************************************************************************/ /* Main */ /*********************************************************************************/ #main { margin-top: 60px; position: static; } /*********************************************************************************/ /* Header */ /*********************************************************************************/ #header { position: relative; background: #d64760 url('images/overlay.png'); color: #fff; cursor: default; } #header p { opacity: 0.65; } #header .inner { width: 100%; } /*custom*/ a:hover { color: black; } .image img { position: relative !important; max-width: 100%; /*max-height: auto !important;*/ /*width: auto !important;*/ display: block; margin-left: auto; margin-right: auto; } nav { padding: 1em 2em; } nav li { display: inline-block; } .comment { border: 5px solid rgb(255, 255, 255); padding: 2em 3em; background: #d64760 url('/static/css/images/overlay.png'); } .center { text-align: center; } .image { height: 100% !important; } .reply { background: #47d65f url('/static/css/images/overlay.png'); } #message { padding: 20px; background: lightyellow url('/static/css/images/overlay.png'); color: #d64760; font-size: 1.5em; }