1 Background code Sat Jul 24, 2010 6:49 am
Fatal Dawn
Registered Member
Hi, I'm having trouble looking for the part of the code responsible for my homepage's background color.
Here's the link: http://www.purelyreview.com/home/
If you zoom out you can see that the background is cut in half. What I'm referring to is the blue top half part of the background.
In case you haven't noticed, I'm a noob when it comes to css coding. So I'm just completely guessing which codes mean what.
At first I tried to see if I can spot a color code in the css template which color matches the background.
Any help would be appreciated.
Here's the link: http://www.purelyreview.com/home/
If you zoom out you can see that the background is cut in half. What I'm referring to is the blue top half part of the background.
- Spoiler:
- /* all reset,layout */
* {
margin: 0;
padding: 0;
}
td,p,div,tr {
font-family: Tahoma,verdana,arial;
font-size: 13px;
color: #302B5;
}
body {
font-family: tahoma,verdana,arial;
font-size: 12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.all {
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
color: #333;
background-image: url(../images/all.png);
background-repeat: repeat-x;
background-color: #000000;
}
#container {
width: 100%;
}
#wrapper {
width: 855px;
}
#header {
background-image: url(../images/header.png);
background-repeat: no-repeat;
height: 128px;
}
#topnav {
margin-top: 93px;
background-image: url(../images/topnav_bg.png);
background-repeat: repeat-x;
height: 30px;
width: 620px;
float: right;
}
#content {
background-color: #FFFFFF;
padding: 10px;
background-image: url(../images/content_bg.png);
background-repeat: repeat-x;
background-position: top;
}
#maincontent {
margin-right: 10px;
}
#left {
width: 200px;
}
#left div.moduletable {
margin-bottom: 8px;
padding: 8px;
background-image: url(../images/right_div_bg.png);
background-repeat: repeat;
border: 1px solid #C00000 ;
}
#left div.moduletable h3 {
margin-bottom: 8px;
color: #C00000;
font-size: 14px;
font-weight: bold;
}
#right {
}
#right div.moduletable {
margin-bottom: 8px;
padding: 8px;
background-image: url(../images/right_div_bg.png);
background-repeat: repeat;
border: 1px solid #C00000 ;
}
#right div.moduletable h3 {
margin-bottom: 8px;
color: #B0171F;
font-size: 14px;
font-weight: bold;
}
div.moduletable-blue {
margin-bottom: 8px;
padding: 8px;
background-image: url(../images/blue_mod_bg.png);
background-repeat: repeat;
}
div.moduletable-blue td {
font-size: 11px;
text-align: left;
}
div.moduletable-yellow {
margin-bottom: 8px;
padding: 8px;
background-image: url(../images/yellow_mod_bg.png);
background-repeat: repeat;
}
div.moduletable-yellow td {
font-size: 11px;
text-align: left;
}
div.moduletable-yellow h3 {
margin-bottom: 8px;
color: #333333;
font-size: 14px;
font-weight: bold;
}
#bottom div.moduletable {
margin-bottom: 8px;
padding: 8px;
}
#bottom div.moduletable h3 {
margin-bottom: 8px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
#bottom div.moduletable td {
color: #A2A2A2;
}
#right {
margin-right: 10px;
}
#bottom {
padding: 10px;
background-image: url(../images/bottom_bg.png);
background-repeat: repeat;
}
#bottom p{
color: #FFFFFF;
font-size:11px;
}
#footer{
margin-top:2px
}
#footer P{
color: #FFFFFF;
font-size:11px;
}
#footer a:link, #footer a:visited{
color: #FFFFFF;
}
/* splitmenu */
#navlist {
margin: 0px;
padding: 0px 0px 0px 0px;
}
#navlist ul, #navlist li {
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited {
padding: 8px 8px 8px 8px;
float: left;
font-size: 11px;
margin: 0px;
text-decoration: none;
color: #C0C0C0;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
color: #C0C0C0;
background-image: url(../images/top_nav_active.png);
background-repeat: repeat-x;
}
#navlist a:hover {
color: #C0C0C0;
}
/* joomla css stuff */
ul#mainlevel-nav {
list-style: none;
font-size: 11px;
height: 28px;
padding-left: 20px;
}
ul#mainlevel-nav li {
float: left;
font-size: 11px;
font-weight: normal;
text-transform: lowercase;
text-align: center;
font-family: Arial,Tahoma, Helvetica, sans-serif;
display: block;
background: none ;
padding-right: 20px;
padding-top: 5px;
}
ul#mainlevel-nav li a {
display: block;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
ul#mainlevel-nav li a:hover {
display: block;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
font-weight: bold;
}
a:link, a:visited {
color: #FF0000;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #FF0000;
}
form {
display: inline;
margin: 0;
padding: 0;
}
h1 {
color: #666666;
font-weight: normal;
font-size: 20px;
}
ul {
}
li {
margin-left: 12px;
}
img {
border: none ;
}
ol {
margin-left: 20px;
list-style-position: inherit;
}
blockquote {
margin: 10px;
}
blockquote div {
}
pre {
padding: 10px;
}
table.contenttoc {
margin: 3px;
padding: 5px;
}
.contenttoc th {
padding: 3px;
color: #935454;
font-weight: bold;
}
.contenttoc a {
font-size: 11px;
padding: 0 5px 0 5px;
font-weight: normal;
}
.contenttoc a:hover {
font-size: 11px;
color: #935454;
padding-left: 5px;
}
.contenttoc td {
padding: 3px;
}
.contentpane {
font-family: Arial,Tahoma, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: left;
}
.contentpaneopen ul {
margin-left: 10px;
}
.contentpane ul {
margin-left: 10px;
}
table.contentpaneopen,table.contentpane {
}
table.contentpaneopen li {
margin-left: 20px;
}
div.moduletable {
font-size: 11px;
}
div.moduletable td {
text-align: left;
font-size: 11px;
}
div.moduletable h3 {
text-align: left;
margin-bottom: 8px;
color: #000000;
font-size: 14px;
font-weight: bold;
}
table.moduletable th {
color: #000000;
text-align: left;
vertical-align: middle;
font-weight: normal;
padding-left: 5px;
padding-top: 15px;
padding-bottom: 10px;
font-size: 14px;
background-image: url(../images/modth.png);
background-repeat: no-repeat;
background-position: bottom;
width: 230px;
text-transform: uppercase;
}
.contentpaneopen fieldset {
border: none ;
width: 100%;
}
.contentpaneopen td {
padding: 0;
text-align: left;
}
.contentdescription {
}
.latestnews li {
list-style-type: none;
}
.latestnews li a {
border-bottom: 1px solid #B80000 ;
display: block;
}
.latestnews li a:hover {
}
.mostread li {
list-style-type: none;
}
.mostread li a {
border-bottom: 1px solid #000099;
display: block;
}
.mostread li a:hover {
}
ul.latestnews li {
padding: 2px 2px 5px 0px;
margin-left: 0px;
color: #808080;
width: auto;
text-align: left;
}
.latestnews a:link {
text-transform: capitalize;
color: #CCC;
}
.latestnews a:visited {
color: #CCC;
}
.latestnews a:hover {
color: #FF0000;
}
ul.mostread li {
margin-left: 0px;
color: #808080;
width: auto;
text-align: left;
padding: 2px 2px 5px 0px;
}
.mostread a:link {
text-transform: capitalize;
color: #CCCCCC;
}
.mostread a:visited {
color: #CCCCCC;
}
.mostread a:hover {
color: #FF0000;
}
td.contentheading {
color: #CD2626;
font-family: arial,Helvetica, sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 20px;
letter-spacing: -0.05em;
}
div.componentheading {
color: #333333;
font-family: tahoma, Helvetica, sans-serif;
text-decoration: none;
font-weight: normal;
font-size: 20px;
text-align: left;
}
a.contentpagetitle:link,a.contentpagetitle:hover {
font-family: Tahoma,Arial,tahoma, Helvetica, sans-serif;
text-decoration: none;
font-size: 9px;
}
a.contentpagetitle:hover {
color: #CCCC99;
}
.createdate, td.createdate {
color: #666666;
font-size: 11px;
font-weight: bold;
text-transform: lowercase;
padding-bottom: 3px;
}
.modifydate,.small {
color: #FF0000;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
}
.highlight {
color: #FFFFFF;
background-color: red;
}
.mosimage {
margin: 5px;
padding: 5px;
border: none ;
}
.mosimage_caption {
padding: 1px 2px;
color: #898371;
font-size: 10px;
font-weight: bold;
border-bottom-style: solid;
border-bottom-color: #808080;
border-bottom-width: 1px;
}
.contentpaneopen img {
margin: 5px;
}
.contentpane img {
margin: 5px;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
height: 18px !important;
height: 26px;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
text-align: left;
text-decoration: none;
text-transform: capitalize;
color: #941D08;
padding-top: 2px;
background-image: url(../images/menu_icon.png);
background-repeat: no-repeat;
background-position: 5px;
border-bottom-width: 1px;
border-bottom-color: #C0C0C0;
border-bottom-style: solid;
}
a.mainlevel:hover {
text-decoration: none;
color: #F41400;
font-weight: bold;
}
a.mainlevel#active_menu {
color: #FF0000;
font-weight: bold;
}
a.mainlevel#active_menu:hover {
color: #F41400;
}
a.sublevel:link, a.sublevel:visited {
font-size: 11px;
padding-left: 10px;
padding-bottom: 3px;
line-height: 20px;
display: block;
margin-left: 10px;
font-family: Arial, Verdana,Tahoma;
color: #00CCCC;
text-transform: lowercase;
font-weight: normal;
}
a.sublevel:hover {
text-decoration: none;
}
#mod_login_username {
padding: 5px 0 0px 5px;
width: 178px;
font-size: 11px;
background: url(../images/mod_login_input.png) no-repeat ;
color: #F41400;
font-family: tahoma;
border: none ;
font-weight: bold;
height: 21px;
}
#mod_login_password {
padding: 5px 0 0px 5px;
width: 178px;
font-size: 11px;
background: url(../images/mod_login_input.png) no-repeat ;
color: #F41400;
font-family: tahoma;
border: none ;
font-weight: bold;
height: 21px;
}
#mod_login_remember {
border: none ;
background: none ;
margin: 0;
}
.inputbox {
font-size: 12px;
border: 1px solid gray ;
background: #FFFFFF ;
}
.button {
padding: 1px;
padding: 2px !important;
color: #FFFFFF;
font-size: 11px;
border: none ;
font-weight: bold;
background: #F41400 ;
}
.sectiontableheader {
font-weight: bold;
background: #A2A2A2;
padding: 4px;
color: #333333;
}
.sectiontableentry1 td {
padding: 3px;
}
.sectiontableentry2 td {
padding: 3px;
background: #E5E5E5;
}
.sectiontableentry1 {
padding: 2px;
}
.sectiontableentry2 {
padding: 2px;
}
.readon {
font-size: 11px;
float: left;
padding-right: 10px;
background-image: url(../images/readon.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 25px;
height: 18px;
}
.readon a:link, .readon a:visited {
color: #FFFFFF;
}
.readon a:hover {
color: #EBCA71;
}
.back_button a {
padding: 2px 5px 2px 20px;
text-align: center;
display: block;
}
.back_button a:hover {
padding: 2px 5px 2px 20px;
color: #FF0000;
}
.pagenav {
text-align: center;
color: #FFFF00;
margin: 0px -2px 0px 0px;
padding: 1px 6px 1px 6px;
font-size: 11px;
font-family: arial,verdana,tahoma;
background-image: url(../images/btnlogin.gif);
background-repeat: repeat-x;
}
a.pagenav, a.pagenav:visited {
color: #B8B8B8 ;
}
a.pagenav:hover {
color: #B8B8B8 ;
background-color: #B8B8B8 ;
border: 1px solid #5d5d5d ;
}
span.pathway {
color: #666666;
font-size: 11px;
font-weight: bold;
}
span.pathway a:link,
span.pathway a:visited {
color: #666666;
font-weight: bold;
font-size: 11px;
}
In case you haven't noticed, I'm a noob when it comes to css coding. So I'm just completely guessing which codes mean what.
At first I tried to see if I can spot a color code in the css template which color matches the background.
Any help would be appreciated.