punbb/style/Oxygen/Oxygen_cs.css
author Dan
Sat, 05 Apr 2008 23:56:45 -0400
changeset 6 5e1f1e916419
permissions -rw-r--r--
Big upgrade to 1.3 beta. Basic things are working.

/*************************************************************
COLOUR CHART			
**************************************************************/

/* Basic					#fff / #333 */
/* (Light back) a, a:link, a:visited		#00569c */
/* (Light back) a:hover, a:active, a:focus	#b42000 */
/* (Dark back) a, a:link, a:visited		#ddd */
/* (Dark back) a:hover, a:active, a:focus	#fff */
/* Logo						#296fa5 / #fff */
/* Main menu					#113C5E / #ddd */
/* Main headings				#1f537b / #ddd */
/* Info Boxes (Yellow)				#ffffe1 */
/* Info Boxes (Blue)				#f4f9fd */
/* General Background (Lightest)		#fbfbfb */
/* General Background (Slightly darker)		#f4f4f4 */
/* Strong text (not in bold)			#000 */


/*************************************************************
A - BACKGROUND and BORDERS
**************************************************************/

.main-content, #pun-visit, .paged-head, .paged-foot, .postmain {
	background: #fbfbfb;
	}
	
#pun-about, .main th, .main td.tc2, .main td.tc3, #pun-debug td.tcl {
	background: #f4f4f4;
	}
	
.posthead {
	background: #f1f1f1;
	}
	
#pun-title, #pun-desc {
	background:#296fa5;
	}

#pun-navlinks {
	background: #113c5e;
	}

.main-head, .main-foot {
	background: #1f537b;
	}
	
.frm-info, .frm-error, #pun-alert, .dataset .ext-error {
	background: #ffffe1;
	}

.entry-content .codebox, .entry-content .quotebox {
	background: #fff;
	}

.pun div, div.pun, .pun td, .pun table, #stats h3, .frm .frm-set {
	border-color: #ddd;
	}
	
.profile, .user, .topic, .databox, .userbox {
	background: #f4f9fd;
	}

.status span, .sig-content span.sig-line, .databox .legend, #pun-announcement .msg-head, #pun-alert p, #pun-alert h1 {
	border-color: #bbb;
	}

.online .status span {
	border-color: #296FA5;
	}
	
.main .frm-head {
	border-color: #fff #fff #bbb #fff;
	}
	
.main .frm-head {
	background: #f1f1f1;
	}
	
.frm .frm-subhead, .frm .frm-info, .dataset, .datagrid, .databox, .databox .data {
	border-color: #ddd;
	}
	
/*************************************************************
B - TEXT
**************************************************************/

.pun {
	color: #333;
	}

#pun-title {
	color: #fff;
	}

#pun-desc, #pun-navlinks, .main-head, .main-foot, #pun-home {
	color: #ddd;
	}
	
.main-content li span, .frm-info, .frm-info span, #pun-alert div, .frm-set, .fld-label,
.isonline, .example code, .example li code, .example li samp, .frm .frm-group legend,
.example li span, .example li .samp, p.item span, .entry-info li * {
	color: #666;
	}
	
.main-content li strong, .important strong, .user-info li.title span, #pun-alert strong,
.frm-error li span, .frm-info li span strong, .online .isonline, .frm h3.link *, .frm h4.link *,
#pun-help h3, .main th {
	color: #000;
	}
	
.user .username {
	color: #00569c;
	}
	
.main .frm-head, .main .databox .legend, .pun .userbox .msg-head {
	color: #113C5E;
	}
	
.main-content li {
	color: #9AAFB4;
	}
	
.main-content .userbox li {
	color: #333;
	}

.user-actions li {
	color: #CD9C96;
	}

em.req-text, .pun li.warn, .pun .warn strong, .pun .frm-group .warn, .main .ext-error .legend, #pun-alert h1 strong {
	color: #b42000;
	}
	
/*************************************************************
C - LINKS
**************************************************************/
	
.pun a, .pun a:link, .pun a:visited {
	color: #00569c;
	}
	
#pun-home a, #pun-home a:link, #pun-home a:visited,
.main-head a, .main-head a:link, .main-head a:visited,
#pun-navlinks a, #pun-navlinks a:link, #pun-navlinks a:visited {
	color: #ddd;
	text-decoration: none;
	}	

.main-foot a, .main-foot a:link, .main-foot a:visited {
	color: #ddd;
	}	

.pun a:hover, .pun a:active, .pun a:focus {
	color: #b42000;
	}
	
.main-head a:hover, .main-head a:active, .main-head a:focus,
.main-foot a:hover, .main-foot a:active, .main-foot a:focus,
#pun-home a:hover, #pun-home a:active, #pun-home a:focus,
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus,
#pun-access a:hover, #pun-access a:active, #pun-access a:focus {
	color: #fff;
	text-decoration: underline;
	}	
	
.posting a, p.crumbs a {
	text-decoration: none;
	}
	
.main .topic .post .posthead h3 a strong {
	text-decoration: none;
	}
	

/*************************************************************
D - TABBED NAVIGATION
**************************************************************/
	
.main-nav ul li a, .main-nav ul li a:link, .main-nav ul li a:visited {
	text-decoration: none;
	background: #f1f1f1;
	border-color: #ddd;
	}
	
.main-nav ul li a span {
	border-color: #fff;
	}

.main-nav ul li a:hover, .main-nav ul li a:active, .main-nav ul li a:focus {
	background: #fbfbfb;
	}

.main-nav ul li.topactive a, .main-nav ul li.topactive a:link,
.main-nav ul li.topactive a:visited {
	color: #F4F9FD;
	text-decoration: underline;
	background: #1f537b;
	border-color: #1f537b;
	}
	
.main-nav ul li.topactive a span {
	border-color: #1f537b
	}
	
.submenu ul li.topactive ul li a,
.submenu ul li.topactive ul li a:link,
.submenu ul li.topactive ul li a:visited {
	background: transparent;
	text-decoration: none;
	color: #dedfdf;
	}

.submenu ul li.topactive ul li.isactive a,
.submenu ul li.topactive ul li.isactive a:link,
.submenu ul li.topactive ul li.isactive a:visited {
	text-decoration: underline;
	color: #fff;
	background:#1f537b;
	}

.submenu ul li.topactive ul li a:hover,
.submenu ul li.topactive ul li a:active,
.submenu ul li.topactive ul li a:focus {
	text-decoration: underline;
	color: #fff;
	background: #1f537b;
	}
	

	
	
/*************************************************************
E - POST STATUS INDICATORS
**************************************************************/
	
td.tcl span.status img {
	border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2
	}
	
tr.redirect td.tcl img {
	border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4
	}
	
td.tcl span.new img {
	border-color: #2B75AD #235E8C #1F537B #266799
	}