Jump to content

Recommended Posts

Posted

I try to change all the background-color: bat is the same.

The skin in ObsessBlue

Here my Css code:

/* regular */

body

{

margin: 0px;

padding: 0px;

font-size: 12px;

font-family: Arial;

background-color: #39414F; /***This is the entire site background color**/

}

img

{

border: 0px;

}

.size

{

width: 950px;

margin: 0px auto;

}

/* header */

/***********This is your header area**********/

.header

{

height: 138px;

overflow: hidden;

background-color: #39414F;

border-top-style: solid;

border-right-style:solid;

border-left-style:solid;

border-left-color:white;

border-right-color:white;

border-top-color:white;

border-bottom: solid;

border-bottom-color:white;

}

.header01

{

height: 91px;

overflow: hidden;

}

.mnav

{

height: 39px;

overflow: hidden;

background-image: url(/lib/skins/ObsessBlue/image/img_38.jpg); /***This image is for the main links in above header***/

background-repeat: repeat-x;

margin-left: 10px;

width: 930px;

position: relative;

color: #ffff00;

}

.mnm ul

{

margin: 0px;

padding: 0px;

color: #ffff00;

}

.mnm li

{

float: left;

padding: 0 0px 0 0px;

min-width: 155px;

line-height: 44px;

text-align: center;

color: #ffff00;;

font-family: Arial;

background-image: url(/lib/skins/ObsessBlue/image/3_03.jpg); /***This also is apparently for the links above header***/

background-repeat: no-repeat;

background-position: right center;

list-style: none;

}

.mnm a

{

color: #ffff00;

text-decoration: none;

font-weight: bold;

font-size: 14px;

display: inline-block;

width: 150px;

height: 100%;

}

.mnm a:hover, .mnm a:active

{

background: url(/lib/skins/ObsessBlue/image/3_021.jpg) repeat-x; /***This is for when you hover the mouse pointer over the main links***/

color: #ffff00;

}

.mnimgl

{

position: absolute;

left: 0px;

top: 0px;

color: #ffff00;

}

.mnimgr

{

position: absolute;

right: 0px;

top: 0px;

color: #ffff00;

}

.logo

{

float: left;

padding-top: 11px;

padding-left: 30px;

color: #ffff00;

}

.hright

{

float: right;

width: 422px;

overflow: hidden;

color: #ffff00;

}

.hr01

{

width: 407px;

height: 28px;

background-image: url(/lib/skins/ObsessBlue/image/img_09.jpg); /***This image is the background for the links on top right of site***/

background-repeat: no-repeat;

color: #ffff00;

}

.hr01 div

{

float: left;

line-height: 30px;

font-size: 11px;

color: #ffff00;

}

.hr01 a:link, .hr01 a:visited

{

color: #ffff00;

text-decoration: none;

}

.hr01 a:hover, .hr01 a:active

{

color: #ffff00;

text-decoration: underline;

}

.hr0101

{

padding-left: 52px;

color: #ffff00;

}

.hr0102

{

padding-left: 30px;

color: #ffff00;

}

.hr02

{

text-align: right;

padding-top: 22px;

padding-right: 22px;

color: #ffff00;

}

/* content */

.content

{

background-color: #39414F;

overflow: hidden;

background-color: #39414F;

border-right-style:solid;

border-left-style:solid;

border-left-color:white;

border-right-color:white;

border-top-color:white;

color: #ffff00;

}

.cmainimg

{

margin-left: 10px;

margin-bottom: 8px;

color: #ffff00;

}

.submenu

{

height: 28px;

margin-left: 10px;

width: 930px;

background-image: url(/lib/skins/ObsessBlue/image/img_97.jpg);

background-repeat: repeat-x;

overflow: hidden;

position: relative;

margin-bottom: 11px;

color: #ffff00;

}

.subtext

{

color: #ffff00;

font-size: 11px;

margin-left: 11px;

margin-top: 6px;

float: left;

width: 100px;

}

.subimag

{

float: right;

margin-top: 6px;

margin-right: 30px;

color: #ffff00;

}

.subimag ul, .subimag li

{

padding: 0px;

margin: 0px;

color: #ffff00;

}

.subimag li

{

list-style: none;

float: left;

padding-left: 4px;

color: #ffff00;

}

.subimag a

{

text-decoration: none;

color: #ffff00;

}

.snimgl

{

position: absolute;

left: 0px;

top: 0px;

color: #ffff00;

}

.snimgr

{

position: absolute;

right: 0px;

top: 0px;

color: #ffff00;

background-color: #59616E;

}

.mcontent

{

overflow: hidden;

background-color: #39414F; /****This is all the background space not used****/

/* height: 760px; */

color: #ffff00;

}

.mcleft

{

float: left;

width: 207px;

margin-left: 15px;

/* margin-left: 7px; */

background-color: White;/***This is the space in between all the sidebar boxes****/

color: #ffff00;

background-color: #39414F;

border-top-color:white

border-color:white

}

.mcbox01

{

overflow: hidden;

margin-bottom: 15px;

color: #ffff00;

}

.mc01t

{

height: 37px;

background-image: url(/lib/skins/ObsessBlue/image/img_147.jpg); /**This is the top image for the first sidebar main menu where the links are located*/

background-repeat: no-repeat;

color: #ffff00;

}

.mc01t2

{

height: 24px;

background-image: url(/lib/skins/ObsessBlue/image/img_240.jpg); /****This is the background image for all the sidebar headers***/

background-repeat: no-repeat;

color: #ffff00;

padding-left: 23px;

padding-top: 13px;

background-color: #39414F;

}

.mc01c /**This is the main menu side bar**/

{

border-left: 1px solid #d1d1d1;

border-right: 1px solid #d1d1d1;

width: 205px;

overflow: hidden;

background-color: #59616E; /**This is the background color for the main menu**/

color: #ffff00;

}

.mc01c ul

{

margin: 0px 15px 0px 15px;

padding: 0px;

color: #ffff00;

}

.mc01c li

{

padding-left: 18px;

margin: 0px;

font-weight: bold;

height: 30px;

line-height: 30px;

color: #ffff00;

}

.mc01cc

{

border-left: 1px solid #d1d1d1;

border-right: 1px solid #d1d1d1;

width: 205px;

overflow: hidden;

background-color: #59616E;

color: #ffff00;

}

.mc01cc li

{

list-style-type: square;

font-family: Arial;

font-size: 12px;

padding-top: 15px;

color: #ffff00;

}

.mc01cc a

{

text-decoration: none;

color: #ffff00;

}

.mc01cc a:hover, .mc01cc a:active

{

text-decoration: underline;

}

.mc01b

{

height: 5px;

overflow: hidden;

font-size: 0px;

color: #ffff00;

}

.mcright

{

width: 715px;

overflow: hidden;

float: right;

background-color: #39414F;

color: #ffff00;

}

.mc01

{

overflow: hidden;

margin: 0px auto;

}

.mc0101

{

width: 345px;

height: 82px;

background-color: #59616E;

position: relative;

float: left;

}

.mcr

{

margin-left: 11px;

text-align: left;

color: #ffffff;

}

.mcr01

{

font-size: 19px;

font-family: Arial;

padding-top: 10px;

}

.mcr02

{

padding-top: 13px;

font-size: 11px;

font-family: Arial;

line-height: 16px;

}

.mcl

{

margin-left: 11px;

text-align: left;

color: #ffffff;

}

.mcl01

{

padding-top: 10px;

font-family: Arial;

font-size: 19px;

}

.mcl02

{

padding-top: 13px;

font-size: 11px;

font-family: Arial;

line-height: 16px;

}

.r0101

{

position: absolute;

left: 0px;

top: 0px;

color: #ffff00;

}

.r0102

{

position: absolute;

right: 0px;

top: 0px;

color: #ffff00;

}

.r0103

{

position: absolute;

left: 0px;

bottom: 0px;

color: #ffff00;

}

.r0104

{

position: absolute;

right: 0px;

bottom: 0px;

color: #ffff00;

}

.mc0102

{

margin-left: 14px;

width: 345px;

height: 82px;

background-color: #227ab4;

float: left;

position: relative;

color: #ffff00;

}

.mc01t

{

font-size: 14px;

padding-left: 23px;

padding-top: 11px;

height: 24px;

color: #ffff00;

;

}

.mc01c li

{

list-style: none;

border-bottom: solid 1px #d7d7d7;

color: #ffff00;

}

.mc01c a

{

text-decoration: none;

color: #ffff00;

}

.mc01c a:hover, .mc01c a:active

{

text-decoration: underline;

}

.mc02

{

padding-top: 24px;

overflow: hidden;

background-color: #39414F;

color: #ffff00;

}

.mc0201

{

font-family: Arial;

font-size: 23px;

color: #033759;

float: left;

color: #ffff00;

}

.mc0202

{

padding-right: 18px;

float: right;

color: #ffff00;

}

.mc0203

{

margin-top: 68px;

color: #ffff00;

}

.mc020301

{

font-size: 12px;

color: #494949;

line-height: 18px;

letter-spacing: -0.1px;

width: 700px;

color: #ffff00;

}

.mc020302

{

margin-top: 25px;

margin-bottom: 40px;

margin-left: 65px;

line-height: 25px;

color: #ffff00;

background-color: #39414F;

}

.mc020302 a

{

text-decoration: none;

color: #033759;

font-size: 12px;

font-family: Arial;

color: #ffff00;

background-color: #39414F;

}

.mc020302 a:hover, .mc020302 a:active

{

text-decoration: underline;

color: #ffff00;

background-color: #39414F;

}

.mc020302 li

{

list-style-type: square;

color: #ffff00;

background-color: #39414F;

}

.mc020303

{

color: #494949;

font-size: 12px;

margin-bottom: 151px;

line-height: 18px;

letter-spacing: -0.1px;

color: #ffff00;

background-color: #39414F;

}

/* Tables */

/* tables- default phpvms tables with adjusted color*/

table.tablesorter { width: 100%; }

table.tablesorter input { width: 90%; padding: 3px; border: solid 1px #7094FF; background: #59616E; }

table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #59616E; font-size: 8pt; padding: 4px; } /**adjust the table header color here**/

table.tablesorter thead tr .header { cursor: pointer; }

table.tablesorter tbody td { padding: 6px; vertical-align: top; border-bottom: dashed 1px #333; }

table.tablesorter tbody tr.odd td { background-color: #F0F0F6; }

table.tablesorter thead tr .headerSortUp { background-image: url(images/asc.gif) no-repeat; }

table.tablesorter thead tr .headerSortDown { background-image: url(images/desc.gif) no-repeat; }

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #59616E; }

/* footer */

.footer

{

height: 142px;

overflow: hidden;

background-image: url(/lib/skins/ObsessBlue/image/img_276.jpg);

background-repeat: repeat-x;

position: relative;

line-height: 60px;

font-size: 11px;

color: White;

text-align: center;

clear: both;

width: 100%;

}

.footer a:link, .footer a:visited /**This stuff controls what colors visited links will be for the footer**/

{

color: white;

text-decoration: none;

}

.footer a:hover, .footer a:active

{

color: white;

text-decoration: underline;

}

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...