chrysalide

Minimalist and text-based browsers friendly theme for Motyl
Log | Files | Refs | README | LICENSE

commit ca3fed267bddf651bcce2a92e43175fc5f2ea03a
parent 69734947b96e7ba59b27cfa7e183fdf41d721c6c
Author: Frederic Cambus <fred@statdns.com>
Date:   Wed,  6 Jul 2016 20:20:18 +0200

Adding CSS styles, finally

Diffstat:
Astyles/motyl.css | 85+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 85 insertions(+), 0 deletions(-)

diff --git a/styles/motyl.css b/styles/motyl.css @@ -0,0 +1,85 @@ +/*****************************************************************************/ +/* */ +/* Chrysalide */ +/* Copyright (c) 2016, Frederic Cambus */ +/* http://www.cambus.net/motyl/ */ +/* */ +/* Created: 2016-02-16 */ +/* Last Updated: 2016-07-06 */ +/* */ +/* Chrysalide is released under the BSD 2-Clause license. */ +/* See LICENSE file for details. */ +/* */ +/*****************************************************************************/ + +@font-face { + font-family: 'open_sansregular'; + src: url('/fonts/OpenSans-Regular-webfont.eot'); + src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('/fonts/OpenSans-Regular-webfont.woff') format('woff'), + url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), + url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +body { + background: #fff; + color: #000; + font-family: 'open_sansregular'; + font-size: 18px; + margin: 0; + padding: 0; +} + +h1, h3 { + margin-bottom: 0px; +} + +header h2 { + margin: 0; +} + +header, #container { max-width: 900px; margin : auto; padding: 0 10px; } + +time { + color: #aaa; +} + + +p { + text-align: justify; +} + +hr { + border-top: 1px; +} + +footer { + color: #aaa; + margin: 16px 0; +} + +#powered { float:right; } + +a { color: #555; text-decoration: none; } + +p a { border-bottom: 1px dotted } + +img { + max-width: 100%; + height: auto; + display: inline-block; + margin: auto; +} + +.youtube { + position: relative; + padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ +} + +.youtube iframe { + position: absolute; + width: 100%!important; + height: 100%!important; +}