Return to Snippet

Revision: 1557
at October 21, 2006 20:52 by dividespace


Initial Code
@charset "iso-8859-1";

/*******************************************************************************
*  tank_base_theme.css : 2005.09.01
* -----------------------------------------------------------------------------
*  Base Tank! theme. Applied to the layout by default. Theme modifications
*  applied via a style-switcher or external stylesheet should build upon what
*  is here. 
*******************************************************************************/

@import "http://webhost.bridgew.edu/etribou/layouts/utility_css/visual_consistencies.css";

p
{
	line-height: 140%;
}
body
{
	background-color: #fec;
	color: #000;
	background-image: url("../images/ruthsarian.png");
	background-repeat: no-repeat;
	background-position: 30px 100%;
	background-attachment: fixed;
}
#topMenu ul
{
	width: 12em;	/* make the pop menus a little wider */
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, #topMenu, #topMenu ul, #topMenu a
{
	border-color: #c93;
}
div.twoColumns div.leftColumn, div.twoColumns div.rightColumn
{
	border-color: #ddd;
}
#pageWrapper
{
	background-color: #f9f9f2;
	color: #665;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	background-image: url("../images/ruthsarian.png");
	background-repeat: no-repeat;
	background-position: -110px 100%;
}
#masthead
{
	background-color: #dc8;
	background-image: url("../images/tank.png");
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding: 10px;
	color: #000;
}
#masthead h1
{
	font-size: 150%;
}
#masthead h2
{
	font-size: 260%;
	color: #862;
}
#outerColumnContainer
{
	background-color: #fff;
	color: #223;
	border-right-color: #fff; /* right column background color */
}

#contentColumn, #rightColumn, #masthead, #footer
{
	padding-top: 10px;
	padding-bottom: 10px;
}
#contentColumn
{
	padding-top: 0;
}
#topMenu
{
	border: solid 0 #c93;
	border-width: 4px 0 0 0;
	padding-right: 40px;
}
#topMenu li a, #topMenu li a:link, #topMenu li a:visited, #topMenu li a:active
{
	background-color: #ffe;
}
#topMenu li a:hover
{
	color: #fff;
	background-color: #c93;	/* keep the same color as the borders */
}
#rightColumn ul.rMenu
{
	margin: 0 5px 10px 5px;
}
#rightColumn ul.rMenu, #rightColumn ul.rMenu li a,  #rightColumn ul.rMenu li ul
{
	border-color: #ed9;
}
#rightColumn ul.rMenu a:link, #rightColumn ul.rMenu a:visited, #rightColumn ul.rMenu a:active
{
	background-color: #ffe;
	color: #336;
}
#rightColumn ul.rMenu a:hover
{
	background-color: #c93;
	color: #fff;
}
#rightColumn h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	color: #b83;
	z-index: 999;
	line-height: 0.75em;
	font-size: 140%;
	/* \*/ position: relative;	/* With this here, IE/Mac will put this on 
					   top of every other element in the page. so
					   drop-down menus appear under. ick. so hide
					   it with this hack. */
}

Initial URL


Initial Description


Initial Title
tank_base_theme.css

Initial Tags


Initial Language
CSS