logo

blog

Unnamed repository; edit this file 'description' to name the repository.
commit fd8ce559a26f0c35f3808c940f5fe8472f26dc5d
parent 90d5e945274b55c93c709d797ad7ed652757dd8e
Author: Haelwenn Monnier <lanodan.delta@free.fr>
Date:   Tue, 15 Sep 2015 18:48:21 +0200

[CSS] unit change and cleanning

Diffstat:
css/index.css | 54+++++++++++++++++++++---------------------------------
1 file changed, 21 insertions(+), 33 deletions(-)

diff --git a/css/index.css b/css/index.css @@ -3,29 +3,25 @@ float: left; margin: 1em; } +#art { text-align: center; } +.warn { + background-color: rgba(255, 60, 0, 0.2); + border-bottom: 0.125em solid #FF3C00; +} html, body { margin: 0; padding: 0; font-family: sans; } -h1, h2, h3, h4, h5, h6 { - font-family: serif; -} -pre { - white-space: pre-wrap; -} -.postTitle {text-align: center;} -.warn { - background-color: rgba(255, 60, 0, 0.2); - border-bottom: 2px solid #FF3C00; -} +h1, h2, h3, h4, h5, h6 { font-family: serif; } +pre { white-space: pre-wrap; } article, #content { - margin: 1.5em; - padding: 0.5em; + margin: 1.5rem; + padding: 0.5rem; } article { - border-radius: 0.5em; - box-shadow: 0 0 0.5em 0; + border-radius: 0.5rem; + box-shadow: 0 0 0.5rem 0; } code { display: inline-table; @@ -35,21 +31,18 @@ code { font-family: monospace; } table { - width: 100%; - border: 1pt solid; + width: 100vw; + border: 0.0625em solid; border-collapse: collapse; } td, th { - border: 1pt solid; + border: 0.0625em solid; padding: 0.25em; } blockquote { - border-left: 1pt solid; + border-left: 0.0625em solid; padding-left: 0.5em; } -#art { - text-align: center; -} nav, footer { background-color: #B80000; background-image: linear-gradient(0deg, #900, #D00); @@ -57,10 +50,9 @@ nav, footer { } /* navbar */ nav { - box-shadow: 0 0 0.5vh; font-size: larger; font-weight: bold; - margin-bottom: 1vh; + margin-bottom: 1rem; } nav * { margin: 0; @@ -69,7 +61,7 @@ nav * { nav a { color: inherit; display: block; - padding: 0.5vw 0.5vh; + padding: 0.5em; } nav ul { display: inline-block; @@ -82,7 +74,6 @@ nav ul li { nav li:hover { background-color: #AB0000; background-image: linear-gradient(0deg, #800000, #C40000); - border-bottom: 1pt solid #F00; } nav li:hover:active { background-color: #910000; @@ -91,7 +82,7 @@ nav li:hover:active { nav ul li:hover > ul {display: block;} nav ul ul { background: #900; - box-shadow: 0.3vw 0.3vw 0.3vw 0; + box-shadow: 0.25em 0.25em 0.75em 0; display: none; position: absolute; } @@ -103,14 +94,11 @@ nav ul ul ul { position: absolute; top: 0; } -nav ul.right {float: right;} +nav ul.right { float: right; } /* footer */ footer { - box-shadow: 0 0 0.5vh; - margin-top: 1vh; + margin-top: 1rem; padding: 0.5em 0; text-align: center; } -footer a { - color: inherit; -} +footer a { color: inherit; }