You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
2.6 KiB
CSS
123 lines
2.6 KiB
CSS
body {
|
|
margin:0;
|
|
color:#783000;
|
|
padding:0;
|
|
border:0; /* This removes the border around the viewport in old versions of IE */
|
|
width:100%;
|
|
background:#FFFF80;
|
|
min-width:600px; /* Minimum width of layout - remove line if not required */
|
|
/* The min-width property does not work in old versions of Internet Explorer */
|
|
font-size:90%;
|
|
}
|
|
a {
|
|
color:#783000;
|
|
}
|
|
a:hover {
|
|
}
|
|
h1, h2, h3 {
|
|
margin:.8em 0 .2em 0;
|
|
padding:0;
|
|
}
|
|
p {
|
|
margin:.4em 0 .8em 0;
|
|
padding:0;
|
|
}
|
|
img {
|
|
margin:10px 5px;
|
|
}
|
|
|
|
/* Header styles */
|
|
#header {
|
|
clear:both;
|
|
float:left;
|
|
width:100%;
|
|
}
|
|
#header {
|
|
border-bottom:4px solid #783000;
|
|
}
|
|
#header h1 {
|
|
font-size:3.2em;
|
|
text-align:center;
|
|
}
|
|
#col2 ul {
|
|
padding:0px;
|
|
list-style:none;
|
|
}
|
|
#col2 ul li {
|
|
padding:1em 0em;
|
|
}
|
|
#col2 ul li a {
|
|
font-weight:bold;
|
|
font-size:1.5em;
|
|
}
|
|
#col1 p {
|
|
font-size:1.2em;
|
|
}
|
|
/* 'widths' sub menu */
|
|
#layoutdims {
|
|
clear:both;
|
|
background:#eee;
|
|
border-top:4px solid #000;
|
|
margin:0;
|
|
padding:6px 15px !important;
|
|
text-align:right;
|
|
}
|
|
/* column container */
|
|
.colmask {
|
|
position:relative; /* This fixes the IE7 overflow hidden bug */
|
|
clear:both;
|
|
float:left;
|
|
width:100%; /* width of whole page */
|
|
overflow:hidden; /* This chops off any overhanging divs */
|
|
}
|
|
/* common column settings */
|
|
.colright,
|
|
.colmid,
|
|
.colleft {
|
|
float:left;
|
|
width:100%; /* width of page */
|
|
position:relative;
|
|
}
|
|
#col1,
|
|
#col2,
|
|
#col3 {
|
|
float:left;
|
|
position:relative;
|
|
padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead
|
|
only padding top and bottom is included here, make it whatever value you need */
|
|
overflow:hidden;
|
|
}
|
|
/* 3 Column settings */
|
|
.threecol {
|
|
}
|
|
.threecol .colmid {
|
|
right:25%; /* width of the right column */
|
|
}
|
|
.threecol .colleft {
|
|
right:50%; /* width of the middle column */
|
|
}
|
|
.threecol #col1 {
|
|
width:46%; /* width of center column content (column width minus padding on either side) */
|
|
left:102%; /* 100% plus left padding of center column */
|
|
}
|
|
.threecol #col2 {
|
|
width:21%; /* Width of left column content (column width minus padding on either side) */
|
|
left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
|
|
}
|
|
.threecol #col3 {
|
|
width:21%; /* Width of right column content (column width minus padding on either side) */
|
|
left:85%; /* Please make note of the brackets here:
|
|
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
|
|
}
|
|
/* Footer styles */
|
|
#footer {
|
|
clear:both;
|
|
float:left;
|
|
width:100%;
|
|
border-top:4px solid #783000;
|
|
}
|
|
#footer p {
|
|
text-align: right;
|
|
font-size:0.7em;
|
|
}
|