/* @override http://atkinsfamily.org/wx/wx.css */
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 150px;
}
.advisoryBox {
color: black;
font-size: 14px;
text-align: center;
background-color: #607788;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
border: 1px dashed rgb(34,70,79);
}
.advisoryBoxnoactive {
color: black;
font-size: 14px;
text-align: center;
background-color: black;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
border: 1px dashed rgb(34,70,79);
}
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
html {
background-color: #c7d2d9;
}
body {
font-family:verdana;
color: #efefe1;
background-color: #373737;
font-size:medium
a:active color: #bcb190;
a:visited color:#bcb190;
a:link color:#bcb190;
}
centered content
/* Define Some Basic Styles */
h1 {
font-size: 197%;
}
h2 {
font-size: 182%;
}
h3 {
font-size: 153.9%;
}
h4 {
font-size: 138.5%;
}
h5 {
font-size: 123.1%;
}
h6 {
font-size: 77%;
}
p {
font-size: 100%;
}
/* Define Some of the Regions */
#hd {
text-align: center;
}
div.yui-gr {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: left;
background-color: #373737;
margin-top: 0px;
padding: 40px;
a:active color: #c11b17;
a:visited color: #c11b17;
a:link color: #c11b17;
}
div.yui-gf {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #8c8c8c;
margin-top: 6px;
padding: 6px;
}
div.yui-b {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #c7d2d9;
margin-top: 0px;
padding: 0px;
a:active color: #b3a781;
a:visited color: #b3a781;
a:link color: #b3a781;
}
div.yui-gb {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #373737;
margin-top: 0px;
padding: 0px;
}
div.yui-gb1 {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #8c8c8c;
margin-top: 0px;
padding: 0px;
}
div.yui-gc {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #c7d2d9;
color: #000000;
margin-top: 0px;
padding: 0px;
}
div.yui2-gf {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #6d6d6d;
margin-top: 6px;
padding: 6px;
}
div.yui3-g {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #6d6d6d;
margin-top: 0px;
padding: 6px;
}
div.yui4-g {
border-top: 1px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #373737;
margin-top: 0px;
padding: 6px;
a:active color: #b3a781;
a:visited color: #b3a781;
a:link color: #b3a781;
color: #819FF7;
}
div.yui-g {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #373737;
margin-top: 0px;
padding: 0px;
a:active color: #c11b17;
a:visited color: #c11b17;
a:link color: #c11b17;
}
div.yui-gw {
border-top: 0px solid;
border-bottom: 0px solid;
text-align: center;
background-color: #607788;
margin-top: 0px;
padding: 1px;
a:active color: #FF0000;
a:visited color: #757575;
a:link color: #757575;
}
pre {
text-align: left;
}
a, a:visited {
color: #345D80;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.menu {
font-size: 123.1%;
float: left;
width: 50%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#ft {
text-align: center;
}
#sddm
{ margin: 0;
padding: 0;
z-index: 30}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 16px verdana}
#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 6px 10px;
width: 300px;
background: #8c8c8c;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{ background: #6d6d6d}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}
#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 6px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #345D80;
font: 14px arial}
#sddm div a:hover
{ background: #373737;
color: #FFF}
#sddm2
{ margin: 0;
padding: 0;
z-index: 30}
#sddm2 li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
color: #FFF;
font: 12px verdana}
#sddm2 li a
{ display: block;
margin: 0 1px 0 0;
padding: 6px 6px;
width: 100px;
background: #607788;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm2 li a:hover
{ background: #6d6d6d}
#sddm2 div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #5b5b5b;
color: #FFF;
border: 1px solid #373737}
#sddm2 div a
{ position: relative;
display: block;
margin: 0;
padding: 6px 6px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #5b5b5b;
color: #FFF;
font: 12px arial}
#sddm2 div a:hover
{ background: #49A3FF;
color: #373737}
#sddm3
{ margin: 0;
padding: 0;
z-index: 30}
#sddm3 li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 16px verdana}
#sddm3 li a
{ display: block;
margin: 0 1px 0 0;
padding: 6px 6px;
width: 442px;
background: #8c8c8c;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm3 li a:hover
{ background: #6d6d6d}
#sddm3 div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #6d6d6d;
border: 1px solid #5970B2}
#sddm3 div a
{ position: relative;
display: block;
margin: 0;
padding: 6px 6px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #5B5B5B;
color: #FFFFFF;
font: 14px arial}
#sddm3 div a:hover
{ background: #373737;
color: #FFF}
.column {
float: left;
width: 33.33%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
#########
# CSS sample:
#########
put this css style code in your css file (modify the colors if you like)
(no need to worry about this if you use the PHP carterlake templates)
see live sample at http://www.642weather.com/weather/index.php
forum discussion page:
http://www.weather-watch.com/smf/index.php/topic,29274.0.html
.advisoryBox {
color: black;
font-size: 12px;
text-align: center;
background-color: #8C8C8C;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
border: 1px dashed rgb(34,70,79);
}
.advisoryBoxnoactive {
color: black;
font-size: 12px;
text-align: center;
background-color: #8c8c8c;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
border: 1px dashed rgb(34,70,79);
}
A:link {
text-decoration : none;
color : #bcb190;
}
A:visited {
text-decoration : none;
color : #bcb190;
}
A:hover {
color : #ffffff;
}
A:active {
text-decoration : none;
color : #bcb190;
}
A:visited {
text-decoration : none;
}
A:active {
text-decoration : none;
}