X-Git-Url: http://git.wpitchoune.net/gitweb/?p=www.git;a=blobdiff_plain;f=www%2Fstyle.css;h=14d1e660984136e53c767f4d25959e597819d09a;hp=2347e882738d00af002fa8f6e1e7aef489981f2f;hb=c266644d70f98831bdf25b8db43cd0bee3f569a8;hpb=88a52c46d396acb681f1039881210f0e0984fecd diff --git a/www/style.css b/www/style.css index 2347e88..14d1e66 100644 --- a/www/style.css +++ b/www/style.css @@ -2,11 +2,12 @@ body { font-family: sans-serif; margin: 0; padding: 0; - background-color: #fdfdfd; + background-color: #ededed; font-size: 100%; + color: #303030; } -div, h2, h3, nav ul { +div, h2, h3, h1, nav ul { margin: 0; padding: 0; } @@ -16,20 +17,33 @@ nav { padding: 1em; display: block; height: 1em; - background-color: black; - color: white; + background-color: #1c1c1c; + color: #9d9d9d; } h1 { - margin: 1em 1em 1em 1em; - padding: 0; - font-size: 200%; + font-size: 250%; + font-weight: bold; +} + +#header h1 { + margin: 0; + margin-top: 0.5em; + margin-left: 2rem; + margin-right: 2rem; + padding: 0.5em; + font-size: 300%; font-weight: bold; + color: white; + background-color: #1c1c1c; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } h2 { font-size: 160%; font-weight: bold; + margin: 0; } h3 { @@ -37,13 +51,16 @@ h3 { font-weight: bold; } -h2,h3 { - margin: 0em 0em 1em 0em; +h3 { + margin: 0em 0em 1em 0em; } #content { - margin: 0em 1em 0em 1em; - padding: 0; + margin: 0em 2rem 0em 2rem; + padding: 1em; + background-color: white; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } nav li { @@ -75,8 +92,9 @@ pre { margin: 1em 1em 1em 1em; padding: 1em 1em 1em 1em; border-left-style: solid; - border-left-color: black; + border-left-color: #cccccc; border-left-width: 6px; + background-color: #f5f5f5; } code { @@ -90,3 +108,7 @@ code { .admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900} .admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400} .admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000} + +img { + max-width: 100%; +}