/**************************************
* THEME NAME: default
*
* Files included in this sheet:
*
* default/styles_layout.css
* default/user_styles.css
**************************************/
/***** default/styles_layout.css start *****/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background: #FFF;
background-color: #FFF;
}
#body-wrap {
margin-top: 25px;
margin-left:10px;
padding-left: 0px;
margin-bottom: 0px;
width:830px;
}
h2 {
font-size: 18px;
font-weight:bold;
}
.content-wrap {
display:block;
float:left;
background-color:#FFFFFF;
width:100%;
}
h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
margin-left:1em;
text-align:left
}
#content {
clear:both;
}
a img {border-width: 0; padding:0; margin:0;}
#banner {
background:#FFFFFF;
background-color:#FFFFFF;
}
.generalboxcontent {
text-align:left;
padding:5px;
}
#layout-table {
margin-top:0
}
#layout-table #left-column {
width:25%;
padding:5px
}
#layout-table #middle-column {
width:auto;
padding:5px;
margin:5px;
}
#layout-table #middle-column .topics {
width:95%
}
#layout-table #right-column {
width:25%;
padding:5px
}
#middle-column .section .content,
#middle-column .section .side {
border:0 none
}
.generalbox {
width:100%;
padding:0;
}
.generaltable th.header {
border-left:1px solid;
border-right:1px solid;
}
.generaltable .smallinfo p {
margin-top:0
}
.sitetopiccontent {
border:0 none
}
.rt_border {
border-right-style: dotted;
border-right-width:1px;
border-right-color:#CCCCCC;
border-top-style: dotted;
border-top-width:1px;
border-top-color:#CCCCCC;
}
/***
*** Header
***/
#text_top {
padding:5px;
}
#home_text {
font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14pt;
background-color:#faf0c3;
padding:10px;
}
a img {border-width: 0; padding:0; margin:0;}
#home_image {
width:830px;
background-image: url(pix/home_image.png);
background-repeat:no-repeat;
background-position:center;
height:365px;
padding:0px;;
}
#home_image_text {
font-size:32pt;
font-weight:bold;
color:#FFF;
padding:250px 0 0 10px;
}
header-home {
padding:0.7em 0;
height:2em
}
.headermain {
font-size:12pt;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
padding:15px 15px;
}
#header,
#header-main,
.navbar {
margin:0;
}
#header {
padding:5px;
height:37px;
background-color:#FFF;
background-image: url(pix/header_bg.png);
background-repeat:no-repeat;
background-position:center;
font-size:18px;
font-weight:bold;
}
#header .headermain {
float:left;
margin:0.2em 0 0 5px;
padding:5px;
}
.headermenu {
float:right;
text-align:right;
background-color:#FFFFFF;
}
.headermenu .logininfo {
margin:0 12px 4px 0;
}
.navbar {
display:block;
border:none;
}
.breadcrumb {
display: inline;
float:left;
color:#FFF;
font-size:14px;
font-weight:bold;
background:#a19f9f;
width:820px;
padding:5px;
}
.breadcrumb a:link{
border:1px dashed #FFF;
color:#FFF;
}
.breadcrumb a:visited{
color:#FFF;
}
.navbutton {
float:right;
padding-top:18px;
margin:0.2em 1em 0.2em 0;
}
.navbar hr {
height:1px;
}
/***
*** Footer
***/
#footer {
display:block;
background-color:#FFF;
height:30px;
padding-top:25px;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
margin:0;
background-image: url(pix/footer_image.png);
background-repeat:no-repeat;
background-position:center;
}
#footer_bot {
display:block;
height:30px;
}
#footer br {
display:none
}
#footer hr {
display:none
}
#footer .sitelink {
margin:0.5em 0
}
#footer .homelink {
margin:0.5em
}
#footer .homelink a {
border-width:1px
}
td#footer a, td#footer a:link {
color: #fff;
text-decoration:underline;
}
td#footer a:hover {
text-decoration:none;
}
/***
*** Content
***/
#content {
clear:both;
margin:0 12px
}
#course-view #content,
#site-index #content {
margin:0
}
#user-edit .userpicture,
#user-view .userpicture {
margin-top:10px
}
/***
*** Admin
***/
.logtable th.header {
border-left:1px solid;
border-right:1px solid;
}
#user-edit #content .generalbox,
#user-view .userinfobox tr {
border-top:0 none
}
/***
*** Blocks
***/
.sideblock,
.sideblock .searchform {
text-align:left
}
.sideblock .header .hide-show img.hide-show-image {
margin-top:0.1em;
}
.sideblock .searchform a {
line-height:1.5em
}
#left-column .sideblock {
margin:0
}
#left-column .sideblock .header,
#left-column .sideblock .content,
#right-column .sideblock .header,
#right-column .sideblock .content {
border:0 none
}
#right-column .sideblock .content {
padding:0.2em 0.7em
}
#left-column .sideblock .header {
border-bottom:1px solid
}
#left-column .sideblock .list .r0,
#left-column .sideblock .list .r1 {
height: auto;
}
#left-column .sideblock .list td {
vertical-align:middle;
border-bottom:1px solid
}
.sideblock .header .title {
padding:4px;
margin:0;
height:43px;
width:210px;
background-image: url(pix/block_bg.png);
background-position: top left;
background-repeat:repeat-x;
}
#right-column .sideblock {
margin-bottom:28px
}
.sideblock .head {
margin-top:0.5em
}
.sideblock .link {
margin:0.3em 0;
border-bottom:1px solid
}
.sideblock .post {
margin-top:0.5em;
padding-bottom:0.2em;
border-bottom:1px solid
}
.block_rss_client .link {
border-top:0 none;
font-size:10px;
}
/***
*** Calendar
***/
#calendar .today,
.minicalendar .today {
padding-top:0;
padding-bottom:0;
border:1px solid !important
}
#calendar .maincalendar .calendarmonth {
width:75%
}
/***
*** Course
***/
.coursebox {
border: 3px solid #CCCCCC;
margin:10px;
padding:10px;
width:90%;
}
table.forumpost {
border: 3px solid #CCCCCC;
margin:10px;
padding:10px;
width:400px;
}
.name, .subject {
font-size:18px;
font-weight:bold;
padding:5px;
}
#site-index .headingblock {
border:0 none
}
#course-view .headingblock {
margin-left:1em;
padding-left:0.7em;
border:0 none;
border-left:1.2em solid
}
#course-view .topics {
margin:0 0.5em 0 1em
}
#course-view .section .left {
width:0.8em
}
#course-view .section .right {
width:30px
}
/*#course-view .section .left a {
display:none
}*/
#course-view .section .spacer {
height:2em
}
#course-view .section .activity .spacer {
height:12px
}
#course-view .section .content .section {
margin-top:0;
margin-left:0.7em
}
#course-view .section .content .section .activity {
padding:0.3em 0.2em 0.2em;
border-bottom:1px solid
}
.course .section .content .summary {
margin:0 0 0 0.7em
}
#course-view .section .content .section .label img {
margin-right:1em;
margin-bottom:1em
}
#course-user #content,
#mod-forum-user #content {
padding-bottom:0.2em
}
/***
*** Login
***/
.loginbox {
margin-top:12px
}
/***
*** Modules:Forum
***/
.forumheaderlist {
width:90%;
margin-left:auto;
margin-right:auto
}
.forumheaderlist .header {
border-left:1px solid;
border-right:1px solid
}
#mod-forum-index .generalbox {
width:100%
}
/***
*** Modules:Glossary
***/
.glossarydisplay {
border-bottom:5px solid
}
.glossarypopup {
margin-top:0.5em
}
/***
*** Modules:Resource
***/
.mod-resource #content {
margin-top:1px
}
.subscription {
display:none;
}
#course-view .section .left a {
display:none
}
#highlighted {
border:1px #922100 solid;
padding:3px;
}
/*** USER BAR ***/
/*
this will expand the default garland bar, make it bigger so our form and message can fit in.
*/
#writing_banner {
background-color:#333333;
color:#CCCCCC;
font-weight:.9em;
padding:3px;
height:23px;
}
#writing_banner a: {
color:#999999;
}
#writing_banner a:link {
color:#999999;
}
#writing_banner a:hover {
color:#d6d6d6;
text-decoration:none;
}
#navigation {
}
/*
by default, the default form adds some surrounding space, this cancels it
*/
#navigation div.form-item,
#navigation div.content {
margin: 0; padding: 0;
}
/*
this adds some space in top and bottom, so anything inside can look vertically
centered
*/
#user-bar {
padding: 0 0;
}
/*
by default, fields labels tries to reserve a whole line for itself, this
cancels that and and sends it to the left.
it also adds some space on the right and left of the label to look easy on
the eye.
*/
#user-bar label {
float: left;
margin-left: 10px;
margin-right: 2px;
}
/*
inputs too, they try to reserve a whole line for itself, this
cancels that and sends it to the left
*/
#user-bar input {
float: left;
}
/*
I don't like the required * (asterisks), so I hide them.
*/
#user-bar span.form-required {
display: none;
}
/*
the form submit button, it's so tight so we expand it a bit, and give it some
free space around.
*/
#user-bar input.form-submit {
margin-left: 10px;
padding: 0 .5em;
}
/*
now this is for the links list, lists by default tries to reserve a whole line
also they add space surrounding them. we cancel all that and send the list
to the right
*/
#user-bar div.item-list ul {
float: right;
margin: 0;
padding: 0;
margin-right: 10px;
}
/*
remember, stylign above was for the whole list, now for each item,
we all know each item in the list by default exists on a separate line, also
has that bullet on the left. we cancel all that. and makes all items sit beside
each other
*/
#user-bar div.item-list ul li {
float: left;
background: none;
margin: 0 5px;
padding: 0 10px;
border: 1px solid #CCCCCC;
color:#CCCCCC;
list-style:none;
font-size:10pt;
}
/*
this is the "Hi user, welcome back message".
by default tries to exist on a separate line, we cancel that.
also by default
has some surrounding space, we cancel that too, and give it
only space on the left.
*/
#navigation p.user-info {
float: left;
padding: 0;
margin: 0 0 0 10px;
}
#user-bar p.user-info a: {
color:#FFFFFF;
}
#user-bar p.user-info a:link {
color:#FFFFFF;
}
#user-bar p.user-info a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#user-bar p.user-info a:visited {
color:#FFFFFF;
text-decoration:none;
}
#user-bar div.item-list ul li a: {
color:#FFFFFF;
}
#user-bar div.item-list ul li a:link {
color:#FFFFFF;
}
#user-bar div.item-list ul li a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#user-bar div.item-list ul li a:visited {
color:#FFFFFF;
}
.form-text {
margin:0 5px 0 0;
}
tr.section h3 {
margin:5px;
color:#000;
font-family:"Trebuchet MS", Tahoma, Verdana;
font-size:24px;
font-weight:bold;
padding:5px;
}
tr.section h3.summary a {
color: #000;
}
.box {
border:none;
}
td#right-column a {
color: #225570;
}
.list .description, .list .link {
font-size:12px;
}
#course-view .section td.side, #course-view .section td.content, #course-view .section .content .section .activity {
border:none;
}
#course-view .headingblock {
display:none;
}/***** default/styles_layout.css end *****/
/***** default/user_styles.css start *****/
td.courseboxcontent {
font-family: verdana, sans-serif;
font-weight: normal;
font-style: italic;
text-decoration: underline;
background-color: #99ff99;
background-image: none;
border-width: 1px;
border-style: groove;
border-color: red;
}
div#content {
font-size: 0.85em;
color: #2c2c2c;
}
/*td#left-column div.sideblock div.content {
border-right-width: 1px;
border-right-style: dashed;
border-right-color: #CCCCCC;
}
td#right-column div.sideblock div.content {
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #CCCCCC;
}*/
table.generaltable th.header {
border-style: none;
}
div.headingblock {
color: #330000;
font-family: verdana, arial, helvetica, sans-serif;
border-style: none;
}
body#site-index {
color: #000099;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
font-style: normal;
}
div.navbar {
color: #0066cc;
font-family: verdana, arial, helvetica, sans-serif;
border-style: none;
}
a {
color: #660066;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #f90;
text-decoration: underline;
font-family: verdana, arial, helvetica, sans-serif;
}
h4 {
color: #660000;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-style: normal;
}
td.today {
color: #cc0099;
font-weight: bold;
font-style: normal;
}
table.logtable th.header {
background-color: #009900;
color: #EEEEEE;
}
table.sitetopic td.sitetopiccontent h4 {
background-color: #99ccff;
padding: 0.3em 0.5em;
}
td#middle-column p {
color: #353535;
}
div.block_course_summary {
border-width: 1px;
border-style: dashed;
border-color: #FCFCFC;
}
body#mod-forum-discuss table.forumpost td.content {
border-style: none;
}
body.mod-forum table.forumpost td.content {
border-width: medium;
border-style: none;
border-color: inherit;
}
body#mod-forum-discuss table.unread td.content {
border-color: #009900;
}
div.block_calendar_month {
background-color: transparent;
}
/*div#header-home div.headermain:after {
font-size: 8pt;
padding: 2px;
}*/
body.mod-forum div#page {
background-color: TRANSPARENT;
}
tbody td.c1 {
background-color: transparent;
}
body#course-teacher h2:after {
padding: 10px;
}
div.sideblock tr.weekdays {
font-size: 0.8em;
font-family: georgia, verdana, arial, helvetica, sans-serif;
}
/*div#header div.headermain {
font-size: 2em;
}*/
div.sideblock table.minicalendar td.day {
font-family: georgia, verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
}
table#layout-table div.sideblock div.title {
font-weight: bold;
color: #353535;
}
div.sideblock div.content table.list td.c0 {
display: none;
}
div.sideblock div.content center {
text-align: left;
}
div.sideblock div.footer {
text-align: left;
}
td#middle-column {
color: #353535;
}
body.mod-forum table.forumheaderlist th {
border-style: none;
}
body.mod-forum table.forumheaderlist {
border-style: none;
}
body.mod-forum table.forumheaderlist td {
border-left-width: 1px;
border-top-width: 1px;
border-style: dashed none none dashed;
border-top-color: #cccccc;
border-left-color: #cccccc;
}
body.mod-forum table.forumpost td {
border-style: none;
}
body.mod-forum table.forumpost {
border-width: 1px;
border-style: dashed;
border-color: #cccccc;
}
body#mod-forum-discuss div#content {
margin-top: 5px;
}
div#content select {
background-color: #FAFAFA;
}
select {
border-top-width: 1px;
border-left-width: 1px;
border-style: solid none none solid;
border-top-color: #cccccc;
border-left-color: #cccccc;
}
table.generalbox {
border-width: 1px;
border-style: dashed;
border-color: #cccccc;
}
body#course-view tr.section td.content table.section td.activity {
border-bottom-width: 1px;
border-style: none none dashed;
border-bottom-color: #ff6600;
}
body#mod-wiki-view div#content {
margin-top: 5px;
}
table.tabs td.selected {
background-color: #ccff00;
}
table.tabs td.active {
background-color: #eeeeee;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
}
table.userinfobox {
border-width: 1px;
border-style: dashed;
border-color: #cccccc;
}
div#footer {
font-size: 0.8em;
padding-top: 0.6em;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #FF6600;
}
td.sitetopiccontent h4 {
margin-bottom: 0;
margin-top: 5px;
}
table.sitetopic p {
margin-top: 0.4em;
margin-bottom: 1.5em;
}
table.forumheaderlist th.header {
text-align: left;
color: #666666;
padding-left: 0.2em;
}
table.forumheaderlist td.lastpost {
text-align: left;
}
body#course-user div.section {
background-color: #ffffff;
border-width: 1px;
border-style: dashed;
border-color: #cccccc;
}
td#left-column div.sideblock table.list td {
border-style: none;
}
table.minicalendar {
border-style: none;
}
td#middle-column div.headingblock {
border-left-style: none;
}
body#course-view div.headingblock {
display: none;
}
div.block_calendar_month tr.weekdays th {
padding: 0 1px 0 0;
}
tr.section td.content div form {
margin-top: 5px;
}
span.concept {
font-weight: bold;
}
div#footer div.homelink a {
font-weight: bold;
color: #006600;
}
div.structurehead {
color: #006600;
font-family: verdana, arial, helvetica, sans-serif;
}
acronym {
border-bottom-style: dotted;
border-bottom-color: #cc0000;
}
tr.section h2 {
margin: 0.1em 0.2em 0.2em;
color:#000000;
font-family:"Trebuchet MS", Tahoma, Verdana;
font-size:24px;
font-weight:bold;
padding:10px;
}
td#right-column div.sideblock {
margin-bottom: 2px;
}
h3.summary a {
display: block;
}
td#left-column {
padding: 8px 0 0 !important;
}
div.sideblock {
margin: 0;
}
table#layout-table {
margin: 0;
padding: 0;
}
td#right-column {
padding: 8px 0 0!important;
}
td#left-column div.sideblock div.header {
border-style: none;
}
td#left-column div#inst151 div.header {
background-color: #636784;
}
td#right-column div#inst156 div.header {
background-color: #636784;
}
div.sideblock div.title {
color: #ffffff;
}
td#left-column div.sideblock div.title {
color: #ffffff;
}
td#right-column div.sideblock div.title {
color: #ffffff;
}
tr.section h3.summary {
padding: 0px 5px 0 0;
margin:0;
}
tr.section h3.summary a {
color: #000;
}
tr.section h2.summary a {
color: #000;
}
tr.section h3.summary a:hover {
text-decoration: none;
}
tr#section-0 h3.summary {
background-color: #000;
color:#000000;
}
tr#section-0 h3.summary a {
color:#000000;
}
div.breadcrumb a {
color: #FFFFFF;
border:1px dashed #CCCCCC;
padding:2px;
}
div.breadcrumb a:hover {
color: #333333;
text-decoration:underline;
background-color:#CCCCCC;
border:1px dashed #CCCCCC;
padding:2px;
}
div.breadcrumb {
color: #FFFFFF;
font-weight: bold;
}
td#left-column div.sideblock {
margin-bottom: 2px;
}
.sideblock .header .hide-show img.hide-show-image {
background-image: url(pix/switch_minus.gif);
background-repeat: no-repeat;
}
.sideblock.hidden .header .hide-show img.hide-show-image {
background-image: url(pix/switch_plus.gif);
background-repeat: no-repeat;
}
td#right-column div.block_adminblock div.header {
background-position: right center;
}
/*div.block_html div.header {
background-color: #ffcc00;
}*/
div.block_html div.title {
color: #333333;
}
td#left-column div.block_html div.title {
color: #353535;
}
a:link {
color: #993300;
}
div.stretcher table.stretchedtab {
width: 100%;
}/***** default/user_styles.css end *****/