mirror of
https://github.com/moodle/moodle.git
synced 2025-02-09 01:21:57 +01:00
c24a1ccd08
How it works:
_ within the "sideblockheading" a DIV with class="hide-show" holds a link calling the JS containerDisplaySwitching(). To the user it's represented by the icon "switch.gif" (a plus in a square) at the right end side of the header.
_ all content of the sideblock is surounded by a new <div class="blockcontent" id="'.$attributes['id']."_cont\">"
_ a call of the JS containerDisplaySwitching() changes the state of the appropriate DIV with the content to "display:none/inline" and writes this state into a cookie.
_ at the end of every block I added a call to the JS "containerDisplaySet()". This reads the block's state and hides the content or leaves it visible with every page load.
_ in the stylesheet I added the positioning of the icon:
.sideblockheading .hide-show {
float:right;
}
.sideblockheading a img.hide-show-image {
padding-top:0.25em;
}
519 lines
8.2 KiB
CSS
519 lines
8.2 KiB
CSS
/*************************************************
|
|
***
|
|
*** 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;
|
|
}
|
|
|
|
|
|
/* general styles */
|
|
th {
|
|
background-image:url(gradient.jpg);
|
|
background-position:top;
|
|
background-repeat:repeat-x;
|
|
}
|
|
|
|
form {
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
|
|
/* header styles */
|
|
#header-home {
|
|
padding:1em 0.5em;
|
|
height:2em;
|
|
}
|
|
|
|
#header {
|
|
padding:0.1em 0.5em;
|
|
}
|
|
|
|
.headermain {
|
|
float:left;
|
|
}
|
|
|
|
#header .headermain {
|
|
margin:0.2em 0em;
|
|
}
|
|
|
|
.headermenu {
|
|
float:right;
|
|
}
|
|
|
|
#nav-bar {
|
|
padding:3px 0.5em;
|
|
height:1.3em;
|
|
background-image:url(gradient.jpg);
|
|
background-position:top;
|
|
background-repeat:repeat-x;
|
|
}
|
|
|
|
#breadcrumb {
|
|
float:left;
|
|
margin:0.2em 0em;
|
|
}
|
|
|
|
#navbutton {
|
|
float:right;
|
|
}
|
|
|
|
|
|
/* footer styles */
|
|
|
|
|
|
/*****************************
|
|
***
|
|
*** content styles
|
|
***
|
|
******************************/
|
|
/* many places */
|
|
.generalbox {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
.noticebox {
|
|
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;
|
|
}
|
|
|
|
.userinfoboxside,
|
|
.userinfoboxsummary,
|
|
.userinfoboxlinkcontent { }
|
|
|
|
|
|
/* weblib.php table */
|
|
.tabledivider {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-left:0px;
|
|
border-right:0px;
|
|
border-top:0px;
|
|
}
|
|
|
|
|
|
/* entry-page index.php */
|
|
.sitetopic {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
|
|
/*****************************
|
|
***
|
|
*** Admin
|
|
***
|
|
******************************/
|
|
/* admin, calendar */
|
|
table.formtable td {
|
|
padding:9px;
|
|
}
|
|
|
|
|
|
/*****************************
|
|
***
|
|
*** Course
|
|
***
|
|
******************************/
|
|
/* course, entry-page, login */
|
|
.headingblock {
|
|
background-image:url(gradient.jpg);
|
|
background-position:top;
|
|
background-repeat:repeat-x;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
|
|
/* course */
|
|
.outlineheadingblock {
|
|
background-image:url(gradient.jpg);
|
|
background-position:top;
|
|
background-repeat:repeat-x;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.weeklyoutlinecontent,
|
|
.topicsoutlinecontent {
|
|
border-width:1px;
|
|
border-left:0px;
|
|
border-right:0px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.weeklyoutlinecontenthighlight,
|
|
.topicsoutlinecontenthighlight {
|
|
border-width:1px;
|
|
border-left:0px;
|
|
border-right:0px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.weeklyoutlinecontenthidden,
|
|
.topicsoutlinecontenthidden {
|
|
border-width:1px;
|
|
border-left:0px;
|
|
border-right:0px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.categoryboxcontent,
|
|
.courseboxcontent {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
|
|
/*****************************
|
|
***
|
|
*** Activities
|
|
***
|
|
******************************/
|
|
/* assignment, forum, glossary */
|
|
.forumheaderlist,
|
|
.forumpost {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.forumpostindent {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.unread {
|
|
padding-right:2px;
|
|
}
|
|
|
|
|
|
/* calendar, course, weblib,php, attandance
|
|
dialouge, exercise, forum, lesson, quiz */
|
|
.generaltableheader {
|
|
background-image:url(gradient.jpg);
|
|
background-position:top;
|
|
background-repeat:repeat-x;
|
|
}
|
|
|
|
|
|
/* glossary, wiki */
|
|
.generaltab,
|
|
.generaltabselected {
|
|
background:none;
|
|
}
|
|
|
|
|
|
/* message */
|
|
.message_link {
|
|
vertical-align:center;
|
|
}
|
|
|
|
.message_search_results {
|
|
border-collapse:collapse;
|
|
border-spacing:0px;
|
|
}
|
|
|
|
table.message_search_results td {
|
|
padding:5px;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
|
|
/* quiz */
|
|
.feedbacktext {
|
|
display:block;
|
|
}
|
|
|
|
|
|
/*****************************
|
|
***
|
|
*** Calendar
|
|
***
|
|
******************************/
|
|
/* calendar */
|
|
table.calendarmini {
|
|
width:100%;
|
|
margin:0px;
|
|
padding:2px;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
table.calendarmini thead td {
|
|
vertical-align:center;
|
|
}
|
|
|
|
table.calendarmini tbody td {
|
|
border-width:2px;
|
|
border-style:solid;
|
|
vertical-align:center;
|
|
}
|
|
|
|
table.calendarmonth thead td {
|
|
padding-bottom:3px;
|
|
border-bottom:2px solid;
|
|
vertical-align:center;
|
|
}
|
|
|
|
table.calendarmonth tbody td {
|
|
width:14%;
|
|
border-width:2px;
|
|
border-style:solid;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.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 .cal_filters thead td {
|
|
margin:0px;
|
|
padding:2px;
|
|
border-bottom:2px solid;
|
|
}
|
|
|
|
table.calendarmonth tbody td table,
|
|
table.calendarmonth tbody td div {
|
|
margin-top:0px;
|
|
margin-left:0px;
|
|
}
|
|
|
|
table.calendarmonth tbody td table td,
|
|
a img {
|
|
border:none;
|
|
}
|
|
|
|
.mycalendar .cal_event_table,
|
|
table.calendarmonth,
|
|
.mycalendar table.cal_filters {
|
|
width:100%;
|
|
margin:0px;
|
|
padding:2px;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.mycalendar hr {
|
|
height:1px;
|
|
margin-top:4px;
|
|
margin-bottom:4px;
|
|
border:none;
|
|
border-top:1px solid;
|
|
}
|
|
|
|
td.cal_event_description {
|
|
width:80%;
|
|
padding:5px;
|
|
vertical-align:top;
|
|
border-left:2px solid;
|
|
}
|
|
|
|
.cal_popup_bg {
|
|
padding:0px;
|
|
margin:0px;
|
|
background-image:url(gradient.jpg);
|
|
background-position:top;
|
|
background-repeat:repeat-x;
|
|
border:2px solid;
|
|
}
|
|
|
|
.cal_popup_close {
|
|
margin-right:5px;
|
|
}
|
|
|
|
.eventfull {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.eventfullpicture {
|
|
padding:8px;
|
|
}
|
|
|
|
|
|
/*****************************
|
|
***
|
|
*** Blocks
|
|
***
|
|
******************************/
|
|
/* block_rss_client.php */
|
|
.rssclientlink {
|
|
padding-bottom:5px;
|
|
border-top:1px solid;
|
|
}
|
|
|
|
.rssclientdescription {
|
|
padding-left:10px;
|
|
padding-bottom:8px;
|
|
}
|
|
|
|
|
|
/* sideblock */
|
|
.sideblock {
|
|
width: 100%;
|
|
margin-bottom:1em;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.sideblockheading {
|
|
background-image:url(gradient.jpg);
|
|
background-position:top;
|
|
background-repeat:repeat-x;
|
|
}
|
|
|
|
.sideblockheading .hide-show {
|
|
float:right;
|
|
}
|
|
|
|
.sideblockheading a img.hide-show-image {
|
|
padding-top:0.25em;
|
|
}
|
|
|
|
.sideblockmain hr {
|
|
height:1px;
|
|
margin-top:4px;
|
|
margin-bottom:4px;
|
|
border:none;
|
|
border-top:1px solid;
|
|
}
|
|
|
|
|
|
/* sideblock weblib.php */
|
|
#block_course_summary .sideblockmain {
|
|
padding:10px;
|
|
}
|
|
|
|
/* block_quiz_results.php */
|
|
#block_quiz_results {
|
|
text-align: center;
|
|
}
|
|
|
|
#block_quiz_results table.grades {
|
|
width: 100%;
|
|
border-spacing: 0px;
|
|
border-collapse: collapse;
|
|
text-align: left;
|
|
}
|
|
|
|
#block_quiz_results table.grades caption {
|
|
font-weight: bold;
|
|
margin: 1em 0px 0px 0px;
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
#block_quiz_results table.grades .number, #block_quiz_results table.grades .grade {
|
|
width: 10%;
|
|
text-align: right;
|
|
}
|
|
|
|
#block_quiz_results h1 {
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
margin: 4px;
|
|
}
|
|
|
|
/*****************************
|
|
***
|
|
*** Doc
|
|
***
|
|
******************************/
|
|
|
|
/* contents.php */
|
|
|
|
body#doc-contents h1 {
|
|
font-size: 1em;
|
|
margin: 1em 0px 0px 0px;
|
|
}
|
|
|
|
body#doc-contents ul {
|
|
list-style-type: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 0.8em;
|
|
width: 90%; /* try it on IE without this and see what happens */
|
|
}
|
|
|
|
body#course-view .unread {
|
|
margin-left: 3em;
|
|
}
|
|
|
|
body#admin-index .c0 {
|
|
vertical-align: top;
|
|
background: #FAFAFA;
|
|
}
|