styles_layout.css

/*  $Id$ */

/************************************************* 
***
*** layout
***
**************************************************/

/*************************************************
***
*** This CSS file contains all layout definitions
*** like positioning, floats,
*** margins, paddding,
*** borders etc.
***
*** Shortindex:
*** basic and general styles
*** header and footer styles
*** content styles (alphabetically)
*** admin, course, activities, calendar, blocks
*** 
*** Please sort new styles for existing content
*** into the appropriate part of this CSS file.
*** Styles for new Blocks or Activities please
*** place at the end.
*** Wouldn't the alphabetical order be better?
***
**************************************************/

/* basic styles */
.clearer {
    clear:both;
    margin:0px;
    padding:0px;
    height:1px;
    border:none;
    background:transparent;
}

a.autolink:link {
	border-bottom:dashed 1px;
	cursor:help;
}

a.autolink:visited {
	border-bottom:dashed 1px;
	cursor:help;
}

a.autolink:hover {
	border-bottom:solid 1px;
	cursor:help;
}


/* general styles */
body {
	behavior:url(/htc/csshover.htc);
    margin:10px;
}

ul {
   margin-bottom:5px;
   margin-top:0px;
}

form {
    margin-bottom:0px;
}

a img {
    border:none;
}

input {
	background:transparent;
}


/* header styles */
#header-home {
    padding:0.5em 0.5em;
    height:2em;
}

#header,
#header-main,
#nav-bar {
    margin:0px;
}

#header {
    padding:0.1em 0.5em;
    height:50px;
}

.headermain {
    float:left;
}

#header .headermain {
    margin:0.2em 0em;
}

.headermenu {
    float:right;
    padding:0px;
    margin:0px,
}

#nav-bar {
    background-image:url(colorstrip.gif);
    background-position:left;
    background-repeat:no-repeat;
    margin-bottom:0px;
    padding:1px 0.5em;
    height:3em;
}

#breadcrumb {
    float:left;
    padding-top:13px;
    margin:0.2em 0em;
}

#navbutton {
    float:right;
    padding-top:13px;
    margin:0.2em 0em;
}

#nav-bar hr {
    height:1px;
}


/* footer styles */
#footer br {
    display:none;
}

#footer HR {
    display:none;
}


/*****************************
***
*** content styles
***
******************************/
#content {
    margin:0px;
    padding:0px;
    border:thin solid;
}


/* many places */
.generalbox {
    margin-left:auto;
    margin-right:auto;
    border-width:1px;
    border-style:solid;
}

.generalboxcontent {
    background-image:none;
}

.noticebox {
    border-width:1px;
    border-style:solid;
}


/* weblib.php table */
.tabledivider {
    border-width:1px;
    border-style:solid;
    border-left:0px;
    border-right:0px;
    border-top:0px;
}


/* entry page */
#site-index #left-column,
#site-index #left-column .sideblock {
    width:250px !important;
}

#site-index #middle-column {
    width:auto;
    padding:0em 2.5em;
}

#site-index #right-column {
    width:30%;
}

#site-index #middle-column .forumpost {
    border-width:0px;
    border-style:none;
}

#site-index #middle-column .forumpostpicture,
#site-index #middle-column .forumpostside {
    display:none;
}

#site-index #middle-column .headingblock,
#site-index #middle-column .forumpostheadertopic {
    padding:1em;
    border-width:0px 0px 0px 25px;
    border-style:solid;
}


/* entry-page index.php */ 
.sitetopic,
.siteinfo  {
    border-width:1px;
    border-style:solid;
}


/* summary of a user in a nice little box - weblib.php */
.userinfobox {
    margin-bottom:5px;
    border-width:1px;
    border-style:solid;
}


/*****************************
***
*** Admin
***
******************************/
/* admin, calendar */
table.formtable td {
    padding:9px;
}


/* admin */
.admin #content,
.admin .generalboxcontent,
.admin .generalbox {
    width:auto;
}


/*****************************
***
*** Course
***
******************************/
/* course, entry-page, login */
.generaltableheader {
    background-image:none;
}


/* course */
#layout-table {
    width:100%;
    border-spacing:5px;
    border-collapse:separate;
}

#layout-table tr,
#layout-table td {
    vertical-align:top;
}

#left-column,
#right-column {
    margin:0px;
    padding:0px;
    border:0px;
}

#middle-column {
    padding:0px 15px;
}

#course-view .headingblock {
    background-image:none;
    border-style:none;
    margin-left:2px;
    padding-left:1.5em;
    border-left:1.5em solid;
}

#course-view .activity {
    border:0px none;
}

#course-view .section td {
    vertical-align:top;
}

#course-view .section .content {
    padding:0px 1em;
}

#course-view .section .side {
}

#course-view .section .left {
    width:0em;
    padding:0em;
    border-left:1.5em solid;
}

#course-view .section .right {
    width:2em;
    padding:0.5em;
    text-align:center;
}

#course-view .current .side {
}

#course-view .topics {
    margin-top:9px;
}

#course-view .weeks {
    margin-top:9px;
}

#course-view .section .spacer {
    height:2em;
}

#course-view .section .weekdates {
}

.categorybox {
    border-width:1px;
    border-style:solid;
}

.courseboxcontent {
    border-width:1px;
    border-style:solid;
}


/*****************************
***
*** Activities
***
******************************/
/* assignment, forum, glossary */
.forumpost,
.forumheaderlist {
    border-width:1px;
    border-style:solid;
}


/* forum */
.forum {
    position:relative;
    /*width:45em;*/
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border:1px solid;
}

/* new */
.forumheaderlist,
.forumpost {
    width:100%;
    border-width:1px;
    border-style:solid;
    border-collapse:separate;
}

.forumpost {
    margin-top:15px;
}

.forumpost .topic {
    padding:4px;
}


.forumpost .commands {
    padding-top:0.5em;
    text-align:right;
}

.forumpost .ratings {
    padding-top:1em;
    text-align:right;
}

.forumpost .content {
    padding:4px;
}

.forumpost .footer {
    padding-top:0.5em;
    text-align:right;
}

.forumpost .left {
    width:35px;
    padding:4px;
    text-align:center;
    vertical-align:top;
}

.forumpostindent {
    margin-left:45px;
}

.unread {
    margin-left:1em;
    border-width:0px 0px 1px 3px;
    border-style:solid;
}

/* glossary */
.glossary {
    position:relative;
    width:45em;
    margin-left:auto;
    margin-right:auto;
    border:1px solid;
}

#glossary-edit {
    margin:0px;
    width:auto;
}

.glossary .generaltab,
.glossary .generaltabselected  {
    padding:0px 1px;
}

.glossary table {
    width:100%;
}


/* quiz */
table.quiz td {
    padding-top:0.1em;
    line-height:1.7em;
}

table.quiz input {
    height:1.7em;
    padding-top:0.1em;
    vertical-align:top;
}


/* wiki */
.wiki {
    border-width:1px;
    border-style:solid;
}

.mwiki .view {
    margin-left:auto;
    margin-right:auto;
    width:35em;
}

.mwiki .edit {
    margin-right:auto;
    margin-left:auto;
    padding:0em;
}

.wiki .title {
	padding:3px;
	border:1px solid;
}

.wiki .upload {
    padding-top:1em;
}

#wikiPageActions {
    position:relative;
    width:auto !important;
    margin:auto;
}

#wikiPageActions td {
    text-align:left !important;
}

#wikiPageActions INPUT {
    padding:0px;
    margin:0px;
}

.mwiki {
    position:relative;
    width:45em;
    margin-left:auto;
    margin-right:auto;
    border:1px solid;
}


/*****************************
***
*** Calendar
***
******************************/
body.calendar #calendar tr,
body.calendar #calendar td {
    vertical-align:top;
}

body.calendar #calendar td.maincalendar {
    padding:0px 2em;
}

body.calendar #calendar td.maincalendar .buttons {
    float:right;
}

body.calendar #calendar table.calendarmonth {
    padding:1em 0px;
}

TABLE.minicalendar {
	width:100%;
    margin:0px;
    padding:0px;
    border-width:1px;
    border-style:solid;
}

TABLE.calendarmonth {
	width:100%;
    margin:0px;
    padding:0px;
    border-width:1px;
    border-style:solid;
}

TABLE.minicalendar TBODY TD {
    width:14%;
    border-width:1px 0px;
    border-style:none;
    vertical-align:center;
}

TABLE.calendarmonth TBODY TD {
    width:14%;
    border-width:1px;
    border-style:solid;
    vertical-align:top;
}

TABLE.calendarmonth TBODY TD TABLE {
	margin-top:0px;
	margin-left:0px;
}

TABLE.calendarmonth TBODY TD TABLE TD {
    background:none;
    border:none;
}

TABLE.calendarmonth TBODY TD DIV {
	margin-top:0px;
	margin-left:0px;
}

TABLE.minicalendar THEAD TD {
    vertical-align:center;
}

TABLE.calendarmonth THEAD TD {
    padding-bottom:3px;
    border-bottom:2px solid;
    vertical-align:center;
}

.event_global {
	border:2px solid !important;
}

.event_course {
	border:2px solid !important;
}

.event_group {
	border:2px solid !important;
}

.event_user {
	border:2px solid !important;
}

.cal_duration_global {
	border-top:2px solid !important;
	border-bottom:2px solid !important;
}

.cal_duration_course {
	border-top:2px solid !important;
	border-bottom:2px solid !important;
}

.cal_duration_user {
	border-top:2px solid !important;
	border-bottom:2px solid !important;
}

.cal_duration_group {
	border-top:2px solid !important;
	border-bottom:2px solid !important;
}

.cal_today {
	border:2px solid !important;
}

.mycalendar TABLE.cal_filters {
    margin:0px;
    padding:2px;
	width:100%;
    border-width:1px;
    border-style:solid;
}

.mycalendar .cal_filters THEAD TD {
    margin:0px;
    padding:2px;
	border-bottom:2px solid;
}

.mycalendar .event_table {
    margin:0px;
    padding:2px;
	width:100%;
    border-width:1px;
    border-style:solid;
}

.mycalendar HR {
	height:1px;
	border:none;
	border-top:1px solid;
	margin-top:4px;
	margin-bottom:4px;
}

TD.event_description {
	width:80%;
	border-left:2px solid;
	vertical-align:top;
	padding:5px;
}

#calendar .today,
.minicalendar .today {
    border:1px solid !important;
}

.cal_popup_bg {
	padding:0px;
	margin:0px;
	border-top:2px solid;
	border-left:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;
}

.cal_popup_close {
	margin-right:5px;
}

.eventfull {
    border-width:1px;
    border-style:solid;
}

.eventfullpicture {
    padding:8px;
}

table.calendar-controls {
    width:100%;
    text-align:center;
}

table.calendar-controls .previous,
table.calendar-controls .next
{
    width:12%;
}

#calendar .maincalendar .calendar-controls .previous,
#calendar .maincalendar .calendar-controls .next
{
    width:30%;
}


/*****************************
***
*** Blocks
***
******************************/
/* sideblock */
.sideblock {
    width:100%;
    border:0 none;
}

.sideblock .heading {
    background-image:none;
    padding:0px 5px;
    border:0 none;
}

.sideblock .heading .hide-show {
    float:right;
}

.sideblock .heading  .hide-show img.hide-show-image {
    height:11px;
    width:11px;
    padding-top:0.35em;
}

.sideblock .heading .hide-show img.hide-show-image {
    background:url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .sideblockheading .hide-show img.hide-show-image {
    background:url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

.sideblock.hidden .content {
    display:none;
}

.sideblock .heading .commands {
    float: right;
    padding-left:0.2em;
}

.sideblock .heading .commands a {
    cursor:pointer;
    border-bottom:none;
}

.sideblock .heading .commands a img {
    padding-top:0.5em;
}

.sideblock .list {
    width: 100%;
}

.sideblockmain HR {
	height:1px;
	border:none;
	border-top:1px solid;
	margin-top:4px;
	margin-bottom:4px;
}

#left-column .sideblock {
    margin-bottom:0;
}

#left-column .sideblockmain {
    padding:1px 0px;
}

#left-column .sideblock .heading,
#left-column .sideblock {
    border-width:0px 0px 0px 1px;
}

#left-column .sideblock .list {
    padding-left:5px;
}

#right-column .sideblock {
    margin:1em 0em 0.5em;
}


/* glossary random */
#block_glossary_random .sideblockheading,
#block_glossary_random .sideblockmain br,
#block_glossary_random .sideblockmain b {
    display:none;
}

#block_glossary_random .sideblockmain {
    text-align:center;
}


/* course summary */
#block_course_summary .sideblockmain {
    padding:10px;
}