swat2/style/common.css

/*
	common.css
	Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org>

	Basic styles common to all of samba.org, including VirtualHosts
	bugzilla.samba.org, build.samba.org, and news.samba.org.

	You may freely use and modify the styles here, but if you
	intend to recreate the samba.org look exactly, please ask
	permission first.
*/


/* Base elements
***********************************************************/
body {
	background:url(/images/stripes.png) repeat-x 0 0;
	margin:0;
	padding:0;
	background-color:#E5E9F5;
	font-family:Lucidasans, Helvetica, Verdana, sans-serif;
	font-size:medium;
	color:#000;
}
body#news  {
	background:none;
	background-color:#FFF;
}
blockquote {
	margin:35px;
	padding:15px;
	border-left:2px groove #CCC;
	border-top:2px groove #CCC;
}
img {
	border:0;
}


/* Headings
***********************************************************/
h1 {
	font-size:x-large;
}
h2 {
	text-align:left;
	color:#FFFF64;
	font-size:large;
	background-color:#3878CD;
	margin-top:60px;
	margin-bottom:15px;
	padding:2px;
	padding-left:5px;
}
h3 {
	font-size:medium;
}
h5 {
	font-size:small;
	text-align:right;
	display:inline;
}
* html h5 {
	padding-right:4px;
}
h6 {
	font-size:small;
	text-align:right;
	text-align:right;
}
h6 a {
	margin-right:3px;
}


/* Lists
***********************************************************/
ol li {
	margin-bottom:12px;
}


/* Tables
***********************************************************/
table.real thead {
        background-color: #E5E9F5;
}
table.real th,
table.real td {
        border: 1px solid #3878CD;
        padding: 2px;
}
table.real {
        border: 2px solid #3878CD;
        background-color: #F5F8FF;
}
a:link:hover {
	color:#CC0033;
	background-color:#FFFF64;
}


/* Header (yellow and blue stripes)
***********************************************************/
#banner {
	position:absolute;
	top:0;
	left:0;
	height:95px;
	width:100%;
	padding-top:4px;
	z-index:1;
}
.srch {
	text-align:right;
  margin:0 5px 0 0;
}
.srch form {
	display:inline;
}


/* Slogan ("Opening windows to a wider world")
***********************************************************/
.slogan {
	position:absolute;
	left:187px;
	z-index:1;
}
html>body .slogan { 	/**** Opera needs its own rule *********/
	top:100px;
}
:root .slogan {		/**** Undo the Opera rule for all other browsers ****/
	top:80px;
}
* html .slogan {	/** Then, give IE 5/6 its own rule ****** */
	top:100px;
}


/* Logo (with hacks for PNG transparency across browsers)
***********************************************************/
#logo>.logo_hack {
	background-image:url(/images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
}
.logo_hack {
	position:absolute;
	top:25px;
	left:0;
	width:250px;
	height:119px;
	padding:0;
	margin:0;
	z-index:1;
}
.logo_hack a:hover {
	background:transparent;
}


/* Nav menu
***********************************************************/
#nav {
	position:absolute;
	top:152px;
	left:20px;
	width:180px;
	background-color:#F5F8FF;
	border:2px groove #3878CD;
	padding:0;
	padding-bottom:5px;
	margin:0;
	z-index:1;
}
#nav ul {
	list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
}
#nav a,
#nav a:link,
#nav a:visited {
	display:block;
	height:20px;
	font-size:small;
	color:#2B5C9F;
}
#nav a:hover {
	color:#FFF;
	background-color:#3878CD;
}
#nav a:active {
	color:#FFFF64;
	background-color:#3878CD;
	font-size:14px;
}
#nav img {
	padding:0;
	margin:0;
	width:180px;
	height:30px;
}


/* links menu
***********************************************************/
#links {
	position:absolute;
	top:152px;
	left:81%;
	width:180px;
	padding:0;
	width:18%;
	background-color:#F5F8FF;
	border:2px groove #3878CD;
	padding:0;
	padding-bottom:5px;
	margin:0;
	z-index:1;
}
#links ul {
	list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
}
#links a,
#links a:link,
#links a:visited {
	display:block;
	height:20px;
	font-size:small;
	color:#2B5C9F;
}
#links a:hover {
	color:#FFF;
	background-color:#3878CD;
}
#links a:active {
	color:#FFFF64;
	background-color:#3878CD;
	font-size:14px;
}
#links img {
	padding:0;
	margin:0;
	width:180px;
	height:30px;
}


/* Text and alignment formats
***********************************************************/
.punch {
	font-weight:bold;
}
.tilt {
	font-style:italic;
}
.colophon {
	margin-left:20px;
}