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(farbstreifen_moodle.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,
#course-view #middle-column .forumpost {
    border-width:0px;
    border-style:none;
}

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

#site-index #middle-column .headingblock,
#site-index #middle-column .forumpostheadertopic, 
#course-view #middle-column .headingblock,
#course-view #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 */
.headingblock {
    background-image:none;
    border-style:none;
}

.generaltableheader {
    background-image:none;
}


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

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

.outlineheadingblock {
    background-image:none;
    display:none;
}

.topicsoutlineside,
.topicsoutlinesidehighlight,
.topicsoutlinesidehidden {
    border-width:0px;
}

.topicsoutlineside p b,
.topicsoutlinesidehighlight p b,
.topicsoutlinesidehidden p b {
    display:none;
}

.topicsoutlinecontent,
.topicsoutlinecontenthighlight,
.topicsoutlinecontenthidden {
    margin:0.5em 0em;
    padding:0.5em 1em;
    border-width:0px 0px 0px 22px;
    border-style:solid;
}

.topicsoutlinecontent span.unread,
.topicsoutlinecontenthighlight span.unread,
.topicsoutlinecontenthidden span.unread {
    padding:0em;
    margin-left:0.8em;
}

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

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

.weeklyoutlinesidehidden {
    border-width:1px;
    border-style:dashed;
}

.weeklyoutlinecontent {
    border-width:0px;
    border-top:1px;
    border-bottom:1px;
    border-style:solid;
}

.weeklyoutlinecontenthighlight {
    border-width:0px;
    border-top:1px;
    border-bottom:1px;
    border-style:solid;
}

.weeklyoutlinecontenthidden {
    border-width:0px;
    border-top:1px;
    border-bottom:1px;
    border-style:dashed;
}

.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;
    margin-left:auto;
    margin-right:auto;
    border:1px solid;
}

#forum-post {
    margin:0px;
    width:auto;
}

.unread {
    border-width:1px 0px;
    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
***
******************************/
TABLE.calendarmini {
	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.calendarmini 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.calendarmini THEAD TD {
    vertical-align:center;
}

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

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

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

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

.cal_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 .cal_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.cal_event_description {
	width:80%;
	border-left:2px solid;
	vertical-align:top;
	padding:5px;
}

.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;
}


/*****************************
***
*** Blocks
***
******************************/
/* sideblock */
.sideblock {
    width:100%;
    border-width:1px 1px 1px 1px;
    border-style:solid;
}

.sideblockheading {
    background-image:none;
    padding:0px 5px;
    border-width:1px 0px 0px 1px;
    border-style:solid;
}

.sideblockheading a {
    cursor:pointer;
    border-bottom:none;
}

.sideblockheading a img {
    padding-top:0.5em;
}

.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 .sideblockheading,
#left-column .sideblock {
    border-width:0px 0px 0px 1px;
}

#left-column .sideblocklinks {
    padding-left:5px;
    border-width:0px 0px 1px 0px;
    border-style:solid;
}

#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;
}