#container {
width: 1020px;
background-color: black;
border-left: 5px solid black;
border-right: 5px solid black;
margin: 0 auto;
}
body {
background: #CD9F46;
color: white;
}
body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
/* Background color of all content of the page below header */
#content-wrap {
background-image: url(http://themes.wdfiles.com/local--files/highway/page_back.gif);
background-repeat: repeat-x;
border: 0px solid black;
padding-top: 0px;
background-color: white;
padding-left: 30px;
padding-right: 30px;
}
/* Color of page content */
#main-content {
}
#header {
background: url(http://themes.wdfiles.com/local--files/highway/header.jpg) no-repeat;
width: 1020px;
margin: 0 auto;
height: 424px;
}
#header h1 {
width: 1020px;
margin-right: 50px;
top: 53px;
}
#header h1 a {
color:white;
font-size:40px;
font-stretch:expanded;
font-weight:bold;
padding-right:20px;
position:absolute;
text-align:right;
text-decoration:none;
top:253px;
width:1000px;
font-size: 18px;
font-style: italic;
text-transform: lowercase;
}
#header h1 a:hover {
color: white;
background-color: transparent;
text-decoration: none;
}
#header h2 {
color:white;
font-size:40px;
font-stretch:expanded;
font-weight:bold;
padding-right:20px;
position:absolute;
text-align:right;
text-decoration:none;
top:283px;
width:1000px;
font-size: 14px;
font-style: italic;
text-transform: lowercase;
left: 0;
}
/* 1st MENU ELEMENT */
/* Background color */
#top-bar {
background-image: url(http://themes.wdfiles.com/local--files/highway/menu.jpg);
bottom: 0px;
left: 0px;
position: absolute;
width: 1020px;
height: 101px;
}
#top-bar ul {
margin-left: 70px;
}
#top-bar li {
height: 101px;
background-color: transparent;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}
/* Font color and decoration */
#top-bar li a {
color: white;
text-decoration: none;
padding-top: 35px;
height: 62px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
/* Background color on hover */
#top-bar a:hover{
background-image: urlhttp://themes.wdfiles.com/local--files/highway/button_r.gif);
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
/* Font color on hover*/
#top-bar li a:hover {
background-image: url(http://themes.wdfiles.com/local--files/highway/button_r.gif);
color: white;
}
/* ---------------------------------- */
/* 2nd MENU ELEMENT */
#top-bar ul li ul {
background-color: black;
border: 0px;
}
#top-bar ul li ul a {
background-color: black;
-moz-border-radius: 0px;
}
#top-bar ul li ul a:hover {
background-image: none;
background-color: white;
color: black;
-moz-border-radius: 0px;
}
/* ---------------------------------- */
/* color of side-bar*/
#side-bar {
margin: 0px;
}
/* FONTS */
/* General font family and color*/
body {
font-family: Verdana, Arial, Helvetica;
color: ;
}
/* Font family of headers */
h1,h2,h3,h4,h5,h6{
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
}
/* Sizes, weight and text-decorations of headers */
h1{
font-size: 190%;
font-weight: normal;
text-decoration: none;
}
h2{
font-weight: normal;
font-size: 150%;
text-decoration: none;
}
h3{
font-weight: normal;
font-size: 130%;
text-decoration: none;
}
h4{
font-weight: bold;
font-size: 120%;
text-decoration: none;
}
h5 {
font-weight: bold;
font-size: 100%;
text-decoration: none;
}
h6 {
font-weight: bold;
font-size: 90%;
text-decoration: none;
}
h1, h2, h3 {
color: #CD9F46;
}
h1 {
font-size: 3em;
}
h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #CD9F46;
}
h3 {
font-size: 1em;
}
p, ul, ol {
margin-top: 1.5em;
line-height: 1.8em;
}
a {
text-decoration: underline;
color: #CD9F46;
}
a:hover {
border: none;
text-decoration: none;
}
h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #CD9F46;
}
h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #CD9F46;
}
hr {
display: none;
}
/* Font, size, color and border of page title */
#page-title {
font-family: Verdana, Arial, Helvetica;
border-bottom: 1px solid #666666;
font-size: 200%;
margin: 0pt 0pt 0.5em;
padding-top: 0em;
}
#footer {
color: gray;
opacity: 0.8;
border-bottom:1px solid #888;
border-top:1px solid #888;
}
#footer a {
color: gray;
text-decoration: none;
}
#license-area {
color: gray;
}
#license-area a {
color: gray;
text-decoration: none;
}
#license-area a:hover {
color: gray;
text-decoration: underline;
background-color: transparent;
}
#login-status {
color: white;
}
Very nice theme. It was my favorite of all the ones I've seen so far. I'm still trying to figure out how to do this though. I know quite a bit about css, but am brand new to wikidot and the wiki language. But I'm getting up to speed.
Dr. Greg Waddell
Director of Institutional Improvement — Mid-South Christian College
My Blog | Contact | About Me | Twitter | Facebook
Great theme. Thanks for this one and all the others, Squark.
I'm trying to work out the code you've used for this very fabulous theme. Which part of the code addresses the dropdown menus from the top bar? Every time I do it, the menu items are really huge, and I can't figure out where to fix that.
Any advice?
Yes, the menu bar is too big. Can we reduce its height?
Great theme.
Piotr Gabryjeluk
visit my blog
awesome!