chrysalide

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

commit 1ca5c811615139b10f022e8f27110818a03b4537
parent a99251a2ad75ae4b8210adc83f7321a412baf036
Author: Frederic Cambus <fred@statdns.com>
Date:   Mon,  7 Aug 2017 19:22:04 +0200

Reformat styles

Diffstat:
Mstyles/chrysalide.css | 80+++++++++++++++++++++++++++++++++++++++++++++++--------------------------------
1 file changed, 48 insertions(+), 32 deletions(-)

diff --git a/styles/chrysalide.css b/styles/chrysalide.css @@ -5,7 +5,7 @@ /* https://github.com/fcambus/chrysalide */ /* */ /* Created: 2016-02-16 */ -/* Last Updated: 2017-04-24 */ +/* Last Updated: 2017-08-07 */ /* */ /* Chrysalide is released under the BSD 2-Clause license. */ /* See LICENSE file for details. */ @@ -13,12 +13,12 @@ /*****************************************************************************/ @font-face { - font-family: 'Work Sans'; - src: url('/fonts/WorkSans-Regular.woff') format('woff'), - url('/fonts/WorkSans-Regular.woff2') format('woff2'), - url('/fonts/WorkSans-Regular.ttf') format('truetype'); - font-weight: 400; - font-style: normal; + font-family: 'Work Sans'; + src: url('/fonts/WorkSans-Regular.woff') format('woff'), + url('/fonts/WorkSans-Regular.woff2') format('woff2'), + url('/fonts/WorkSans-Regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; } body { @@ -31,55 +31,71 @@ body { padding: 0; } +a { + color: #af463e; + text-decoration: none; +} + +footer { + color: #aaa; + margin: 16px 0; +} + h1, h3 { margin-bottom: 0px; } +header, #container { + max-width: 1024px; + margin: auto; + padding: 0 10px; +} + header h2 { font-size: 48px; line-height: 48px; margin: 16px 0 0; } -header, #container { max-width: 1024px; margin : auto; padding: 0 10px; } - -time { - color: #aaa; +header > a, h3 > a { + color: #555; } +hr { + border-top: 1px solid #eee; + margin: 16px 0; +} p { text-align: justify; } -hr { border-top: 1px solid #eee; margin: 16px 0 } - -footer { - color: #aaa; - margin: 16px 0; +img { + display: inline-block; + height: auto; + max-width: 100%; + margin: auto; } -#powered { float:right; } - -header > a, h3 > a { color: #555 } - -a { color: #af463e; text-decoration: none; } -p a { border-bottom: 2px solid pink } +p a { + border-bottom: 2px solid pink; +} -img { - max-width: 100%; - height: auto; - display: inline-block; - margin: auto; +time { + color: #aaa; } .youtube { - position: relative; - padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ + position: relative; + padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ } .youtube iframe { - position: absolute; - width: 100%!important; - height: 100%!important; + position: absolute; + width: 100%!important; + height: 100%!important; +} + +#powered { + float: right; }