/**************************************
* THEME NAME: cywhs_main
*
* Files included in this sheet:
*
* cywhs_main/style.css
**************************************/
/***** cywhs_main/style.css start *****/
html,
body {
margin:0;
padding:0;
height:100%;
}
body {
margin: 0 auto;
padding:0;
background-color:#ffffff;
/*line-height:16px;*/
text-align:center;
}
body, td, li {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
line-height:12px;
}
#page {
text-align:left;
/*width:960px; Added to fix IE 'dissappearing button syndrome', removed to fix printing - can't win!*/
min-height:100%;
margin:0;
/*position:relative;*/
padding-bottom:130px;
}
#content {
clear:both;
margin-top:0 !important;
}
/*************************
* Fonts
************************/
h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
text-align: left;
padding-left: 5px;
}
/* define font sizes for h.main's - used throughout site for non-content */
h2.main {
font-size:1.3em;
}
h3.main {
font-size:1.1em;
}
h1, h2, h3, h4 {
text-align: left;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
border:none;
}
h1 {
/*padding: 6px;*/
/*background-color: #d5eeff;*/
/* border-color: #333333; */
color: #333333;
font-size:2em;
font-weight: bold;
}
h2 {
/*padding: 4px;*/
/*border-color:#C6BDA8;*/
font-size:1.6em;
line-height:1.6em;
margin-top:1.2em;
margin-bottom:0.2em;
}
h3 {
/*padding: 3px;*/
border-color:#C6BDA8;
font-size:1.4em;
margin-bottom:0.1em;
}
h4 {
border-color:#C6BDA8;
border-bottom-style: solid;
border-bottom-width:1px;
font-weight:bold;
}
h5 {
margin:0;
font-size:1.5em;
line-height:1.5em;
font-weight:500;
padding-top:0.3em;
/*text-decoration:underline;*/ /* added for NRP : Zoe 2009-01-06 */
}
h6 {
font-size:1.1em;
margin-bottom:1em;
margin-top:0;
}
p {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.4em;
padding:0 !important;
}
blockquote {
/*background:url('pix/blockquote.gif') no-repeat left top;*/
}
li {
line-height:1.4em;
}
.subject {
font-size:15px;
font-weight:bold;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.modified {
font-size:10px !important;
color:#666666;
}
/***********************************
* Middle Coloumn Section Headings
**********************************/
.headingblock {
padding:10px 5px 10px 5px !important;
/*border: 1px solid #C6BDA8;*/
}
h2.headingblock {
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color:#EBE7C4 !important;
background-color:#000000;
/*font-variant:small-caps;*/
font-weight:bold;
border:0;
/*background-color:#EBE7C4;*/
}
/************************
* Links
***********************/
a:link,
a:visited,
a:active {
color:#000;
text-decoration:underline;
}
a:hover {
color:#FFF;
background-color:#1B75BB;
text-decoration:underline;
}
#left-column a:link,
#left-column a:active,
#left-column a:visited,
#right-column a:link,
#right-column a:active,
#right-column a:visited {
text-decoration:none;
}
#left-column a:hover,
#right-column a:hover {
text-decoration: underline;
}
/*.img a:link,
.img a:hover {
background-color:transparent;
text-decoration:none;
}*/
.dimmed a:link,
.dimmed a:visited {
color:#AAAAAA;
}
.headermenu .logininfo a:link,
.headermenu .logininfo a:visited,
.headermenu .logininfo a:active {
color:#ffffff;
text-decoration:underline;
}
.headermenu .logininfo a:hover {
color:#FFFFFF;
}
.headermenu a:link,
.headermenu a:visited,
.headermenu a:active { /* For failed logins 'Logs' link */
color:#ffffff;
text-decoration:underline;
}
.headermenu a:hover {
color:#FFFFFF;
}
.navbar a:link,
.navbar a:visited {
color:#000000;
}
.navbar a:hover {
color:#ffffff;
background-color:#000000;
}
.controls a:link,
.controls a:active,
.controls a:visited {
color:#000;
text-decoration:none;
}
/* Month arrows */
/*.previous a:link,
.previous a:active,
.previous a:visited,
.next a:link,
.next a:active,
.next a:visited {
text-decoration:none;
color:#CC0000 !important;
}
.previous a:hover,
.next a:hover {
text-decoration:none;
background-color:transparent;
}*/
td.category a:link,
td.category a:visited,
td.category a:active,
td.category a:hover {
text-decoration:none;
}
.tabrow0 a:link,
.tabrow0 a:visited,
.tabrow0 a:active {
background-color:transparent;
color:#000000;
}
th.header a:link,
th.header a:visited,
th.header a:hover {
color:#000;
text-decoration:underline;
}
th.header a:hover {
color:#000;
text-decoration:none
}
th a:link,
th a:visited,
th a:hover {
color:#000;
text-decoration:underline;
}
th a:hover {
color:#000;
text-decoration:none
}
tr.r0,
tr.r1 {
border:1px #ddd solid;
}
th.quiz {
border:1px #ddd solid;
}
/*********************/
.arrow {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
/*********/
.highlight {
background-color:#C6BDA8;
}
.highlight2 {
color:#C6BDA8; /* highlight missing terms in forum search */
}
input, select {
padding: 2px;
font-size:100% !important;
}
#layout-table #middle-column{
vertical-align:top;
display:block;
margin:0 10px 0 0;
}
#middle-column {
background-color:#ebe7c4;
margin:0 1em !important;
padding: 0 !important;
/*border-width:2em;
border-bottom-color:#ffffff;*/
}
.spacer {
height:10px !important;
}
p .box {
padding:5px !important;
}
#calendar {
background-color:#fff;
}
.sitetopic {
padding:0;
margin: 0;
}
.sitetopic p {
/*padding-left:20px;*/
padding-right:20px;
}
.sitetopiccontent {
border-color:#C6BDA8;
border-width:1px;
border-style:solid;
background-color:#FFFFFF;
}
.generaltable {
border-width:0px;
}
/* Front page category, description box, etc */
.generalbox {
border:none;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.4em;
}
.generalbox p {
padding-left:4em;
padding-right:4em;
}
.sitetopiccontent {
border: 1px solid;
}
fieldset {
background-color:transparent !important;
}
.clearfix {
min-width: 0;
}
.clearfix:after {
/* content: ""; */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*******************************
* Page Header
******************************/
#header {
height:125px;
border-width:1px;
border-style:solid;
background-color:#000000;
min-width: 583px; /* 2x LC width + RC width */
}
#header-home { /* background colour of box behind banner*/
background-color: #000000;
}
.banner_left {
position:absolute;
left:0;
top:0;
z-index:0;
}
.banner_middle {
position:absolute;
left:33%;
text-align:center;
z-index:2;
}
.banner_right {
position:absolute;
right:0;
top:0;
z-index:1;
}
img {
border:0;
}
img.iconsmall {
width:auto;
height:auto;
}
img.hide-show-image {
height:15px !important;
width:15px !important;
}
/**********************************
* Logged in text
*********************************/
.headermenu font {
color:#ffffff;
font-weight:bold;
}
/* Loggin box - outer */
.headermenu {
background-color:#333333;
padding:5px;
text-align:left;
margin:0;
float: none !important;
}
.headermenu .logininfo {
color:#fff;
font-size:1em;
}
/**********************************/
/* controls side-section headings, not middle? */
.header {
}
.headerskip {
position:absolute;
right:20em;
font-size:1em;
}
#header-home {
height:125px;
display:block;
}
.headermain, h1.headermain {
float:left;
margin:0;
padding:0;
border: 0;
}
h1.headermain {
background-color: #000000;
}
/*********************************
NAVIGATION
*********************************/
.navbar {
width:100%;
padding:3px 0.5em;
/*border:1px solid #666;*/
/*background-color:#b52a49;*/
/*height: 20px; */
/*background: url(pix/grad/bg_bread.jpg) repeat-x;*/
width: auto;
}
.first {
color:#000000;
}
table.navbar {
width: 100%;
}
.navbar .navbutton form {
float: left;
}
.navbar .navbutton {
margin-top: 3px;
}
.navbar .breadcrumb {
float:left;
margin:0.2em 0em;
}
.breadcrumb {
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
font-weight:bold;
}
.breadcrumb ul {
padding:0%;
margin:0%;
text-indent:0%;
list-style:none;
}
.breadcrumb li {
display:inline;
font-family:Arial, Helvetica, sans-serif;
}
/***
*** Login box
***/
.loginbox,
.onecolumn {
}
.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
border-color:#C6BDA8;
overflow:visible;
margin-bottom:0;
padding-bottom:0;
}
.loginbox .content {
border-color:#C6BDA8;
border-top-width: 0px;
}
TABLE.loginbox {
margin-top: 40px;
}
.loginbox .header {
border-width:1px;
border-style:solid;
border-bottom-width: 0px;
}
/***************
* Blocks
**************/
.sideblock {
}
.sideblock .header {
padding-left:14px;
background:url('pix/sideblock_header.png') left repeat-y;
}
.sideblock .header,
.sideblock .title {
border:0;
color:#ebe7c4;
padding-top:0.3em;
padding-bottom:0.3em;
font-size:1em;
}
/**********************
* Editing icons
**********************/
.commands {
}
/* Fixes weird class in Admin > Front Page > Site files */
th.header .commands {
background-color:#000000;
}
/***
*** Footer
***/
#footer {
/*text-align:right;*/
background-color:#333333;
color:#FFFFFF;
font-weight:bold;
padding-bottom:10px;
border-top: inset #666666;
position:absolute;
/*bottom:0;*/
width:100%;
height:100px;
}
#footer .validators {
display:none;
}
#footer p.helplink {
margin-bottom: 0px;
}
#footer a:link,
#footer a:visited,
#footer a:active {
color:#FFFFFF;
text-decoration:underline;
}
#footer a:hover {
color:#FFFFFF;
background-color:#1B75BB;
text-decoration:underline;
}
.logininfo a:link,
.logininfo a:visited,
.logininfo a:active {
color:#FFFFFF;
text-decoration:underline;
}
.logininfo a:hover {
color:#FFFFFF;
background-color:#1B75BB;
text-decoration:underline;
}
/***
*** Blocks
***/
.sideblock {
}
h2.header {
color:#ebe7c4;
}
/* Editing icons */
.commands {
background-color:#FFFFFF;
}
/* Edit Delete Reply buttons on forums*/
.forumpost .commands {
background:none;
}
/* Fixes weird class in Admin > Front Page > Site files */
th.header .commands {
background-color:#000000;
}
/* remove this later, or you'll cry */
.content {
background-color:#FFFFFF;
background-image:url('pix/grad/blocks.png');
background-repeat:repeat-x;
border:0 !important;
}
#middle-column .content {
background-image:none;
border:0;
}
#middle-column td.side {
background-color:transparent !important;
border:0 !important;
}
#resource {
padding:10px;
}
.sideblock .content {
border:0;
background-color:#fff;
background-image:url('pix/grad/blocks.png');
background-repeat:repeat-x;
}
.side {
border:0;
background-color:transparent;
padding-top:1.3em !important;
}
.sideblock hr {
color:#C6BDA8;
/*background-color:#FEF9F6;*/
}
.sideblock .header .hide-show img.hide-show-image {
background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}
.sideblock.hidden .header .hide-show img.hide-show-image {
background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}
.sideblock .hide-show a {
border: 0;
background:none;
}
.hide-show-image {
border:0 !important;
}
.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
color: #000000;
}
/***
*** Calendar
***/
.controls {
font-size:1.3em;
}
#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event {
border-color: #C6BDA8;
}
#calendar .maincalendar table.calendarmonth th {
border-color: #C6BDA8;
}
.description .commands {
background:none;
}
/* minicalendar days of the week text */
abbr {
color:#000000;
}
table.calendarmonth tr td {
border-color:#C6BDA8;
border-spacing:10px;
}
table.minicalendar {
border-color:#C6BDA8;
border-spacing:0;
}
table.minicalendar tr.weekdays th {
background-color:#FEF9F6;
border-color:#C6BDA8;
}
table.minicalendar tr td.day {
border-color:#C6BDA8;
font-size:1em;
}
table.minicalendar tr td.weekend {
border-color:#C6BDA8;
color: red;
}
#calendar .today,
.minicalendar .today {
border-color:#000000 !important;
}
td.maincalendar .header,
td.sidecalendar .header {
color:#000;
}
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
border-color:#93d4f0 !important;
background-color:#93d4f0;
}
#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
border-color:#c985c2 !important;
background-color:#c985c2;
}
#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
border-color:#e99d6b !important;
background-color:#e99d6b;
}
#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
border-color:#ee7d79 !important;
background-color:#ee7d79;
}
.cal_popup_fg {
background-color:#FEF9F6;
}
.cal_popup_bg {
border-color:#C6BDA8;
background-color:#FEF9F6;
}
#calendar .today,
.minicalendar .today {
border:1px solid !important;
}
table.minicalendar {
width: 100%;
margin:10px auto;
padding:2px;
border-width:1px;
border-style:solid;
border-collapse:separate;
border-spacing:1px !important;
font-size:1em;
}
table.minicalendar a:link {
text-decoration:none;
}
table.minicalendar tr.weekdays th {
border-style: none;
color:#000000;
}
table.minicalendar tr td.day {
border-style: solid;
border-width: 1px;
}
table.minicalendar tr.weekdays th abbr {
border-style: none;
}
table.minicalendar tr td {
font-size:0.7em;
}
table.minicalendar tr.weekdays th {
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:normal;
}
table.calendarmonth {
border-collapse:separate;
border-spacing:1px !important;
}
table.calendarmonth tr td {
border-style: solid;
border-width: 1px;
}
#calendar .maincalendar table.calendarmonth td {
font-size:.8em;
}
.calendar-controls {
text-align:center;
}
#calendar .maincalendar .calendar-controls .current {
font-weight: bold;
/*background-color:#ece9c7;*/
}
.calendar-controls .current {
width:58%;
background-color:transparent;
}
.content .current {
font-weight: bold;
/*background-color:#ece9c7;*/
}
#calendar .sidecalendar .filters {
font-size:0.75em;
background:none;
display:none;
}
.sidecalendar {
background:url('pix/grad/blocks.png') repeat-x top;
}
/**************
* Course
*************/
.categorybox .category {
/* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
font-size: 1.2em;
line-height:1.6em;
font-weight: bold;
}
.categorybox .category,
.categorybox .category {
border-bottom: solid;
border-width: 1px;
padding-top: 7px;
border-color: #C6BDA8;
}
.coursebox {
border:0; /* overwrite default style */
}
.course .name {
padding-top:8px !important;
}
.course .info {
display:none;
}
.categorylist td.category.image img {
display:none;
}
#course-view .section .left {
border-right-width: 1px;
border-right-style: dashed;
font-weight: bold;
font-size: 1.2em;
}
#course-view .section.hidden .content,
#course-view .section.hidden .side {
border-width: 1px;
border-style: dashed;
/*border-color:#C6BDA8;*/
}
#course-view .section.main .side {
/* border-color: #C6BDA8;*/
background-color: #FFFFFF;
}
#course-view .section.main .content {
/* border-color: #C6BDA8;*/
background-color: #ebe7c4;
}
.section .img-text {
background-color:#fff;
border:solid #ddd medium;
padding:1em !important;
}
.section a {
/*text-decoration:none;*/
}
.section .img-text a {
/*text-decoration:none; for Mark*/
}
.categoryboxcontent,
.courseboxcontent {
/*border-color:#C6BDA8;*/
background: #FFFFFF;
}
#course-view .current .right.side,
#course-view .current .left.side {
background-color: #FFFFFF;
}
/* Course Categories */
.category {
/*font-variant:small-caps;*/
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.category.name {
padding-top: 1.2em !important;
}
/* Profile */
.tabtree {
height:30px !important;
}
/* Front page and course sidebar category symbols */
.categorylist td.category.image {
/*width:2px;*/
}
.categorylist .category {
border:0;
}
.categorylist .category.name {
padding-top:15px;
}
/* Site News */
.picture {
border-bottom:1px solid #C6BDA8;
}
/***************************
* Tabs
****************************/
.tabs .side {
border-color: #C6BDA8;
}
.tabrow td {
background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
background-image:url(pix/tab/right_active_hover.gif);
}
.tabrow0 {
padding-top: 4px;
}
/********************
* Tables
********************/
table {
background:none;
}
th.header,
th.name {
/*color:#ebe7c4;*/
}
th.header,
td.header,
th.name,
div.header, /* Block headers */
{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
/* font-weight: bold;*/
font-size: 1em;
background-color: #000000;
}
th {
/*background-color:#d5eeff;*/
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
/*font-weight: bold;*/
background-color: #ffffff !important;
color:#000000 !important;
/*color:#FFFFFF;*/
}
#layout-table #left-column {
/* background-color: yellow; */
margin-right:10px;
}
.generaltable,
.generaltable td {
border-color:#C6BDA8;
/* background-color:#FFFFFF; */
}
/*
..
|
*/
.generaltable .r0 td.cell.c0 {
/*background-color:#C6BDA8; changed 05/08/08*/
background-color:#ddd;
}
.generaltable td.cell.c0 {
font-weight: bold;
}
.generaltable .r1 td.cell.c0 {
background-color:#d7d3c8;
}
/* Questionnaire Spacing */
.qntype {
padding: 0.3em;
}
/*Accessibility: resizable icons. */
img.resize {
width: 1em;
height: 1em;
}
/**************************
* Blocks
**************************/
.sideblock .footer {
font-size:0.85em;
text-align: left;
}
/************************
* Modules: Forum
************************/
/* FEF9F6 is the pinky colour in the forums.
I think it also represents unread posts... make pretty */
.forumheaderlist {
padding-left:10px;
padding-right:10px;
}
.forumheaderlist,
.forumpost {
border-color:#C6BDA8;
}
.forumpost .content {
background: #FFFFFF;
}
.forumpost .left {
background:#FFFFFF;
}
.forumpost .topic {
border-bottom: 1px solid #C6BDA8;
background-color:#FFFFFF;
}
.forumpost .starter /*forum post headerings*/ {
background:#FFFFFF;
}
.forumheaderlist .discussion .starter {
background:#FEF9F6;
}
.forumheaderlist td {
border-color: #C6BDA8;
}
.sideblock .post .head {
color:#FEF9F6;
}
.forumthread .unread {
background: #FEF9F6;
}
#mod-forum-discuss .forumpost {
background: none;
}
#mod-forum-discuss .forumpost.unread .content {
border-color: #C6BDA8;
}
#mod-forum-discuss .forumthread .unread {
}
#mod-forum-index .unread {
}
/*************************
* Quiz
**************************/
.que .content {
background:none;
}
.qtext {
font-weight:bold;
}
/************************/
.userpicture {
/*display:none;*/
}
/************************
* Homepage Description Fancyness (bubbles)
************************/
.fpheader1 {
background-color:#000000;
background-image:url(pix/header_01.png);
background-position:right bottom;
background-repeat:no-repeat;
width:100%;
height:52px;
border:0;
padding:0;
/*margin:0 0 0 15px;*/
}
.fpheader2 {
background-color:#ebe7c4;
background-image:url(pix/header_02.png);
background-position:right top;
background-repeat:no-repeat;
width:100%;
height:31px;
border:0;
padding:0;
margin:0;
}
ul.unlist .date {
font-weight:bold;
}
.edit {
background:none;
}
#course-view .section td.left { /* hides topic numbers */
color:#ebe7c4; /* same as background */
}
#mod-quiz-attempt #timer {
position: fixed;
left:10px!important;
top:10px!important;
border: 1px solid #cccccc;
background-color:#fff;
padding-top:1em;
}
/************************
* Misc
*************************/
/* Hide pesky 'Previous Activity' text in middle of some pages.*/
.accesshide {
display:none;
}
/***** cywhs_main/style.css end *****/