[2.3.0] Microsoft XP-style control panel

[Cyburbia]

http://www.cyburbia.org/tmp/control_panel_1.png

(Sorry if you can't see it ... it's a PNG)

Use the following for your cp.css file. Remember to make a backup of your old cp.css file!


BODY {
BACKGROUND-COLOR: #EDF2FC;
COLOR: #3F3849;
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 12px;
/* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
SCROLLBAR-BASE-COLOR: #0148B2;
/* all scrollbar attriblutes following are not required, but you can set them if you wish. */
SCROLLBAR-ARROW-COLOR: #F5D300;
SCROLLBAR-HIGHLIGHT-COLOR: #90869E;
/* attributes we aren't using at the moment
SCROLLBAR-3DLIGHT-COLOR: #87789E;
SCROLLBAR-FACE-COLOR: #0148B2;
SCROLLBAR-SHADOW-COLOR: #2F4261;
SCROLLBAR-DARK-SHADOW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #6487DC;
*/
}
UL, LI, P, TD, TR {
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 12px;
}
/* color for links */
A:LINK, A:VISITED, A:ACTIVE {
COLOR: #000000;
}
/* hover color for links (Internet Explorer only) */
A:HOVER {
COLOR: #F5D300;
BACKGROUND-COLOR: #0148B2;
}
/* style for links made with makelinkcode() */
.lc {
FONT-SIZE: 11px;
}
FORM {
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;
}
SELECT, INPUT, TEXTAREA {
FONT-FAMILY: Arial,Helvetica,sans-serif;
COLOR: #000000;
FONT-SIZE: 10px;
}

/* style for submit/reset buttons */
#submitrow INPUT {
BACKGROUND-COLOR:#0148B2;
COLOR: #ffffff;
FONT-WEIGHT: bold;
}
/* first alternating table background color */
.firstalt {
BACKGROUND-COLOR: #D0D0D0;
}
/* second alternating table background color */
.secondalt {
BACKGROUND-COLOR: #C5C5C5;
}
/* table header background and text color */
.tblhead {
BACKGROUND-COLOR: #0148B2;
COLOR:#FFFFFF;
FONT-SIZE:10px;
}
/* table border color */
.tblborder {
BACKGROUND-COLOR: #6487dc;
}

/* extra styles for top and left frames */
#navbody {
COLOR: #ffffff;
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;
BACKGROUND-COLOR: #6487dc;
}
#navbody TD {
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;
}
#navbody A:LINK, #navbody A:VISITED, #navbody A:ACTIVE {
COLOR: #FFFFFF;
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
#navbody A:HOVER {
COLOR: #F5D300;
FONT-FAMILY: Arial,Helvetica,sans-serif;
BACKGROUND-COLOR: #0148B2;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
#navbody .tblhead {
COLOR: #FFFFFF;
FONT-FAMILY: Arial,Helvetica,sans-serif;
}

/* global and custom color definitions */
.gc { /* global color */
COLOR: darkgreen;
}

.cc { /* custom color */
COLOR: darkblue;
}

[gmarik]

It does not looks like XP, in no way, sorry to tell you that.

[Cyburbia]

It's really the color scheme that's XP-ish.

[FWF]

the colors look like hotmail.com a bit...not so much like XP...but it does look like it a bit, thanks for posting this.

[Lesane]

Pretty cool, will gonna use it offline. Good work, thanks.

[Dean C]

I added your code into some code boxes so its easier to read. Could you please attach the screenshot too so in case your server goes down it can still be viewed here :)

And btw this looks really nice :)

Thanx

- miSt

[Spitfireisgod]

it look more 98ish to me

[UND3Rburn]

I was thinking the Same Thing^^^

[Tony G]

Not that XP like, yeah more hotmail like. Nice work! :)