thrilldealer
15 Dec 2007, 07:08 PM
Hi,
All I want to do is edit the color of the background of the content section of my website. I already found out how to edit the color to the outer background, but no matter how hard I look I can never find where to edit the content section.
Here's the code
/* Waveform AQUA */
body {
font:12px verdana, arial;
color:#b8e5fd;
min-width: 1000px;
margin: 0px;
padding: 0px;
background-color: #000;}
/*
* Container surrounding all content on the page
*/
.fw-container {
margin: 0 auto;
padding: 0;
width: 1000px;
border: ;
overflow:hidden;}
a:hover {
text-decoration: none;
color: Black;}
a,
a:visited {
color:#57c9fe;
text-decoration: none;}
a:visited:hover {
text-decoration: none;
color: Black;}
code,pre {
font-size:12px}
fieldset {
margin:1em 0;
padding:1em;
border:1px solid #CCC}
legend {
color:#000;
font-weight:bold;}
label {
cursor:pointer}
/*
* This can be used to decorate around any advertisements that appear on the page (non-premium users only)
* It is STRICTLY forbidden to modify this code as to obstruct the view of the advertisement
*/
.fw-advertisement,
#fw-advertisement {
margin:0 auto;
padding-top: 10px;
padding-bottom: 10px;
width:760px;
border:0;
text-align: center;
background: #000; }
/*
* Container surrounding Site Title, Small Title, Logo, and home-link
*/
.fw-head {
height: 1
96px;
margin:0;
border:0;
background: #242424 ;
position:relative;}
/*
* Site Title
*/
.fw-head h1 {
font:bold 26px verdana;
letter-spacing: -1px;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;}
/*
* Site Small Title
*/
.fw-head h3 {
font:normal 12px arial;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 60px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;}
.fw-logo {
width:1000px;
height:196px;}
.fw-home-link {
width:0px;
height:0px;
display:none;}
hr {
display:none;}
/*
* NavBar
* UL containing all the NavBar links
*/
.fw-nav-menu {
background: #242424;
padding: 10px 20px 10px 20px;
margin: 0px;
font-family: arial;
font-weight: normal;
color: #57c9fe;
border-top: solid 1px #000;}
.fw-nav-menu ul {
margin:0px;
padding:0px;
border: ;
background: transparent;
list-style:none;
text-align:left;
cursor:default;}
/*
* Individual NavBar LI's
*/
.fw-nav-menu li {
margin: 0px 25px 0px 0px;
display: inline;}
/*
* Individual NavBar links
*/
.fw-nav-menu a {
text-decoration:none;}
/*
* This is the container that holds the main content (paragraphs) of the page.
*/
.fw-with-mini {
float:left;
width: 100%;
margin: 0px 0px 0px 0px;
font-size: 12px;
overflow: hidden;
background: #242424; }
/*
* The fw-no-mini class is applied to the fw-content DIV
* when there are no mini-paragraphs on the page.
* This statement must remain in the css even if there are mini paragraphs.
* If there are mini paragraphs on the page, this will be ignored.
*/
.fw-content {
float: left;
width:75%;}
.fw-content h2 {
font:bold 18px verdana;
color: #fff;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
padding-top: 15px;}
.fw-paragraph {
padding: 0px 20px 20px 20px;
border-top: solid 1px #000;
background: #242424 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Aqua/bg-p.gif') repeat-x top left;
overflow: hidden;
clear:both;}
.fw-text {
margin: 0px 0px 0px 25px;
padding: 0px 20px 0px 0px;
overflow: hidden;
height: 100%;}
.fw-content ul,.fw-content ol,.fw-content dd {
margin-left:2em;}
.fw-mini-pars {
float:right;
width:25%;}
.fw-mini-pars dt {
font:bold 18px verdana;
color: #333;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
padding-top: 15px;}
.fw-mini-pars dd {
padding: 0px 20px 20px 20px;
border-top: solid 1px #000;
background: #242424 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Aqua/bg-p.gif') repeat-x top left;
overflow: hidden;
clear:both;}
.fw-text {
margin: 0px 0px 0px 25px;
padding: 0px 20px 0px 0px;
overflow: hidden;
height: 100%;}
.fw-footer {
font-size: 10px;
font-family: verdana, sans-serif;
background: #161616;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 20px;
clear: both;
border-top: solid 1px #000;
color: #999;}
.fw-footer p {
padding: 0px 0px 0px 0px;
margin: 0px;}
.fw-tracker {
background: #242424;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 20px;
font-size: 10px;
font-family: verdana, sans-serif;
clear: both;
border-top: solid 1px #000;
color: #999;}
/* forms */
label,button,input[type="submit"] {
cursor:pointer;}
input,textarea {
padding:.1em;}
textarea {
font:1em tahoma,verdana,arial,sans-serif;}
.formSpan {
display:block;
margin:1em 0 0}
/* The following styles are for the blog.
* Remember, if a CSS property is already defined in blog.css,
* you must use the !important rule.
*/
/*
* blog entry container
*/
.fwBlogEntryDisplay {
border-bottom: 0 !important;
margin: 0px !important;
margin-bottom: 30px !important;
padding: 0px !important;}
/*
* blog entry title
*/
.fwBlogEntryTitle {
font:bold 18px verdana !important;
color: #fff !important;
letter-spacing: -1px !important;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
padding-top: 15px !important;}
/*
* blog entry date
*/
.fwBlogEntryDate {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-size: 11px !important;
font-family: verdana !important;
color: #fff !important;}
.fwBlogEntryDate BR {
display: none;}
/*
* blog entry body
*/
.fwBlogEntryBody {
border-bottom: solid 4px #000 !important; }
/*
* blog comments
*/
.fwBlogCommentContainer{
border: solid 1px #1179a9 !important;
padding: 10px !important;
margin: 10px 0px 0px 0px !important;
background-color: #000 !important;}
/* Google ad colors */
#googlecolors1 {
background-color:#000; /*bg*/
color:#b8e5fd; /*text*/}
#googlecolors1 a, #googlecolors1 a:visited {
color:#fff; /*link*/}
#googlecolors2 {
background-color:#000; /*border*/
color:#57c9fe; /*url*/}
I'm doing it through freewebs btw don't know if that affects anything or not.
Please help
All I want to do is edit the color of the background of the content section of my website. I already found out how to edit the color to the outer background, but no matter how hard I look I can never find where to edit the content section.
Here's the code
/* Waveform AQUA */
body {
font:12px verdana, arial;
color:#b8e5fd;
min-width: 1000px;
margin: 0px;
padding: 0px;
background-color: #000;}
/*
* Container surrounding all content on the page
*/
.fw-container {
margin: 0 auto;
padding: 0;
width: 1000px;
border: ;
overflow:hidden;}
a:hover {
text-decoration: none;
color: Black;}
a,
a:visited {
color:#57c9fe;
text-decoration: none;}
a:visited:hover {
text-decoration: none;
color: Black;}
code,pre {
font-size:12px}
fieldset {
margin:1em 0;
padding:1em;
border:1px solid #CCC}
legend {
color:#000;
font-weight:bold;}
label {
cursor:pointer}
/*
* This can be used to decorate around any advertisements that appear on the page (non-premium users only)
* It is STRICTLY forbidden to modify this code as to obstruct the view of the advertisement
*/
.fw-advertisement,
#fw-advertisement {
margin:0 auto;
padding-top: 10px;
padding-bottom: 10px;
width:760px;
border:0;
text-align: center;
background: #000; }
/*
* Container surrounding Site Title, Small Title, Logo, and home-link
*/
.fw-head {
height: 1
96px;
margin:0;
border:0;
background: #242424 ;
position:relative;}
/*
* Site Title
*/
.fw-head h1 {
font:bold 26px verdana;
letter-spacing: -1px;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;}
/*
* Site Small Title
*/
.fw-head h3 {
font:normal 12px arial;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 60px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;}
.fw-logo {
width:1000px;
height:196px;}
.fw-home-link {
width:0px;
height:0px;
display:none;}
hr {
display:none;}
/*
* NavBar
* UL containing all the NavBar links
*/
.fw-nav-menu {
background: #242424;
padding: 10px 20px 10px 20px;
margin: 0px;
font-family: arial;
font-weight: normal;
color: #57c9fe;
border-top: solid 1px #000;}
.fw-nav-menu ul {
margin:0px;
padding:0px;
border: ;
background: transparent;
list-style:none;
text-align:left;
cursor:default;}
/*
* Individual NavBar LI's
*/
.fw-nav-menu li {
margin: 0px 25px 0px 0px;
display: inline;}
/*
* Individual NavBar links
*/
.fw-nav-menu a {
text-decoration:none;}
/*
* This is the container that holds the main content (paragraphs) of the page.
*/
.fw-with-mini {
float:left;
width: 100%;
margin: 0px 0px 0px 0px;
font-size: 12px;
overflow: hidden;
background: #242424; }
/*
* The fw-no-mini class is applied to the fw-content DIV
* when there are no mini-paragraphs on the page.
* This statement must remain in the css even if there are mini paragraphs.
* If there are mini paragraphs on the page, this will be ignored.
*/
.fw-content {
float: left;
width:75%;}
.fw-content h2 {
font:bold 18px verdana;
color: #fff;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
padding-top: 15px;}
.fw-paragraph {
padding: 0px 20px 20px 20px;
border-top: solid 1px #000;
background: #242424 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Aqua/bg-p.gif') repeat-x top left;
overflow: hidden;
clear:both;}
.fw-text {
margin: 0px 0px 0px 25px;
padding: 0px 20px 0px 0px;
overflow: hidden;
height: 100%;}
.fw-content ul,.fw-content ol,.fw-content dd {
margin-left:2em;}
.fw-mini-pars {
float:right;
width:25%;}
.fw-mini-pars dt {
font:bold 18px verdana;
color: #333;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
padding-top: 15px;}
.fw-mini-pars dd {
padding: 0px 20px 20px 20px;
border-top: solid 1px #000;
background: #242424 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Aqua/bg-p.gif') repeat-x top left;
overflow: hidden;
clear:both;}
.fw-text {
margin: 0px 0px 0px 25px;
padding: 0px 20px 0px 0px;
overflow: hidden;
height: 100%;}
.fw-footer {
font-size: 10px;
font-family: verdana, sans-serif;
background: #161616;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 20px;
clear: both;
border-top: solid 1px #000;
color: #999;}
.fw-footer p {
padding: 0px 0px 0px 0px;
margin: 0px;}
.fw-tracker {
background: #242424;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 20px;
font-size: 10px;
font-family: verdana, sans-serif;
clear: both;
border-top: solid 1px #000;
color: #999;}
/* forms */
label,button,input[type="submit"] {
cursor:pointer;}
input,textarea {
padding:.1em;}
textarea {
font:1em tahoma,verdana,arial,sans-serif;}
.formSpan {
display:block;
margin:1em 0 0}
/* The following styles are for the blog.
* Remember, if a CSS property is already defined in blog.css,
* you must use the !important rule.
*/
/*
* blog entry container
*/
.fwBlogEntryDisplay {
border-bottom: 0 !important;
margin: 0px !important;
margin-bottom: 30px !important;
padding: 0px !important;}
/*
* blog entry title
*/
.fwBlogEntryTitle {
font:bold 18px verdana !important;
color: #fff !important;
letter-spacing: -1px !important;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
padding-top: 15px !important;}
/*
* blog entry date
*/
.fwBlogEntryDate {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-size: 11px !important;
font-family: verdana !important;
color: #fff !important;}
.fwBlogEntryDate BR {
display: none;}
/*
* blog entry body
*/
.fwBlogEntryBody {
border-bottom: solid 4px #000 !important; }
/*
* blog comments
*/
.fwBlogCommentContainer{
border: solid 1px #1179a9 !important;
padding: 10px !important;
margin: 10px 0px 0px 0px !important;
background-color: #000 !important;}
/* Google ad colors */
#googlecolors1 {
background-color:#000; /*bg*/
color:#b8e5fd; /*text*/}
#googlecolors1 a, #googlecolors1 a:visited {
color:#fff; /*link*/}
#googlecolors2 {
background-color:#000; /*border*/
color:#57c9fe; /*url*/}
I'm doing it through freewebs btw don't know if that affects anything or not.
Please help