blog

commit: b48a0b5ae807bded7243e9a36db12201dc6320a9
parent cab501b46dcd8ddfd104c8bb7b7426df5ab201bc
Author: Haelwenn Monnier <lanodan.delta@free.fr>
Date:   Tue, 15 Sep 2015 18:48:21 +0200

[CSS] unit change and cleanning

Diffstat:
M
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; }