CSS to style SharePoint list headers

<style type=”text/css”> .ms-vh2 {
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
BACKGROUND-COLOR: #000099
}

TR.ms-viewheadertr > TH.ms-vh2 {
BORDER-TOP: white 1px solid;
BORDER-RIGHT: white 1px solid;
BORDER-BOTTOM: white 1px solid;
BORDER-LEFT: white 1px solid
}

.ms-vh2 A {
COLOR: white !important
}

.ms-vh2:hover A {
COLOR: #000099 !important
}

.ms-vh2 A:hover {
COLOR: #000099 !important
}

.ms-vh-div {
COLOR: white !important
}

.ms-vh-div:hover {
COLOR: #000099 !important
}

</style> [OR]

<style type=”text/css”>
.ms-vh2 {
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
BACKGROUND-COLOR: #08397a
}

.ms-vh {
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
BACKGROUND-COLOR: #08397a;
Color: white !important
}

TR.ms-viewheadertr > TH.ms-vh2 {
BORDER-TOP: white 1px solid;
BORDER-RIGHT: white 1px solid;
BORDER-BOTTOM: white 1px solid;
BORDER-LEFT: white 1px solid
}

TR.ms-viewheadertr > TH.ms-vh {
BORDER-TOP: white 1px solid;
BORDER-RIGHT: white 1px solid;
BORDER-BOTTOM: white 1px solid;
BORDER-LEFT: white 1px solid;
}

TR.ms-viewheadertr > TH.ms-vh:hover {
background-color: #08397a !important;
}

TR.ms-viewheadertr > TH.ms-vh2:hover {
background-color: #08397a !important;
}

.ms-vh2 A {
COLOR: white !important
}

.ms-vh2:hover A {
COLOR: white!important
}

.ms-vh2 A:hover {
COLOR: white!important
}

.ms-vh A {
COLOR: white !important
}

.ms-vh:hover A {
COLOR: white!important
}

.ms-vh A:hover {
COLOR: white!important
}

.ms-vh-div {
COLOR: white !important
}

/*.ms-vh-div:hover {
COLOR: #08397a !important
}*/

</style>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s