/ Published in: CSS
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
@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. */ }