polished menu style - swerc - anselm's simpler werc fork | |
git clone git://git.suckless.org/swerc | |
Log | |
Files | |
Refs | |
README | |
--- | |
commit dd8d00c77a3e7911850166c6ec5a7f3cf578f144 | |
parent 43ae78ce78311fd21cc7d30700b02280363f4882 | |
Author: [email protected] <unknown> | |
Date: Sun, 25 Mar 2012 18:47:19 +0200 | |
polished menu style | |
Diffstat: | |
D pub/darkstyle.css | 150 -----------------------------… | |
M pub/style.css | 6 +++--- | |
2 files changed, 3 insertions(+), 153 deletions(-) | |
--- | |
diff --git a/pub/darkstyle.css b/pub/darkstyle.css | |
@@ -1,150 +0,0 @@ | |
-body { | |
- background-color: #222; | |
- color: #fff; | |
- font-family: sans-serif; | |
- padding: 0; | |
- margin: 0; | |
-} | |
- | |
-a { | |
- color: #39f; | |
- text-decoration: none; | |
-} | |
- | |
-a:hover { | |
- background-color: #222; | |
-} | |
- | |
-#menu { | |
- clear: both; | |
- color: #036; | |
- background-color: #069; | |
- padding: 0.7ex; | |
- font-size: 94%; | |
-} | |
- | |
-#menu a { | |
- padding: 0.5ex 1ex 0.5ex 1ex; | |
- color: #fff; | |
-} | |
- | |
-#menu a:hover { | |
- background-color: #069; | |
-} | |
- | |
-#menu a.thisSite { | |
- font-weight: bold; | |
- font-style: italic; | |
-} | |
- | |
-#header { | |
- clear: both; | |
- color: #fff; | |
- text-shadow: 1px 1px #666; | |
- font-size: 1.7em; | |
- padding: 0.7ex 0.7ex 0.7ex 0.7em; | |
- border-bottom: 1px solid #333; | |
-} | |
- | |
-#header a { | |
- color: #fff; | |
-} | |
- | |
-h1 { | |
- margin: 1em 1ex 0.5ex 0; | |
- font-size: 1.4em; | |
-} | |
- | |
-h2 { | |
- margin: 1em 1ex 0.5ex 0; | |
- font-size: 1.3em; | |
-} | |
- | |
-h3 { | |
- margin: 1em 1ex 0.5ex 0; | |
- font-size: 1.2em; | |
-} | |
- | |
-h4 { | |
- margin: 1em 1ex 0.5ex 0; | |
- font-size: 1.1em; | |
-} | |
- | |
-#headerSubtitle { | |
- font-size: 0.75em; | |
- font-style: italic; | |
- margin-left: 1em; | |
-} | |
- | |
-#content { | |
- clear: both; | |
- margin: 0; | |
- padding: 0; | |
- background-color: #000; | |
- overflow: hidden; | |
- border-top: 1px solid #333; | |
- border-bottom: 1px solid #333; | |
-} | |
- | |
-#nav { | |
- background-color: #000; | |
- float: left; | |
- margin: 0 1px 0 0; | |
- padding: 1em 0; | |
- border-right: 1px dotted #333; | |
- width: 200px; | |
-} | |
- | |
-#nav ul { | |
- margin: 0; | |
- padding: 0; | |
-} | |
- | |
-#nav li { | |
- list-style: none; | |
- padding: 0; | |
- margin: 0; | |
-} | |
- | |
-#nav li ul { | |
- padding-left: 0.6em !important; | |
-} | |
- | |
-#nav li a { | |
- display: block; | |
- margin: 0; | |
- padding: 0.8ex 2em 0.8ex 1em; | |
-} | |
- | |
-#nav li a.thisPage { | |
- color: #fff; | |
- font-weight: bold; | |
- font-style: italic; | |
-} | |
- | |
-#main { | |
- text-align: justify; | |
- margin: 0 0 0 200px; | |
- padding: 1.5em; | |
- max-width: 50em; | |
-} | |
- | |
-#footer { | |
- clear: both; | |
- color: #ccc; | |
- font-size: 84%; | |
- padding: 1em; | |
- margin: 0 0 1.5em 0; | |
-} | |
- | |
-.left { | |
- float: left; | |
- margin: 0; | |
- padding: 0; | |
-} | |
- | |
-.right { | |
- float: right; | |
- margin: 0; | |
- padding: 0; | |
-} | |
diff --git a/pub/style.css b/pub/style.css | |
@@ -21,6 +21,8 @@ a:hover { | |
background-color: #17a; | |
padding: 0.7ex; | |
font-size: 94%; | |
+ border-top: 1px solid #ccc; | |
+ border-bottom: 1px solid #069; | |
} | |
#menu a { | |
@@ -43,7 +45,6 @@ a:hover { | |
text-shadow: 1px 1px #fff; | |
font-size: 1.7em; | |
padding: 0.7ex 0.7ex 0.7ex 0.7em; | |
- border-bottom: 1px solid #ccc; | |
} | |
#header a { | |
@@ -82,8 +83,6 @@ h4 { | |
padding: 0; | |
background-color: #fff; | |
overflow: hidden; | |
- border-top: 1px solid #ccc; | |
- border-bottom: 1px solid #ccc; | |
} | |
#nav { | |
@@ -132,6 +131,7 @@ h4 { | |
#footer { | |
clear: both; | |
color: #666; | |
+ border-top: 1px solid #ccc; | |
font-size: 84%; | |
padding: 1em; | |
margin: 0 0 1.5em 0; |