diff options
Diffstat (limited to 'assets/css/default.css')
-rw-r--r-- | assets/css/default.css | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/assets/css/default.css b/assets/css/default.css new file mode 100644 index 0000000..ea88574 --- /dev/null +++ b/assets/css/default.css @@ -0,0 +1,111 @@ +html { height: 100%; } + +*, +*:after, +*:before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + margin: 0; +} + +/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ +.clearfix:before, +.clearfix:after { + content: " "; + display: table; +} + +.clearfix:after { + clear: both; +} + +.clearfix { + *zoom: 1; +} + +body { + font-family: 'Lato', Arial, Calibri, sans-serif; + font-weight: 300; + font-size: 15px; + overflow: scroll; + overflow-x: hidden; +} + +a { + text-decoration: none; +} + +.container { + width: 100%; + position: relative; +} + +.container > header { + width: 90%; + max-width: 1240px; + margin: 0 auto; + position: relative; + padding: 20px 30px; + text-align: center; + font-size: 20px; +} + +.container > header h1 { + font-size: 34px; + margin: 0 auto; + font-weight: 700; +} + +.container > header h5 { + padding-bottom: 0.3em; + text-align: right; +} + +.container > header span { + display: block; + font-weight: 300; + text-align: left; + padding-bottom: 0.5em; +} + +.main > p { + text-align: center; + padding: 50px 20px; +} + +img.lazy{ + display: block; + height: 250px; +} + +footer { + text-align: center; + padding: 0.5em; +} + +footer > p.credits { + font-size: 0.6em; + font-style: bold; + padding-top: 0.4em; + opacity: 0.6; +} + +span.video-icon svg { + z-index: 1; + position: absolute; + left: 50%; + top: 50%; + width: 60px; + height: 60px; + margin-top: -30px; + margin-left: -30px; + opacity: 86%; + transition: 0.2s; +} + +.og-grid li > a:hover span.video-icon svg{ + filter: invert(90%); +} + |