/* $Id: style.css,v 1.13 2006/04/03 22:20:48 unconed Exp $ */
/*
** HTML elements
*/
body {
margin: 0;
padding: 0;
color: #dcd8ce;
/* background-color: #fff; */
background-color: #dcd8ce;
font: 76% Verdana, Arial, Helvetica, sans-serif;
}
tr.odd td, tr.even td {
padding: 3px;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 5px;
}
/*
h1 {
font-size: 1.3em;
}
h2 {
font-size: 1.2em;
}
h3, h4, h5, h6 {
font-size: 1.1em;
}
*/
/* headers */
h1
{
unicode-bidi:embed;
display:block;
margin-top:0;
margin-left:0;
margin-bottom:0;
font-family:'arial','helvetica',sans-serif;
font-size:17px;
font-weight:800;
}
h2
{
unicode-bidi:embed;
display:block;
margin-bottom:4px;
font-family:'verdana','arial','helvetica',sans-serif;
color:#000;
font-size:16px;
font-weight:800;
}
h3 {
unicode-bidi:embed;
display:block;
margin-bottom:0;
font-family:'verdana','arial','helvetica',sans-serif;
color:#cc5500;
font-size:16px;
font-weight:600;
}
/* White font with minimal spacing. */
h3.style1 {
color:#ffffff;
margin-top:0;
margin-bottom:0;
}
h4
{
unicode-bidi:embed;
display:block;
margin-bottom:0;
font-family:'verdana','geneva','arial','helvetica',sans-serif;
color:#cc5500;
font-size:12px;
font-weight:700;
}
h5
{
unicode-bidi:embed;
display:block;
vertical-align:center;
/* margin-bottom:0; */
margin:0;
font-family:'verdana','geneva','arial','helvetica',sans-serif;
font-size:12px;
font-weight:700;
}
h6
{
unicode-bidi:embed;
display:block;
margin-bottom:0;
font-family:'verdana','geneva','arial','helvetica',sans-serif;
font-size:xx-small;
font-weight:700;
}
p {
margin-top: 5px;
margin-bottom: 9px;
}
a {
text-decoration: none;
font-weight: bold;
}
a:link {
/* color: #0033cc; */
color:#0b0b87;
}
a:visited {
/* color: #2e2ebc; */
color:#0033cc;
}
a:hover {
/* color: #39c; */
color:#fdba00;
text-decoration: none;
}
a:active {
color:#0033cc;
}
fieldset {
border: 1px solid #ccc;
}
pre {
background-color: #eee;
padding: 7px 15px;
font-size: 12px;
border: 0px solid #ddd;
}
table {
/* make sizes relative to body size! */
font-size: 11px;
}
table.fancy {
font-size: 11px;
background-color: #ffffff;
}
table.fancy td {
padding: 5px 5px 5px 5px;
}
table.fancy td h4 {
margin-top: 0px;
color: #000000;
}
table.announce {
background-color: #ffebcc;
font-size: 9px;
}
td.title {
font-size: 11px;
background-color: #ffddaa;
}
.form-item label {
font-size: 10px;
color: #222;
}
.item-list .title {
font-size: 10px;
color: #222;
}
.links {
margin-bottom: 0px;
}
.comment .links {
margin-bottom: 0px;
}
/*
** Page layout blocks / IDs
*/
#header, #content {
width: 100%;
}
#header {
/* background-color: #69c; */
background-color: #375998;
padding: 0px 0px 0px 0px;
}
#header2, #content {
width: 100%;
}
#header2 {
background-color: #000000;
}
#logo {
vertical-align: middle;
border: 0;
}
#logo img {
float: left;
padding: 5px 15px 5px 15px;
border: 0;
}
#locallogo {
vertical-align: middle;
border: 0;
}
#locallogo img {
float: center;
padding: 0px 10px 0px 10px;
border: 0;
margin-left: 50px;
}
#menu {
padding: 5px 5px 00px 5px;
text-align: right;
vertical-align: middle;
}
#primary {
font-size: 10px;
padding: 0px 8px 15px 0px;
color: #9cf;
}
#primary a:link {
font-weight: bold;
color:#fff;
}
#primary a:visited {
font-weight: bold;
color:#fff;
}
#primary a:hover {
font-weight: bold;
color:#fdba00;
text-decoration: none;
}
#primary a:active {
font-weight: bold;
color:#fff;
}
#secondary {
background: url(/images/secondary_bg_gold.gif) no-repeat;
background-color:#000;
padding: 3px 20px 2px 0px;
font-size: 1em;
clear:both;
height:18px;
color: #fff;
text-align:right;
}
#secondary a:link {
font-weight: bold;
color: #fff;
}
#secondary a:visited {
font-weight: bold;
color: #fff;
}
#secondary a:hover {
font-weight: bold;
color:#fdba00;
text-decoration: none;
}
#secondary a:active {
font-weight: bold;
color: #fff;
}
#search {
vertical-align: top;
}
#search table {
vertical-align: top;
}
#search .form-text, #search .form-submit {
border: 1px solid #369;
font-size: 11px;
height: 15px;
vertical-align: middle;
}
#search .form-text {
width: 105px;
padding: 0px 0px 0px 0px;
}
#mission {
background-color: #375998;
padding: 15px 20px;
font-size: 14px;
color: #fff;
}
#mission a, #mission a:visited {
color: #9cf;
font-weight: bold;
}
.site-name {
margin: 10px 0px 10px 20px;
padding: 0px;
font-size: 30px;
}
.site-name a:link, .site-name a:visited {
color: #fff;
}
.site-name a:hover {
color: #369;
text-decoration: none;
}
.site-slogan {
font-size: 10px;
color: #eee;
display: block;
margin: 0px 0px 0px 0px;
font-style: italic;
font-weight: bold;
}
#main {
/* padding in px not ex because IE messes up 100% width tables otherwise */
padding: 10px;
width: 740px; /* Need to size body for IE */
}
#mission, .node .content, .comment .content {
line-height: 1.4;
}
#help {
font-size: 9px;
margin-bottom: 10px;
}
.breadcrumb {
margin-bottom: 5px;
font-size: 11px;
}
.messages {
background-color: #eee;
border: 1px solid #ccc;
padding: 3px;
margin-bottom: 10px;
}
.error {
border-color: red;
}
#right-border {
background-image:url(right_mid.jpg);
background-repeat: repeat-y;
vertical-align: top;
}
#bottom-border {
padding: 0px 0px 0px 0px;
background-image:url(/images/bottom_mid.jpg);
background-repeat: repeat-x;
background-color:#efefef;
width: 100%;
}
#bottom-border-right {
padding: 0px 0px 0px 0px;
background-image:url(/images/bottom_mid.jpg);
background-repeat: repeat-x;
background-color:#efefef;
width: 100%;
}
#right-border {
background-image:url(/images/right_mid.jpg);
background-repeat: repeat-y;
vertical-align: top;
background-color:#efefef;
width: 8px;
}
#side-left {
background-color:#fdba00;
width: 15px;
height: 668px;
}
#side-right {
background-color:#fff;
width: 15px;
height: 668px;
}
#sidebar-left {
/* font-family:'verdana','geneva','arial','helvetica',sans-serif; */
/* font-size:.8em; */
background:#687998;
width: 165px;
/* padding in px not ex because IE messes up 100% width tables otherwise */
padding: 5px;
vertical-align: top;
line-height:18px;
}
#sidebar-right {
/* font-family:'verdana','geneva','arial','helvetica',sans-serif; */
/* font-size:.8em; */
background:#687998;
width: 165px;
/* padding in px not ex because IE messes up 100% width tables otherwise */
padding: 5px;
vertical-align: top;
line-height:18px;
}
#sidebar-right a:link {
color:#000000;
}
#sidebar-right a:visited {
color:#000000;
}
#sidebar-right a:hover {
color:#fdba00;
text-decoration: none;
}
#sidebar-right a:active {
color:#4c5c5c;
}
#sidebar-right ul li {
/*border-bottom:2px dotted #fec;*/
color:#69f;
}
#sidebar-left a:link {
color:#000000;
}
#sidebar-left a:visited {
color:#000000;
}
#sidebar-left a:hover {
color:#fdba00;
text-decoration: none;
}
#sidebar-left a:active {
color:#4c5c5c;
}
#sidebar-left ul li {
/*border-bottom:2px dotted #fec;*/
color:#69f;
}
/*
#sidebar-left ul li ul li.leaf a
{
color:#666;
}
*/
#sidebar-left ul li ul li.leaf a:link {
color:#666;
}
#sidebar-left ul li ul li.leaf a:visited {
color:#666;
}
#sidebar-left ul li ul li.leaf a:hover {
color:#369;
text-decoration: none;
}
#sidebar-left ul li ul li.leaf a:active {
color:#4c5c5c;
}
#sidebar-left ul li ul li.leaf {
/*border-bottom:2px dotted #fda;*/
/* border-bottom:none; */
color:#69f;
}
/* quick links */
div#quick_links
{
background-color: #fda;
margin:0 0 0 0;
padding:4px;
padding-left:0px;
border:0px;
}
#footer {
background-color: #375998;
padding: 5px 0px 5px 0px;
color: #fff;
font-size: 12px;
height: 20px;
text-align: center;
line-height:12px;
}
#footer a:link {
color:#fff;
}
#footer a:visited {
color:#fff;
}
#footer a:hover {
color:#fdba00;
text-decoration: none;
}
#footer a:active {
color:#fff;
}
div.orangeline { clear:both; width:100%; background-color:#C50; height:9px; }
/* Dotted line. */
div.dotted
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
border-bottom:2px dotted #cccccc;
color:#cccccc;
}
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
font-weight: bold;
font-size: 13px;
/* color: #777; */
color: #2554ab;
margin: 0 auto 0 auto; /* decrease default margins for h.title */
}
.submitted {
color: #999;
font-size: 8px;
}
.links {
color: #999;
}
.links a {
font-weight: bold;
}
/* IE on Macs defaults block color to yellow. Need to specify. */
.block, .box {
padding: 0px 0px 0px 0px;
/* background:#d9d9e3; /* for IE on Mac */
background:#687998; /* for IE on Mac STYLETAG */
}
.block {
border-top: 0px solid #bbb;
border-bottom: 0px solid #bbb;
border-right: 0px solid #bbb;
border-left: 0px solid #bbb;
padding-bottom: 8px;
margin-bottom: 15px;
font: 76% trebuchet MS;
font-weight: bold;
font-size: 13px;
}
.block .title {
margin-bottom: 2px;
padding: 0px 0px 0px 0px;
font: 76% trebuchet MS;
font-weight: bold;
font-size: 18px;
text-align: center;
}
.box .title {
font-size: 11px;
}
.node {
margin: 5px 0px 20px 0px;
}
.sticky {
padding: 5px;
background-color: #eee;
border: solid 1px #ddd;
}
.node .content, .comment .content {
margin: 5px 0px 5px 0px;
}
.node .taxonomy {
color: #999;
font-size: 10px;
padding: 0px; /* To remove indent at body start */
}
.node .picture {
border: 1px solid #ddd;
float: right;
margin: 5px;
}
.comment {
border: 1px solid #abc;
padding: 5px;
margin-bottom: 10px;
}
.comment .title a {
font-size: 11px;
font-weight: normal;
}
.comment .new {
text-align: right;
font-weight: bold;
font-size: 8px;
float: right;
color: red;
}
.comment .picture {
border: 1px solid #abc;
float: right;
margin: 5px;
}
/*
** Module specific styles
*/
#aggregator .feed-source {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0px 10px 0px;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
color: #999;
font-style: italic;
font-size: 9px;
}
#aggregator .title {
margin-bottom: 5px;
font-size: 10px;
}
#aggregator h3 {
margin-top: 10px;
}
#forum table {
width: 100%;
}
#forum td {
padding: 5px 5px 5px 5px;
}
#forum td.forum, #forum td.posts {
background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
background-color: #ddd;
}
#forum td.container {
background-color: #ccc;
}
#forum td.container a {
color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
height: 15px;
border: 1px solid #bbb;
}
#forum td .name {
color: #96c;
}
#forum td .links {
padding-top: 7px;
font-size: 9px;
}
#profile .profile {
clear: both;
border: 1px solid #abc;
padding: 5px;
margin: 10px 0px 10px 0px;
}
#profile .profile .name {
padding-bottom: 5px;
}
.block-forum h3 {
margin-bottom: 5px;
}
.calendar a {
text-decoration: none;
}
.calendar td, .calendar th {
padding: 4px 0px;
border-color: #888;
}
.calendar .day-today {
background-color: #69c;
}
.calendar .day-today a {
color: #fff;
}
.calendar .day-selected {
background-color: #369;
color: #fff;
}
.calendar .header-week {
background-color: #ccc;
}
.calendar .day-blank {
background-color: #ccc;
}
.calendar .row-week td a:hover {
background-color: #fff; color: #000;
}
/* buffer class */
div.t_buffer_class
{
margin-left:auto;
margin-right:auto;
width:994px;
/* width:850px; */
}
/* wrapper (div#nav, div#content_container, div#content, div#breadcrumbs, div#anchors) */
div#t_wrapper
{
/* background-image:url(https://secure.oregonstate.edu/cws_templates/images/misc/t_navbg.jpg); */
background-repeat:repeat-y;
background-position:left;
background-color:#fff;
line-height:14px;
margin:0;
padding:0;
}
.menu {
padding: 0em 0em 1em 0em;
width: 130px;
}
.menu ul {
list-style: none;
margin: 0;
padding: 2px 0px 0em 1em;
border: none;
text-align: left;
}
.menu li a {
text-align: left;
display: block;
text-decoration: none;
padding: 2px 0px 1px 0px;
background-repeat: no-repeat;
}
|
|
