From ed1c7969bdaa0adac6f780894ced142fdfc470ba Mon Sep 17 00:00:00 2001
From: Joris Guyonvarch
Date: Mon, 16 Feb 2015 21:52:27 +0100
Subject: Fixing style
---
index.html | 111 +++++++++++++++++++++++++++++++------------------------------
menu.css | 59 +++++++++++++++++++-------------
style.css | 10 +++++-
3 files changed, 101 insertions(+), 79 deletions(-)
diff --git a/index.html b/index.html
index 28a6a17..b15e16b 100644
--- a/index.html
+++ b/index.html
@@ -11,70 +11,73 @@
- 
+
+
-
+
diff --git a/menu.css b/menu.css
index 3cc0af2..424bdaa 100644
--- a/menu.css
+++ b/menu.css
@@ -1,26 +1,47 @@
-ul.menu {
- position: absolute;
+nav > ul {
width: 900px;
display: table;
table-layout: fixed;
+}
+
+nav ul ul {
+ display: none;
+}
+
+nav > ul > li > a {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+nav li:hover > ul {
+ display: block;
+}
+
+nav ul {
+ position: absolute;
font-family: NothingYouCouldSay;
font-size: 21px;
}
-ul.menu > li {
- display: table-cell;
+nav li:hover > a {
+ background-color: #777777;
}
-ul.menu li {
+nav li:hover ul a {
+ background-color: #EEEEEE;
+}
+
+nav li {
+ display: table-cell;
margin-bottom: 0px;
margin-left: 0px;
}
-ul.menu li:before {
+nav li:before {
content: "";
}
-ul.menu a {
+nav a {
height: 50px;
line-height: 50px;
text-align: center;
@@ -28,35 +49,25 @@ ul.menu a {
text-decoration: none;
display: block;
background-color: #333333;
- margin-right: 1px;
- margin-left: 1px;
}
-ul.menu a:hover + .hidden, ul.hidden:hover {
- display: block;
-}
-
-ul.hidden {
- display: none;
-}
-
-ul.hidden li {
+nav ul ul li {
display: block;
float: none;
+ min-width: 150px;
+ margin-left: 1px;
+ margin-right: 1px;
}
-ul.hidden a {
- width: auto;
- min-width: 100px;
+nav ul ul a {
padding: 0 20px;
- background-color: #EEEEEE;
color: black;
}
-ul.hidden a:hover {
+nav a:hover {
color: white;
}
-ul.hidden > li:hover > a {
+nav ul ul a:hover {
background-color: #777777;
}
diff --git a/style.css b/style.css
index 9e774e6..6f1701c 100644
--- a/style.css
+++ b/style.css
@@ -20,7 +20,7 @@ body {
.header > a:hover {
color: #222222;
-}
+}
#content {
margin-top: 120px;
@@ -82,6 +82,14 @@ a:hover {
color: #4C4C80;
}
+em {
+ font-style: italic;
+}
+
+strong {
+ font-weight: bold;
+}
+
.contact {
background-color: #EEEEEE;
border-radius: 5px;
--
cgit v1.2.3
