I am looking for someone who can convert this style sheet into a format that will actually work in the CMS and tell us what we would have to do to actually use what you convert (we have added and attached the style sheet to the CMS but none of our styles are being used)
Please let me know if anyone can help...
Thanks
Code: Select all
/** START reset.css html, **/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
/*font-size: 100%;*/
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
/*line-height: 1;*/
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup
table {
border-collapse: separate;
border-spacing: 0;
} */
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
select, .submit {
cursor:pointer;
}
a { /** Remove dotted outline in Firefox that appears around links when you click on them **/
outline: none;
}
/** END reset.css **/
/*~~~~~( body / universal )~~~~~~
body {
text-align: center;
color: #444;
font: 78% "trebuchet ms", verdana, arial, helvetica, sans-serif;
}*/
/** START Relative Font Sizes **/
/* xx-small x-small small medium large x-large xx-large
smaller larger */
/* default font size */
body, div, p, th, td, li, dd {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 20px;
}
/*--------------------------------- Default -----------------------------------------------*/
/** END Relative Font Sizes **/
/** an img is by default inline
and since the default vertical alignment of a table cell is baseline,
the img sits on the baseline with a small gap underneath it
corresponding roughly to the space required for descenders in the
current font. **/
#wrapper img { display: block; }
/** Start Structure **/
#wrapper {
margin: 0px auto; /* Centering a fixed width website - add relative positioning to the outer div, then set the margin to auto */
position: relative;
width: 980px;
text-align: left;
}
#header img {
float: left;
}
#topmenu li {
float: left;
height: 43px;
}
#topmenu li#search
{
width: 226px; height: 43px;
background-image: url("images/layout/searchbg.gif");
background-position: center center;
background-repeat: no-repeat;
}
#topmenu li#home_search
{
width: 226px; height: 43px;
background-image: url("images/layout/home_searchbg.gif");
background-position: center center;
background-repeat: no-repeat;
}
#searchform {
/*float:right !important;*/
padding: 6px 0 0 20px !important;
margin: 0 !important;
}
#searchform label {
display: none;
}
#searchform input {
display: inline;
float: left;
vertical-align: middle;
}
#searchBox {
border: 3px solid #006e3a;
border-right: 0;
margin-top: 0px;
width: 134px;
height: 20px;
padding: 3px;
}
#searchBox:hover {
/*border: 3px solid #009966; border-right: 0;*/
}
#searchBox:focus,
#searchBox:active {
background: #99ff99;
}
#leftwrapper {
width: 226px;
float: left;
}
#left {
background-image: url(images/layout/leftbg.gif);
background-repeat: repeat-y;
}
#navcontainer {
width: 226px;
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
background: #99ff99;
}
#navcontainer li {
float: left;
/*position:relative;*/
}
#navcontainer a {
position:relative;
text-decoration: none;
display: block;
width: 226px;
}
#contentwrapper {
width: 754px;
float: left;
}
#content {
background-image: url(images/layout/contentbg.gif);
background-repeat: repeat-y;
/** padding: 0; can't change bcs of the footer **/
}
#content p {
padding: 10px;
}
#contentflash {
margin-left: 10px;
width: 513px;
height: 376px;
}
#webcrawler {
}
#contentright {
float: right;
}
#footer {
width: 754px;
height: 35px;
}
#footer li {
float: left;
height: 35px;
}
#footnote {
padding-top: 30px;
text-align: center;
color: #21783C;
font-size: 1.1em;
font-weight: bold;
}
div.clear {
font-size: 0px;
clear: both;
height: 0px;
}
/** END Structure **/
.article {
margin: 20px 0 10px 25px;
font-size: 1.2em;
color: #4c402c;
background-image: url(images/layout/goldline.png);
background-repeat: no-repeat;
padding-top: 6px;
width: 668px; /* IE will not render the transparent gif if width is not given */
}
/** IE 5.5+ png transparency fix **/
* html .article {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/layout/goldline.png" ,sizingMethod="crop");
}
.article img {
float: left;
margin-right: 10px;
}
.article a {
color: #231f20;
background: #d9d49c;
font-style: italic;
text-decoration: none;
}
.article a:hover {
color: #d9d49c;
background: #231f20;
}
/** END ORGINAL CSS **/
/** THIS SEARCH FORM CSS ACTUALLY WORKS BELOW **/
#home_search form {
/*float:right !important;*/
padding: 6px 0 0 20px !important;
margin: 0 !important;
}
#home_search form label {
display: none;
}
#home_search form input {
display: inline;
float: left;
vertical-align: middle;
}
#cntnt01searchinput {
border: 3px solid #006e3a;
border-right: 0;
margin-top: 0px;
width: 134px;
height: 20px;
padding: 3px;
}
#content-container {padding:5px 5px 5px;} /* first number is top padding */
