|
|
| (27 intermediate revisions by 5 users not shown) |
| Line 1: |
Line 1: |
| {{stub}} | | {{Moved_to_dev_docs}} |
| CSS or Cascading Style Sheets are used to control the way web pages look.
| |
| | |
| Moodle 1.7 Standard theme CSS (just started editing this/Mauno)
| |
| == styles_color.css ==
| |
| This CSS file contains all color definitions like
| |
| background-color, font-color, border-color etc.
| |
| | |
| Styles are organised into the following sections:
| |
| | |
| core
| |
| header
| |
| footer
| |
| | |
| admin
| |
| blocks
| |
| calendar
| |
| course
| |
| doc
| |
| login
| |
| message
| |
| question
| |
| tabs
| |
| user
| |
| | |
| various modules
| |
| | |
| /***
| |
| *** Core
| |
| ***/
| |
| | |
| a:link,
| |
| a:visited {
| |
| color:#0000FF;
| |
| }
| |
| | |
| a.dimmed:link,
| |
| a.dimmed:visited {
| |
| color:#AAAAAA;
| |
| }
| |
| | |
| a:hover {
| |
| color:#FF0000;
| |
| }
| |
| | |
| a.autolink:link,
| |
| a.autolink:visited {
| |
| color:#000000;
| |
| background: #DDDDDD;
| |
| }
| |
| | |
| a.autolink.glossary:hover {
| |
| cursor: help;
| |
| }
| |
| | |
| img.userpicture,
| |
| img.grouppicture {
| |
| border-color:#000
| |
| }
| |
| | |
| .block_online_users .listentry img {
| |
| border:#888
| |
| }
| |
| | |
| body {
| |
| background-color:#FAFAFA;
| |
| }
| |
| | |
| th.header,
| |
| td.header,
| |
| div.header {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| .navbar {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| table.formtable tbody th {
| |
| background: none;
| |
| }
| |
| | |
| .highlight {
| |
| background-color:#AAFFAA;
| |
| }
| |
| | |
| .highlight2 {
| |
| color:#AA0000; /* highlight missing terms in forum search */
| |
| }
| |
| | |
| /* Alternate rows even */
| |
| .r0 {
| |
| }
| |
| | |
| /* Alternate rows odd */
| |
| .r1 {
| |
| }
| |
| | |
| /* notification messages (can be good or bad) */
| |
| .notifyproblem {
| |
| color:#660000;
| |
| }
| |
| .notifysuccess {
| |
| color:#006600;
| |
| }
| |
| .notifytiny {
| |
| color:#000044;
| |
| }
| |
| | |
| .required {
| |
| background-color:#DDDDDD;
| |
| }
| |
| | |
| .generalbox {
| |
| border-color:#DDDDDD;
| |
| }
| |
| .informationbox {
| |
| border-color:#DDDDDD;
| |
| }
| |
| .feedbackbox {
| |
| border-color: #888888;
| |
| }
| |
| .feedbackby {
| |
| background-color:#BBBBBB;
| |
| }
| |
| | |
| .noticebox {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| .errorbox {
| |
| color:#ffffff;
| |
| border-color:#660000;
| |
| background-color:#990000;
| |
| }
| |
| | |
| .errorboxcontent {
| |
| background-color:#FFBBBB;
| |
| }
| |
| | |
| .tabledivider {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| .sitetopic {
| |
| }
| |
| | |
| .sitetopiccontent {
| |
| border-color:#DDDDDD;
| |
| background-color:#FFFFFF;
| |
| }
| |
| | |
| .dimmed_text {
| |
| color:#AAAAAA;
| |
| }
| |
| | |
| .teacheronly {
| |
| color:#990000;
| |
| }
| |
| | |
| .unread {
| |
| background: #FFD991;
| |
| }
| |
| | |
| .censoredtext {
| |
| color:#000000;
| |
| background:#000000;
| |
| }
| |
| | |
| | |
| /* kept for backward compatibility with some non-standard modules
| |
| which use these classes for various things */
| |
| .generaltab, .generaltabinactive {
| |
| background-color:#BBBBBB;
| |
| }
| |
| .generaltabselected {
| |
| background-color:#DDDDDD;
| |
| }
| |
| .generaltabinactive {
| |
| color:#CCCCCC;
| |
| }
| |
| | |
| | |
| .generaltable .cell {
| |
| background-color:#FFFFFF;
| |
| border-color:#EEEEEE;
| |
| }
| |
| | |
| .generaltable {
| |
| border-color:#EEEEEE;
| |
| }
| |
| | |
| | |
| | |
| /***
| |
| *** Header
| |
| ***/
| |
| | |
| .breadcrumb .sep {
| |
| color:#aaa;
| |
| }
| |
| | |
| .headerskip a:link,
| |
| .headerskip a:visited,
| |
| .headerskip a:hover {
| |
| color: #FFF;
| |
| }
| |
| | |
| /***
| |
| *** Footer
| |
| ***/
| |
| | |
| /*Accessibility: .debugwarn */
| |
| .debugwarn {
| |
| text-align: center;
| |
| background: #FDD;
| |
| }
| |
| | |
| .homelink a:link,
| |
| .homelink a:visited,
| |
| .homelink a:hover {
| |
| color: #000;
| |
| text-decoration: none;
| |
| }
| |
| .homelink a:link,
| |
| .homelink a:visited {
| |
| border-top: 1px solid #cecece;
| |
| border-bottom: 2px solid #4a4a4a;
| |
| border-left: 1px solid #cecece;
| |
| border-right: 2px solid #4a4a4a;
| |
| }
| |
| .homelink a:hover {
| |
| border-bottom: 1px solid #cecece;
| |
| border-top: 2px solid #4a4a4a;
| |
| border-right: 1px solid #cecece;
| |
| border-left: 2px solid #4a4a4a;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Admin
| |
| ***/
| |
| | |
| .admin .generalboxcontent {
| |
| background-color:#EEEEEE;
| |
| }
| |
| | |
| .admin .generalbox {
| |
| border-color:#BBBBBB;
| |
| }
| |
| | |
| .admin .informationbox {
| |
| border-color:#BBBBBB;
| |
| background-color:#FFFFFF;
| |
| }
| |
| | |
| body#admin-index .c0 {
| |
| background-color: #FAFAFA;
| |
| }
| |
| | |
| body#admin-blocks table#blocks .r0,
| |
| body#admin-blocks table#incompatible .r0 {
| |
| background-color: #f0f0f0;
| |
| }
| |
| | |
| body#admin-blocks table#blocks .r1,
| |
| body#admin-blocks table#incompatible .r1 {
| |
| background-color: #fafafa;
| |
| }
| |
| | |
| body#admin-blocks table#incompatible td.c0 {
| |
| color: #ff0000;
| |
| }
| |
| | |
| table.flexible .r0 {
| |
| background-color: #f0f0f0;
| |
| }
| |
| | |
| table.flexible .r1 {
| |
| background-color: #fafafa;
| |
| }
| |
| | |
| #admin-report-simpletest-index span.notice {
| |
| color: teal;
| |
| }
| |
| | |
| #admin-report-simpletest-index b.pass {
| |
| color: green;
| |
| }
| |
| | |
| #admin-report-simpletest-index b.fail, b.exception {
| |
| color: red;
| |
| }
| |
| | |
| #admin-report-simpletest-index .exception, .exception pre {
| |
| background-color: #fdd;
| |
| }
| |
| | |
| #admin-report-simpletest-index .unittestsummary {
| |
| color: white;
| |
| }
| |
| | |
| #admin-report-simpletest-index .unittestsummary.fail {
| |
| background-color: red;
| |
| }
| |
| | |
| #admin-report-simpletest-index .unittestsummary.pass {
| |
| background-color: green;
| |
| }
| |
| | |
| #adminsettings fieldset {
| |
| background-color: #EEE;
| |
| border-color: #BBB;
| |
| color: #000;
| |
| }
| |
| | |
| #adminsettings .form-shortname {
| |
| color: #888;
| |
| }
| |
| | |
| .block_admin_tree.sideblock .link.current {
| |
| background-color:#EEEEEE;
| |
| }
| |
| | |
| /***
| |
| *** Blocks
| |
| ***/
| |
| | |
| .sideblock .header {
| |
| border-color: #dddddd;
| |
| }
| |
| | |
| .sideblock .content {
| |
| border-color: #dddddd;
| |
| background-color:#FCFCFC;
| |
| }
| |
| | |
| .sideblock .content hr {
| |
| border-top-color:#999999;
| |
| }
| |
| | |
| #left-column .hidden .header,
| |
| #right-column .hidden .header
| |
| {
| |
| border-bottom-color: #dddddd;
| |
| }
| |
| | |
| .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;
| |
| }
| |
| | |
| .blockconfigtable {
| |
| background-color:#FFFFFF;
| |
| border-left:1px solid;
| |
| border-right:1px solid;
| |
| border-bottom:1px solid;
| |
| border-color:#AAAAAA;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Blogs
| |
| ***/
| |
| | |
| .blogpost.blogdraft .content {
| |
| background-color:#EEEEEE;
| |
| }
| |
| | |
| .block_blog_tags .official {
| |
| color: #0000cc;
| |
| }
| |
| | |
| .block_blog_tags .personal {
| |
| color: #666699;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Calendar
| |
| ***/
| |
| | |
| #calendar .maincalendar,
| |
| #calendar .sidecalendar {
| |
| border-color: #DDDDDD;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth th {
| |
| border-color: #000000;
| |
| }
| |
| | |
| table.minicalendar {
| |
| border-color: #DDDDDD;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .topic,
| |
| #calendar .maincalendar .eventlist .event .picture,
| |
| #calendar .maincalendar .eventlist .event .side {
| |
| background-color:#EEEEEE;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth ul.events-underway {
| |
| color:#999999;
| |
| }
| |
| | |
| /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
| |
| .minicalendar a,
| |
| .calendarmonth a {
| |
| color:#000077;
| |
| }
| |
| | |
| #calendar .event_global,
| |
| .minicalendar .event_global,
| |
| .block_calendar_month .event_global {
| |
| border-color:#D6F8CD !important; /* #C5E7BC */
| |
| background-color:#D6F8CD;
| |
| }
| |
| | |
| #calendar .event_course,
| |
| .minicalendar .event_course,
| |
| .block_calendar_month .event_course {
| |
| border-color:#FFD3BD !important; /* #EEC2AC */
| |
| background-color:#FFD3BD;
| |
| }
| |
| | |
| #calendar .event_group,
| |
| .minicalendar .event_group,
| |
| .block_calendar_month .event_group {
| |
| border-color:#FEE7AE !important; /* #EDD69D */
| |
| background-color:#FEE7AE;
| |
| }
| |
| | |
| #calendar .event_user,
| |
| .minicalendar .event_user,
| |
| .block_calendar_month .event_user {
| |
| border-color:#DCE7EC !important; /* #CBD6DB */
| |
| background-color:#DCE7EC;
| |
| }
| |
| | |
| #calendar .duration_global,
| |
| .minicalendar .duration_global {
| |
| border-top-color:#66D14D !important;
| |
| border-bottom-color:#66D14D !important;
| |
| }
| |
| | |
| #calendar .duration_course,
| |
| .minicalendar .duration_course {
| |
| border-top-color:#FF9966 !important;
| |
| border-bottom-color:#FF9966 !important;
| |
| }
| |
| | |
| #calendar .duration_group,
| |
| .minicalendar .duration_group {
| |
| border-top-color:#FBBB23 !important;
| |
| border-bottom-color:#FBBB23 !important;
| |
| }
| |
| | |
| #calendar .duration_user,
| |
| .minicalendar .duration_user {
| |
| border-top-color:#A1BECB !important;
| |
| border-bottom-color:#A1BECB !important;
| |
| }
| |
| | |
| #calendar .weekend,
| |
| .minicalendar .weekend {
| |
| color:#990000;
| |
| }
| |
| | |
| #calendar .today,
| |
| .minicalendar .today {
| |
| border-color:#444444;
| |
| }
| |
| | |
| .cal_popup_fg {
| |
| background-color:#FFFFFF;
| |
| }
| |
| | |
| .cal_popup_bg {
| |
| border-color:#000000;
| |
| background-color:#FFFFFF;
| |
| }
| |
| | |
| #calendar .maincalendar .filters table,
| |
| #calendar .sidecalendar .filters table,
| |
| .block_calendar_month .filters table {
| |
| background-color: #EEEEEE;
| |
| }
| |
| | |
| | |
| | |
| /***
| |
| *** Course
| |
| ***/
| |
| | |
| /* course, entry-page, login */
| |
| .headingblock {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| /* course */
| |
| .headingblock .outline {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| #course-view .weekscss .section,
| |
| #course-view .section td {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| /* .content should match the body background, sides are white. */
| |
| #course-view .weekscss .content {
| |
| background: #FAFAFA;
| |
| }
| |
| | |
| #course-view .weekscss .section,
| |
| #course-view .section td.side {
| |
| background: #FFFFFF;
| |
| }
| |
| | |
| #course-view .section .side {
| |
| }
| |
| | |
| #course-view .section .left {
| |
| }
| |
| | |
| #course-view .section .right {
| |
| }
| |
| | |
| #course-view .weekscss .current,
| |
| #course-view .current td.side {
| |
| background: #FFD991;
| |
| }
| |
| | |
| #course-view .weekscss .hidden,
| |
| #course-view .hidden td.side {
| |
| background: #DDDDDD;
| |
| }
| |
| | |
| | |
| #course-view .topics {
| |
| }
| |
| | |
| #course-view .weeks {
| |
| }
| |
| | |
| #course-view .section .spacer {
| |
| }
| |
| | |
| #course-view .section .weekdates {
| |
| color: #777777;
| |
| }
| |
| | |
| #course-view .weekscss .weekdates {
| |
| color: #333333;
| |
| }
| |
| | |
| .categoryboxcontent,
| |
| .courseboxcontent {
| |
| border-color:#DDDDDD;
| |
| }
| |
| body#course-user .section {
| |
| border-color:#AAAAAA;
| |
| }
| |
| | |
| #admin-report .plugin,
| |
| #course-report .plugin,
| |
| #course-import .plugin {
| |
| margin-bottom: 20px;
| |
| margin-left:10%;
| |
| margin-right:10%;
| |
| | |
| border-bottom: 1px solid #cecece;
| |
| border-top: 1px solid #cecece;
| |
| border-right: 1px solid #cecece;
| |
| border-left: 1px solid #cecece;
| |
| | |
| background-color: #fdfdfd;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Doc
| |
| ***/
| |
| | |
| /***
| |
| *** Grades
| |
| ***/
| |
| | |
| body#grade-index .grades {
| |
| border-color:black;
| |
| }
| |
| | |
| body#grade-index .grades td {
| |
| border-color:#e0e0e0;
| |
| }
| |
| | |
| body#grade-index .grades .r0 {
| |
| background-color: #ffffff;
| |
| }
| |
| | |
| body#grade-index .grades .r1 {
| |
| background-color: #f0f0f0;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Login
| |
| ***/
| |
| | |
| .loginbox .content {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Message
| |
| ***/
| |
| | |
| table.message_search_results td {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| .message.other .author {
| |
| color: #8888CC;
| |
| }
| |
| | |
| .message.me .author {
| |
| color: #999999;
| |
| }
| |
| | |
| .message .time {
| |
| color: #999999;
| |
| }
| |
| | |
| .message .content {
| |
| }
| |
| | |
| /***
| |
| *** Question
| |
| ***/
| |
| | |
| .que {
| |
| border-color: #DDD;
| |
| }
| |
| .que .r0 {
| |
| background-color: #F5F5F5;
| |
| }
| |
| .que .r1 {
| |
| background-color: #EEE;
| |
| }
| |
| .calculated .answer,
| |
| .numerical .answer,
| |
| .shortanswer .answer,
| |
| .truefalse .answer {
| |
| background-color: #EEE;
| |
| }
| |
| .que .feedback {
| |
| border-color: #DDD;
| |
| }
| |
| .que.multianswer .incorrect {
| |
| background-color: #faa;
| |
| }
| |
| .que.multianswer .partiallycorrect {
| |
| background-color: #ff9;
| |
| }
| |
| .que.multianswer .correct {
| |
| background-color: #afa;
| |
| }
| |
| | |
| /***
| |
| *** Logs
| |
| ***/
| |
| | |
| .logtable .r1 {
| |
| background-color:#EEEEEE;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Tabs
| |
| ***/
| |
| | |
| .tablink a:link,
| |
| .tablink a:visited {
| |
| color:#000066;
| |
| }
| |
| | |
| .selected .tablink a:link,
| |
| .selected .tablink a:visited {
| |
| color:#000000;
| |
| }
| |
| .tabs .side,
| |
| .tabrow td {
| |
| border-color: #AAAAAA;
| |
| }
| |
| .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 {
| |
| background: transparent 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);
| |
| }
| |
| | |
| | |
| /***
| |
| *** User
| |
| ***/
| |
| | |
| .userpicture {
| |
| }
| |
| | |
| .userinfobox {
| |
| border-color: #DDDDDD;
| |
| }
| |
| .groupinfobox {
| |
| border-color: #DDDDDD;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Chat
| |
| ***/
| |
| | |
| #mod-chat-gui_header_js-jsupdate .text {
| |
| color:#000
| |
| }
| |
| #mod-chat-gui_header_js-jsupdate .event,
| |
| #mod-chat-gui_header_js-jsupdate .title {
| |
| color:#888
| |
| }
| |
| | |
| #mod-chat-gui_header_js-chatinput .wait {
| |
| background: #dddddd;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Choice
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Forum
| |
| ***/
| |
| | |
| .forumheaderlist,
| |
| .forumpost {
| |
| border-color:#DDDDDD;
| |
| }
| |
| | |
| .forumpost .content {
| |
| background: #FFFFFF;
| |
| }
| |
| | |
| .forumpost .left {
| |
| background:#EEEEEE;
| |
| }
| |
| | |
| .forumpost .topic {
| |
| border-bottom-color: #EEEEEE;
| |
| }
| |
| | |
| .forumpost .starter {
| |
| background:#DDDDDD;
| |
| }
| |
| | |
| .forumheaderlist .discussion .starter {
| |
| background:#DDDDDD;
| |
| }
| |
| | |
| .forumheaderlist td {
| |
| border-color: #FFFFFF;
| |
| }
| |
| | |
| .sideblock .post .head {
| |
| color:#555555;
| |
| }
| |
| | |
| .forumthread .unread {
| |
| background: #FFD991;
| |
| }
| |
| #mod-forum-discuss .forumpost {
| |
| background: none;
| |
| }
| |
| | |
| #mod-forum-discuss .forumpost.unread .content {
| |
| border-color: #FFD991;
| |
| }
| |
| | |
| #mod-forum-discuss .forumthread .unread {
| |
| }
| |
| | |
| #mod-forum-index .unread {
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Glossary
| |
| ***/
| |
| | |
| .entryboxheader {
| |
| border-color: #BBBBBB;
| |
| }
| |
| | |
| .entrybox {
| |
| border-color: #BBBBBB;
| |
| }
| |
| | |
| .entry {
| |
| }
| |
| | |
| .glossarypost {
| |
| border-color: #DDDDDD;
| |
| }
| |
| | |
| .glossarypost .entryheader,
| |
| .glossarypost .entryapproval,
| |
| .glossarypost .picture,
| |
| .glossarypost .entryattachment,
| |
| .glossarypost .left {
| |
| background-color: #F0F0F0;
| |
| }
| |
| | |
| .glossarycomment {
| |
| border-color: #DDDDDD;
| |
| }
| |
| | |
| .glossarycomment .entryheader,
| |
| .glossarycomment .picture,
| |
| .glossarycomment .left {
| |
| background-color: #F0F0F0;
| |
| | |
| }
| |
| | |
| #mod-glossary-report .generalbox .teacher {
| |
| background: #F0F0F0;
| |
| }
| |
| | |
| .categoryheader {
| |
| background-color: #dddddd;
| |
| }
| |
| | |
| .glossaryformatheader {
| |
| background-color: #dddddd;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Journal
| |
| ***/
| |
| | |
| #mod-journal-view .feedbackbox .left,
| |
| #mod-journal-view .feedbackbox .entryheader {
| |
| background-color: #dddddd;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Label
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Lesson
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Quiz
| |
| ***/
| |
| | |
| /* body#mod-quiz-report table#attempts td {
| |
| border-color: #dddddd;
| |
| }
| |
| body#mod-quiz-report table#attempts .r1 {
| |
| background-color: #eeeeee;
| |
| }
| |
| */
| |
| | |
| /***
| |
| *** Modules: Resource
| |
| ***/
| |
| | |
| .ims-nav-dimmed {
| |
| color: #AAAAAA;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .ims-nav-button a:link,
| |
| .ims-nav-button a:visited,
| |
| .ims-nav-button a:hover {
| |
| color: #000;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .ims-nav-dimmed,
| |
| .ims-nav-button a:link,
| |
| .ims-nav-button a:visited {
| |
| border-top: 1px solid #cecece;
| |
| border-bottom: 2px solid #4a4a4a;
| |
| border-left: 1px solid #cecece;
| |
| border-right: 2px solid #4a4a4a;
| |
| }
| |
| | |
| .ims-nav-button a:hover {
| |
| border-bottom: 1px solid #cecece;
| |
| border-top: 2px solid #4a4a4a;
| |
| border-right: 1px solid #cecece;
| |
| border-left: 2px solid #4a4a4a;
| |
| }
| |
| | |
| #ims-contentframe,
| |
| #ims-contentframe-no-nav {
| |
| border-color: #cecece;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Scorm
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Survey
| |
| ***/
| |
| | |
| #mod-survey-view .r0 {
| |
| background-color: #EEEEEE;
| |
| }
| |
| #mod-survey-view .r1 {
| |
| background-color: #DDDDDD;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Wiki
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Workshop
| |
| ***/
| |
| | |
| .workshoppostpicture {
| |
| background-color:#FEE6B9;
| |
| }
| |
| | |
| .workshopassessmentheading {
| |
| background-color:#DDDDDD;
| |
| }
| |
| | |
| .error {
| |
| color:#ff0000;
| |
| }
| |
| | |
| #admin-roles-override .capcurrent {
| |
| background-color:#FFFFFF;
| |
| border: 1px solid #cecece;
| |
| }
| |
| | |
| #admin-roles-manage .rolecap,
| |
| #admin-roles-override .rolecap {
| |
| border:none;
| |
| border-bottom:1px solid;
| |
| border-bottom-color: #cecece;
| |
| }
| |
| | |
| #admin-roles-manage .rolecap .cap-desc .cap-name,
| |
| #admin-roles-override .rolecap .cap-desc .cap-name {
| |
| color: #888;
| |
| }
| |
| | |
| == styles_fonts.css ==
| |
| This CSS file contains all font definitions like family, size,
| |
| weight, text-align, letter-spacing etc.
| |
| | |
| Styles are organised into the following sections:
| |
| core
| |
| header
| |
| footer
| |
| | |
| admin
| |
| blocks
| |
| calendar
| |
| course
| |
| doc
| |
| grades
| |
| login
| |
| message
| |
| mymoodle
| |
| question
| |
| tabs
| |
| user
| |
| | |
| various modules
| |
| | |
| /***
| |
| *** Core
| |
| ***/
| |
| | |
| .clearer {
| |
| font-size:1px;
| |
| }
| |
| | |
| body, table, td, th, li {
| |
| font-family:Arial, Verdana, Helvetica, sans-serif;
| |
| font-size:100%;
| |
| letter-spacing:0.02em;
| |
| }
| |
| | |
| th {
| |
| font-weight: bold;
| |
| }
| |
| | |
| a:link,
| |
| a:visited {
| |
| text-decoration:none;
| |
| }
| |
| | |
| a:hover {
| |
| text-decoration: underline;
| |
| }
| |
| | |
| h1.main,
| |
| h2.main,
| |
| h3.main,
| |
| h4.main,
| |
| h5.main,
| |
| h6.main {
| |
| font-weight:bold;
| |
| }
| |
| | |
| h1 {
| |
| font-size:1.7em;
| |
| }
| |
| | |
| h2 {
| |
| font-size:1.4em;
| |
| }
| |
| h3 {
| |
| font-size:1.1em;
| |
| }
| |
| h4 {
| |
| font-size:1.0em;
| |
| }
| |
| | |
| .bold {
| |
| font-weight:bold;
| |
| }
| |
| | |
| .warning {
| |
| font-weight: bold;
| |
| font-style: italic;
| |
| }
| |
| | |
| .errorbox .title {
| |
| font-weight: bold;
| |
| font-size: 1.2em;
| |
| text-align: center;
| |
| }
| |
| | |
| .errorboxcontent {
| |
| text-align: center;
| |
| }
| |
| | |
| .errorcode {
| |
| font-size: 0.7em;
| |
| }
| |
| | |
| .notifytiny {
| |
| font-size: 0.5em;
| |
| }
| |
| | |
| .pagingbar .title {
| |
| font-weight: bold;
| |
| }
| |
| .pagingbar .thispage {
| |
| font-weight: bold;
| |
| }
| |
| | |
| .categorybox .category {
| |
| font-size:1.2em;
| |
| font-weight:bold;
| |
| }
| |
| | |
| .helplink {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .headingblock {
| |
| font-weight: bold;
| |
| }
| |
| | |
| .headingblock .link {
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| .files .file {
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| .files .folder {
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| .files .folder .size {
| |
| font-weight: bold;
| |
| }
| |
| | |
| /*Accessibility: resizable icons. */
| |
| img.resize {
| |
| width: 1em;
| |
| height: 1em;
| |
| }
| |
| | |
| acronym, abbr {
| |
| cursor: help;
| |
| }
| |
| a.useredit, a:hover.useredit, .blink {
| |
| color: black;
| |
| text-decoration: blink;
| |
| cursor: help;
| |
| }
| |
| | |
| /***
| |
| *** Header
| |
| ***/
| |
| | |
| .headermain {
| |
| font-weight:bold;
| |
| }
| |
| | |
| #header-home .headermain {
| |
| font-size:1.5em;
| |
| }
| |
| | |
| #header .headermain {
| |
| font-size:1.3em;
| |
| }
| |
| | |
| .breadcrumb {
| |
| font-size:0.9em;
| |
| font-weight:bold;
| |
| }
| |
| | |
| .logininfo,
| |
| #header-home .headermenu font {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
| |
| .breadcrumb .sep, .headermenu button,
| |
| .calendar-controls .previous, .calendar-controls .next {
| |
| font-family:Arial, Helvetica, Courier, sans-serif;
| |
| }
| |
| | |
| /***
| |
| *** Footer
| |
| ***/
| |
| | |
| .homelink {
| |
| }
| |
| | |
| | |
| .performanceinfo {
| |
| font-size: 0.6em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Admin
| |
| ***/
| |
| | |
| table.formtable tbody th {
| |
| font-weight: normal;
| |
| text-align: right;
| |
| }
| |
| | |
| body#admin-blocks table#incompatible td.c0 {
| |
| font-weight: bold;
| |
| }
| |
| | |
| body#admin-index .explanation {
| |
| font-size: 0.7em;
| |
| vertical-align: bottom;
| |
| }
| |
| | |
| body#admin-index .copyright {
| |
| text-align: center;
| |
| font-size: 0.8em;
| |
| }
| |
| | |
| .environmenttable {
| |
| font-size: 0.8em;
| |
| }
| |
| | |
| #admin-roles-manage .rolecap .cap-desc .cap-name,
| |
| #admin-roles-override .rolecap .cap-desc .cap-name {
| |
| font-size: 0.75em;
| |
| }
| |
| | |
| #adminsettings .form-shortname {
| |
| font-size: 0.75em;
| |
| }
| |
| | |
| #admin-roles-override .cell.c1,
| |
| #admin-roles-assign .cell.c1 {
| |
| font-size: 0.7em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Blocks
| |
| ***/
| |
| a.skip-block {
| |
| text-decoration:none;
| |
| }
| |
| | |
| .sideblock img.resize,
| |
| .breadcrumb img.resize {
| |
| width: 0.8em;
| |
| height: 0.9em;
| |
| }
| |
| .sideblock .searchform img.resize {
| |
| width: 1em;
| |
| height: 1.1em;
| |
| }
| |
| | |
| .sideblock .header, .sideblock h2 {
| |
| font-size:0.9em;
| |
| font-weight: bold;
| |
| }
| |
| | |
| .sideblock .content {
| |
| font-size:0.9em;
| |
| line-height:1.2em;
| |
| }
| |
| | |
| .sideblock a {
| |
| line-height:1.2em
| |
| }
| |
| | |
| .sideblock .content h3,
| |
| .sideblock .content h2 {
| |
| font-size:1.0em;
| |
| }
| |
| | |
| .sideblock .content .message {
| |
| font-size:0.9em
| |
| }
| |
| | |
| .sideblock .header .commands {
| |
| font-size:0.9em;
| |
| }
| |
| | |
| .sideblock .footer {
| |
| font-size:0.9em;
| |
| }
| |
| | |
| .sideblock .head,
| |
| .sideblock .info,
| |
| .sideblock .event {
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| .sideblock .date {
| |
| font-style: italic;
| |
| }
| |
| | |
| .block_site_main_menu .footer select {
| |
| font-size: 0.8em;
| |
| }
| |
| | |
| .block_online_users .listentry {
| |
| text-align:left;
| |
| font-size:0.75em
| |
| }
| |
| | |
| /***
| |
| *** Blogs
| |
| ***/
| |
| | |
| .blogpost .audience {
| |
| font-size: 0.85em;
| |
| }
| |
| | |
| .blogpost .tags {
| |
| font-size: 0.85em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Calendar
| |
| ***/
| |
| #calendar .sidecalendar abbr,
| |
| .block_calendar_month abbr {
| |
| border: none;
| |
| }
| |
| #calendar .eventnone a,
| |
| .block_calendar_month .eventnone a {
| |
| text-decoration:none;
| |
| color:black;
| |
| cursor:text;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .referer {
| |
| font-weight:bold;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .course {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .description .commands {
| |
| text-align: right;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth td {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| #calendar div.header
| |
| {
| |
| font-weight:bold;
| |
| }
| |
| | |
| #calendar .sidecalendar .filters {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .sideblock .filters td {
| |
| font-size:1.1em;
| |
| }
| |
| | |
| #calendar .maincalendar .controls {
| |
| font-size:1.2em;
| |
| }
| |
| | |
| #calendar .maincalendar .day {
| |
| font-weight: bold;
| |
| }
| |
| | |
| table.minicalendar {
| |
| font-size:0.85em;
| |
| }
| |
| | |
| .cal_popup_caption {
| |
| font-family:sans-serif;
| |
| font-size:0.8em;
| |
| font-weight:bold;
| |
| }
| |
| | |
| .cal_popup_close {
| |
| font-family:sans-serif;
| |
| font-size:0.8em;
| |
| font-weight:bold;
| |
| }
| |
| #calendar .maincalendar .calendar-controls .current {
| |
| font-weight: bold;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Course
| |
| ***/
| |
| #course-view .section {
| |
| font-size:0.95em;
| |
| line-height:1.2em;
| |
| }
| |
| | |
| #course-view .section .activity {
| |
| padding:0.2em 0;
| |
| }
| |
| | |
| #course-view .section .activity a {
| |
| line-height:1em;
| |
| }
| |
| | |
| #course-view .section .left {
| |
| font-weight:bold;
| |
| }
| |
| | |
| .activitydate, .activityhead {
| |
| font-size:0.9em;
| |
| }
| |
| | |
| .weeklydatetext {
| |
| font-size:0.9em;
| |
| font-weight:bold;
| |
| }
| |
| | |
| .coursebox .info {
| |
| font-size:1em;
| |
| }
| |
| | |
| .coursebox .teachers,
| |
| .coursebox .cost {
| |
| font-size:0.9em;
| |
| }
| |
| | |
| .coursebox .summary {
| |
| font-size:0.9em;
| |
| }
| |
| | |
| #course-recent h2.main {
| |
| font-size:1.1em;
| |
| }
| |
| | |
| h2.headingblock {
| |
| font-size:1.1em;
| |
| }
| |
| | |
| | |
| | |
| /***
| |
| *** Doc
| |
| ***/
| |
| body#doc-contents h1 {
| |
| font-size: 0.9em;
| |
| }
| |
| body#doc-contents ul {
| |
| font-size: 0.8em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Grades
| |
| ***/
| |
| | |
| body#grade-index .grades .header {
| |
| font-weight: bold;
| |
| font-size: 0.7em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Login
| |
| ***/
| |
| | |
| #login-index .content {
| |
| font-size: 0.85em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Logs
| |
| ***/
| |
| | |
| .logtable td {
| |
| font-size: 0.8em;
| |
| }
| |
| .logtable th {
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Message
| |
| ***/
| |
| | |
| .message .link {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .message_form {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .message .heading {
| |
| font-size:1.0em;
| |
| font-weight:bold;
| |
| }
| |
| | |
| .message .date,
| |
| .message .contact,
| |
| .message .summary {
| |
| font-size:0.9em;
| |
| }
| |
| | |
| .message .note,
| |
| .message .pix {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .message .author {
| |
| font-weight: bold;
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .message .time {
| |
| font-style: italic;
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .message .content {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| #message-user .commands span {
| |
| font-size:0.7em;
| |
| white-space:nowrap;
| |
| }
| |
| | |
| #message-user .name {
| |
| font-weight: bold;
| |
| font-size:1.1em;
| |
| }
| |
| | |
| /***
| |
| *** MyMoodle
| |
| ***/
| |
| | |
| .my .courseboxcontent .overview .info {
| |
| font-size:0.7em;
| |
| }
| |
| | |
| /***
| |
| *** Question
| |
| ***/
| |
| | |
| .que .no {
| |
| font-size: 1.2em;
| |
| font-weight: bold;
| |
| }
| |
| .que .grade {
| |
| font-size: 0.8em;
| |
| }
| |
| .que .history {
| |
| font-size:75%;
| |
| }
| |
| | |
| /***
| |
| *** Tabs
| |
| ***/
| |
| .tablink {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .tablink a:hover {
| |
| text-decoration: none;
| |
| }
| |
| | |
| | |
| /***
| |
| *** User
| |
| ***/
| |
| | |
| .userinfobox .username {
| |
| font-weight: bold;
| |
| }
| |
| | |
| .userinfobox .links {
| |
| font-size: 0.7em;
| |
| }
| |
| | |
| body#user-index #longtimenosee {
| |
| font-size: 0.8em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Assignment
| |
| ***/
| |
| | |
| #mod-assignment-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Chat
| |
| ***/
| |
| | |
| #mod-chat-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Choice
| |
| ***/
| |
| | |
| #mod-choice-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
|
| |
| /***
| |
| *** Modules: Forum
| |
| ***/
| |
| | |
| .forumnodiscuss{
| |
| font-weight:bold;
| |
| }
| |
| .forumpost .topic .subject {
| |
| font-weight: bold;
| |
| }
| |
| .forumpost .topic .author {
| |
| font-size: 0.8em;
| |
| }
| |
| .forumpost .commands,
| |
| .forumpost .link,
| |
| .forumpost .footer {
| |
| font-size: 0.9em;
| |
| }
| |
| .forumheaderlist .discussion .lastpost {
| |
| font-size: 0.7em;
| |
| }
| |
| body#mod-forum-search .introcontent {
| |
| font-weight:bold;
| |
| }
| |
| body#mod-forum-index .generalbox .cell {
| |
| font-size: 0.80em;
| |
| }
| |
| | |
| .forumpost .edited {
| |
| font-style: italic;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Glossary
| |
| ***/
| |
| | |
| .glossarypost .commands {
| |
| font-size: 0.8em;
| |
| }
| |
| .glossarypost .author {
| |
| font-size: 0.8em;
| |
| }
| |
| .glossarypost .time {
| |
| font-size: 0.8em;
| |
| }
| |
| .concept {
| |
| font-weight: bold;
| |
| }
| |
| .glossarycomment .author {
| |
| font-size: 0.8em;
| |
| }
| |
| .entrylowersection .aliases {
| |
| font-size: 0.8em;
| |
| }
| |
| .entrylowersection .icons,
| |
| .entrylowersection .ratings {
| |
| font-size: 0.8em;
| |
| }
| |
| | |
| #mod-glossary-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Journal
| |
| ***/
| |
| #mod-journal-view .lastedit,
| |
| #mod-journal-view .editend {
| |
| font-size: 0.7em;
| |
| }
| |
| #mod-journal-view .author {
| |
| font-size: 1em;
| |
| font-weight: bold;
| |
| }
| |
| #mod-journal-view .time {
| |
| font-size: 0.7em;
| |
| font-style: italic;
| |
| }
| |
| #mod-journal-view .grade {
| |
| font-weight: bold;
| |
| font-style: italic;
| |
| }
| |
| | |
| #mod-journal-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Label
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Lesson
| |
| ***/
| |
| | |
| #mod-lesson-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Quiz
| |
| ***/
| |
| | |
| /* .editorhelptext {
| |
| font-size:0.7em;
| |
| }
| |
| | |
| #mod-quiz-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| */
| |
| | |
| /***
| |
| *** Modules: Resource
| |
| ***/
| |
| | |
| #mod-resource-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| .ims-nav-dimmed,
| |
| .ims-nav-button {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| #ims-toc-selected {
| |
| font-weight: bold;
| |
| }
| |
| | |
| #ims-menudiv {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Scorm
| |
| ***/
| |
| | |
| #mod-scorm-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Survey
| |
| ***/
| |
| | |
| #mod-survey-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Wiki
| |
| ***/
| |
| | |
| #mod-wiki-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Workshop
| |
| ***/
| |
| | |
| #mod-workshop-index .cell {
| |
| font-size:0.8em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Phpinfo display
| |
| ***/
| |
| .phpinfo table {
| |
| border-collapse: collapse;
| |
| }
| |
| .phpinfo .center {
| |
| text-align: center;
| |
| }
| |
| .phpinfo .e, .v, .h {
| |
| border: 1px solid #000000;
| |
| font-size: 0.8em;
| |
| vertical-align: baseline;
| |
| }
| |
| .phpinfo .e {
| |
| background-color: #ccccff;
| |
| font-weight: bold;
| |
| color: #000000;
| |
| }
| |
| .phpinfo .h {
| |
| background-color: #9999cc;
| |
| font-weight: bold; color: #000000;
| |
| }
| |
| .phpinfo .v {
| |
| background-color: #cccccc;
| |
| color: #000000;
| |
| }
| |
| | |
| == styles_layout.css ==
| |
| This CSS file contains all layout definitions like positioning,
| |
| floats, margins, padding, borders etc.
| |
| | |
| Styles are organised into the following sections:
| |
| core
| |
| forms
| |
| header
| |
| footer
| |
| | |
| admin
| |
| blocks
| |
| blog
| |
| calendar
| |
| course
| |
| doc
| |
| grades
| |
| login
| |
| message
| |
| question
| |
| tabs
| |
| user
| |
| | |
| various modules
| |
| | |
| /***
| |
| *** Core
| |
| ***/
| |
| | |
| h1.main,
| |
| h2.main,
| |
| h3.main,
| |
| h4.main,
| |
| h5.main,
| |
| h6.main {
| |
| text-align: center;
| |
| }
| |
| | |
| #layout-table {
| |
| width:100%;
| |
| border-collapse:separate;
| |
| margin-top: 8px;
| |
| }
| |
| | |
| #layout-table #left-column,
| |
| #layout-table #middle-column,
| |
| #layout-table #right-column
| |
| {
| |
| vertical-align:top;
| |
| }
| |
| | |
| #layout-table #middle-column {
| |
| padding-left:12px;
| |
| padding-right:12px;
| |
| }
| |
| | |
| .clearer {
| |
| clear:both;
| |
| margin:0px;
| |
| padding:0px;
| |
| height:1px;
| |
| border:none;
| |
| background:transparent;
| |
| display:block;
| |
| }
| |
| | |
| .clearfix:after {
| |
| /* content: "<!-- -->"; */
| |
| content: ".";
| |
| display: block;
| |
| height: 0;
| |
| clear: both;
| |
| visibility: hidden;
| |
| }
| |
| | |
| .clearfix {
| |
| /* display: inline-bl¶ock */
| |
| min-width: 0;
| |
| }
| |
| | |
| /* Hides from IE-mac \*/
| |
| * html .clearfix {height: 1%;}
| |
| .clearfix {display: block;}
| |
| /* End hide from IE-mac */
| |
| | |
| .mdl-align {
| |
| text-align: center;
| |
| }
| |
| | |
| .continuebutton {
| |
| text-align: center;
| |
| }
| |
| | |
| form {
| |
| margin-bottom:0px;
| |
| }
| |
| | |
| table {
| |
| border-spacing: 0px;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| a img {
| |
| border:none;
| |
| }
| |
| | |
| img.userpicture,
| |
| img.grouppicture,
| |
| .block_online_users .listentry img {
| |
| border: 0px solid
| |
| }
| |
| | |
| .notifyproblem {
| |
| text-align: center;
| |
| padding: 10px;
| |
| }
| |
|
| |
| .notifysuccess {
| |
| text-align:center;
| |
| padding: 10px;
| |
| }
| |
| | |
| .notifytiny {
| |
| text-align:left;
| |
| padding: 0px;
| |
| }
| |
| | |
| .generalbox {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| margin-bottom: 15px;
| |
| }
| |
| | |
| .generalbox#intro {
| |
| }
| |
| | |
| .noticebox {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| .errorbox {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| margin: 1em 15%;
| |
| width: 70%;
| |
| }
| |
| | |
| .errorbox .title {
| |
| padding: 5px;
| |
| }
| |
| | |
| .informationbox {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| .feedbackbox {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| .feedbackby {
| |
| }
| |
| | |
| .feedback {
| |
| }
| |
| | |
| .generaltable {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| }
| |
| | |
| .generaltable .cell {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| .initialbar {
| |
| text-align: center;
| |
| }
| |
| | |
| #help .indent {
| |
| margin-left:3em;
| |
| }
| |
| | |
| .tabledivider {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| border-left:0px;
| |
| border-right:0px;
| |
| border-top:0px;
| |
| }
| |
| | |
| .sitetopic {
| |
| margin-bottom:20px;
| |
| }
| |
| | |
| .sitetopiccontent {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| .pagingbar {
| |
| text-align:center;
| |
| }
| |
| | |
| .pagingbar a {
| |
| padding-left: 10px;
| |
| }
| |
| | |
| .pagingbar .thispage {
| |
| padding-left: 10px;
| |
| }
| |
| | |
| table.formtable {
| |
| margin: auto;
| |
| }
| |
| | |
| table.formtable tbody th {
| |
| vertical-align: top;
| |
| }
| |
| | |
| table.formtable tbody td,
| |
| table.formtable tbody th
| |
| {
| |
| padding: 5px;
| |
| }
| |
| | |
| table.formtable tbody .htmlarea td,
| |
| table.formtable tbody .htmlarea th
| |
| {
| |
| padding: 0px;
| |
| }
| |
| | |
| .paging {
| |
| text-align: center;
| |
| margin: 10px 0px 10px 0px;
| |
| }
| |
| | |
| .unread {
| |
| padding-right:2px;
| |
| }
| |
| | |
| .cell {
| |
| vertical-align: top;
| |
| }
| |
| | |
| .helplink img {
| |
| vertical-align: middle;
| |
| margin: 0px 2px;
| |
| width: 17px;
| |
| height: 17px;
| |
| }
| |
| | |
| img.emoticon {
| |
| vertical-align: middle;
| |
| width: 15px;
| |
| height: 15px;
| |
| }
| |
| | |
| form.popupform {
| |
| display: inline;
| |
| }
| |
| | |
| /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
| |
| .accesshide {
| |
| position:absolute;
| |
| top:-1000px;
| |
| left:10px;
| |
| font-weight:normal;
| |
| font-size:1em;
| |
| }
| |
| span.hide,
| |
| div.hide {
| |
| display:none;
| |
| }
| |
| | |
| /***
| |
| *** Forms
| |
| ***/
| |
| | |
| form.mform {
| |
| margin: 0;
| |
| padding: 0;
| |
| width: 100%;
| |
| }
| |
| form.mform fieldset {
| |
| border: 1px solid black;
| |
| padding: 10px 0;
| |
| margin: 0;
| |
| width:100%;
| |
| }
| |
| form.mform fieldset.hidden, form.mform fieldset.felement {
| |
| border: 0;
| |
| }
| |
| form.mform fieldset.felement {
| |
| width: auto;
| |
| }
| |
| form.mform fieldset legend {
| |
| font-weight: bold;
| |
| }
| |
| | |
| form.mform div.fitem {
| |
| clear: both;
| |
| width: 100%;
| |
| min-height: 1.5em;
| |
| }
| |
| /* uncomment this and edit formslib.php for
| |
| ol li containers for form items.
| |
| | |
| form.mform fieldset li.qfrow {
| |
| list-style: none;
| |
| padding: 5px;
| |
| margin: 0;
| |
| clear: both;
| |
| width: 100%;
| |
| min-height: 1.5em;
| |
| }
| |
| form.mform fieldset ol {
| |
| margin: 0;
| |
| padding: 0;
| |
| }*/
| |
| form.mform label {
| |
| display: block;
| |
| float: left;
| |
| width: 30%;
| |
| padding: 0;
| |
| margin: 0 0 0 0;
| |
| text-align: right;
| |
| }
| |
| div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label{
| |
| display:inline;
| |
| float: none;
| |
| width: auto;
| |
| }
| |
| | |
| form.mform div.felement, form.mform fieldset.felement{
| |
| display: block;
| |
| float: left;
| |
| margin: 5px 0 0 10px;
| |
| padding: 0;
| |
| text-align:left;
| |
| }
| |
| | |
| form.mform div.fdescription {
| |
| clear: both;
| |
| min-height: 1.5em;
| |
| }
| |
| | |
| form.mform input, form.mform select {
| |
| width: auto;
| |
| }
| |
| form.mform ftextarea {
| |
| }
| |
| form.mform br {
| |
| clear: left;
| |
| }
| |
| form.mform div.fhtmleditor {
| |
| margin: 0 auto 10px auto;
| |
| width : 600px;
| |
| clear:both;
| |
| float:none;
| |
| }
| |
| form.mform span.error, form.mform span.required {
| |
| color: red;
| |
| }
| |
| form.mform div.error,form.mform fieldset.error {
| |
| border: 1px solid red;
| |
| padding: 5px;
| |
| color: inherit;
| |
| }
| |
| form#adminsettings div.htmlarea {
| |
| clear: left;
| |
| padding-top: 5px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Header
| |
| ***/
| |
| | |
| .headerskip {
| |
| position:absolute;
| |
| right:20em;
| |
| font-size:0.8em;
| |
| }
| |
| | |
| #header-home {
| |
| }
| |
| | |
| #header {
| |
| }
| |
| | |
| .headermain, h1.headermain {
| |
| float:left;
| |
| margin:0%;
| |
| padding:0%;
| |
| }
| |
| | |
| .headermenu {
| |
| float:right;
| |
| text-align:right;
| |
| }
| |
| | |
| .navbar {
| |
| width:auto;
| |
| padding:3px 0.5em;
| |
| border-width:1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| table.navbar {
| |
| width: 100%;
| |
| }
| |
| | |
| .navbar .navbutton form {
| |
| float: left;
| |
| }
| |
| | |
| .navbar .navbutton {
| |
| margin-top: 3px;
| |
| }
| |
| | |
| .navbar .breadcrumb {
| |
| float:left;
| |
| margin:0.2em 0em;
| |
| }
| |
| | |
| .breadcrumb ul {
| |
| padding:0%;
| |
| margin:0%;
| |
| text-indent:0%;
| |
| list-style:none;
| |
| }
| |
| .breadcrumb li {
| |
| display:inline;
| |
| }
| |
| | |
| .navbar .navbutton,
| |
| .navbar .menu {
| |
| float:right;
| |
| }
| |
| | |
| #footer .navbar {
| |
| margin-top: 4em;
| |
| }
| |
| | |
| .reportlink {
| |
| text-align:right;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Footer
| |
| ***/
| |
| | |
| #footer {
| |
| text-align:center;
| |
| margin-top: 40px;
| |
| }
| |
| | |
| .homelink {
| |
| margin: 1em 0;
| |
| }
| |
| | |
| .homelink a {
| |
| padding-left:1em;
| |
| padding-right:1em;
| |
| }
| |
| | |
| .performanceinfo {
| |
| margin: 2em;
| |
| }
| |
| | |
| .performanceinfo span {
| |
| display: block;
| |
| }
| |
| | |
| /***
| |
| *** Admin
| |
| ***/
| |
|
| |
| body#admin-index .c0 {
| |
| vertical-align: top;
| |
| }
| |
| | |
| body#admin-index .c1 {
| |
| vertical-align: middle;
| |
| }
| |
| | |
| body#admin-modules table.generaltable td.cell,
| |
| body#admin-modules .generaltablecell {
| |
| padding-top: 2px;
| |
| padding-bottom: 2px;
| |
| }
| |
| | |
| body#admin-blocks table#blocks,
| |
| body#admin-blocks table#incompatible {
| |
| width: 70%;
| |
| margin: auto;
| |
| }
| |
| | |
| body#admin-blocks table#blocks th,
| |
| body#admin-blocks table#incompatible th,
| |
| body#admin-blocks table#blocks td.cell,
| |
| body#admin-blocks table#incompatible td.cell {
| |
| padding: 4px;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| }
| |
| | |
| body#admin-blocks table#blocks td.c0,
| |
| body#admin-blocks table#blocks th.c0,
| |
| body#admin-blocks table#incompatible td.c0,
| |
| body#admin-blocks table#incompatible th.c0 {
| |
| text-align: left;
| |
| }
| |
| | |
| body#admin-blocks
| |
| body#admin-config .confighelp {
| |
| display: block;
| |
| padding-bottom: 20px;
| |
| }
| |
| | |
| body#admin-roles-manage table.generalbox {
| |
| margin: auto;
| |
| }
| |
| | |
| #admin-report-simpletest-index .exception pre {
| |
| padding: 8px;
| |
| }
| |
| | |
| #admin-report-simpletest-index .unittestsummary {
| |
| padding: 8px;
| |
| margin-top: 1em;
| |
| }
| |
| | |
| #admin-roles-manage .singlebutton,
| |
| #admin-roles-allowoverride .singlebutton,
| |
| #admin-roles-allowassign .singlebutton {
| |
| padding: 10px;
| |
| text-align:center;
| |
| }
| |
| | |
| .rolecap .inherit,
| |
| .rolecap .allow,
| |
| .rolecap .prevent,
| |
| .rolecap .prohibit {
| |
| text-align:center;
| |
| }
| |
| | |
| #admin-roles-manage .rolecap .cap-desc .cap-name,
| |
| #admin-roles-override .rolecap .cap-desc .cap-name {
| |
| display: block;
| |
| }
| |
| | |
| #admin-roles-override .cell.c1,
| |
| #admin-roles-assign .cell.c1 {
| |
| padding-top: 0.75em;
| |
| }
| |
| | |
| #adminsettings fieldset {
| |
| margin-top: 1em;
| |
| padding: 1em 0.5em;
| |
| }
| |
| | |
| #adminsettings legend {
| |
| display: none;
| |
| }
| |
| | |
| #adminsettings .form-group {
| |
| float: left;
| |
| }
| |
| | |
| #adminsettings .form-item {
| |
| margin: 0;
| |
| }
| |
| | |
| #adminsettings label {
| |
| display: block;
| |
| float: left;
| |
| width: 150px;
| |
| text-align: right;
| |
| }
| |
| | |
| #adminsettings .form-shortname {
| |
| display: block;
| |
| }
| |
| | |
| #adminsettings select,
| |
| #adminsettings input {
| |
| float: left;
| |
| margin: 0 0 0 10px;
| |
| }
| |
| | |
| #adminsettings textarea {
| |
| float: left;
| |
| margin: 0 0 0 10px;
| |
| width: 65%;
| |
| }
| |
| | |
| #adminsettings .form-group select,
| |
| #adminsettings .form-group input {
| |
| display: inline;
| |
| float: none;
| |
| }
| |
| | |
| /* #adminsettings .admin-configtime .form-select {
| |
| display: inline;
| |
| float: none;
| |
| }
| |
| | |
| #adminsettings div.admin-frontpage div.form-group select.form-select {
| |
| display: inline;
| |
| float: none;
| |
| } */
| |
| | |
| #adminsettings .description {
| |
| clear: both;
| |
| margin: 0 1em 0 160px;
| |
| padding: 0.3em 0 1.5em 0;
| |
| }
| |
| | |
| .form-buttons {
| |
| margin: 10px 0 0 160px;
| |
| }
| |
| | |
| .form-text {
| |
| width: 20em;
| |
| }
| |
| .form-textarea { }
| |
| .form-select { }
| |
| .form-checkbox { }
| |
| .form-radio { }
| |
| .form-submit { }
| |
| .form-reset { }
| |
| | |
| .admin-frontpagedesc .htmlarea {
| |
| margin: 0 auto 10px auto;
| |
| width : 600px;
| |
| }
| |
| | |
| .adminsearchform {
| |
| padding-top:10px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Blocks
| |
| ***/
| |
|
| |
| /*Accessibility: Skip block link, for screen reader users. */
| |
| a.skip-block, .skip-block {
| |
| display:block;
| |
| width:2em;
| |
| height:1px;
| |
| }
| |
| .sideblock .skip-block {
| |
| height:4px;
| |
| }
| |
| .skip-block-to {
| |
| font-size:1px;
| |
| }
| |
| | |
| .sideblock li .icon img {
| |
| width:16px;
| |
| height:16px;
| |
| }
| |
| | |
| ul.list, ul.list li, ol.list, ol.list li {
| |
| list-style-type:none;
| |
| padding:0;
| |
| margin:0;
| |
| text-indent:0;
| |
| }
| |
| | |
| .sideblock .content h3,
| |
| .sideblock .content h2 {
| |
| text-align: left;
| |
| }
| |
| /*.sideblock .content h3, ??*/
| |
| .sideblock .content h2 {
| |
| margin:1.5em 0 0;
| |
| padding:0;
| |
| }
| |
| | |
| .sideblock {
| |
| margin-bottom:1em;
| |
| width: 100%;
| |
| }
| |
| | |
| .sideblock .header, .sideblock h2.header {
| |
| text-align: left;
| |
| margin:0;
| |
| padding:4px;
| |
| padding-top:0;
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-bottom: none;
| |
| }
| |
| .sideblock h2 {
| |
| margin:0;
| |
| padding:0;
| |
| }
| |
| | |
| .sideblock .header .hide-show {
| |
| float:right;
| |
| }
| |
| | |
| .sideblock .header .hide-show img.hide-show-image {
| |
| height:11px;
| |
| width:11px;
| |
| margin-top:0.25em;
| |
| }
| |
| | |
| .sideblock .header .commands {
| |
| margin-top: 0.3em;
| |
| clear: both;
| |
| height: 16px;
| |
| }
| |
| | |
| .sideblock .header .commands a {
| |
| margin: 0px 2px;
| |
| }
| |
| | |
| .sideblock .content {
| |
| padding: 4px;
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| }
| |
| | |
| .sideblock .content hr {
| |
| height:1px;
| |
| margin-top:4px;
| |
| margin-bottom:4px;
| |
| border:none;
| |
| border-top:1px solid;
| |
| }
| |
| | |
| #left-column .hidden .header,
| |
| #right-column .hidden .header
| |
| {
| |
| border-bottom-width: 1px;
| |
| border-bottom-style: solid;
| |
| }
| |
| | |
| #left-column .hidden .content,
| |
| #right-column .hidden .content
| |
| {
| |
| display: none;
| |
| }
| |
| | |
| .sideblock .list {
| |
| width: 100%;
| |
| }
| |
| | |
| .sideblock .list .c0{
| |
| padding: 2px;
| |
| }
| |
| | |
| .sideblock .footer {
| |
| margin-bottom: 4px;
| |
| text-align:center;
| |
| }
| |
| | |
| .sideblock .header .icon.hide,
| |
| .sideblock .header .icon.edit {
| |
| margin-right: 6px;
| |
| }
| |
| | |
| .sideblock .content .head {
| |
| margin-top: 10px;
| |
| }
| |
| | |
| .sideblock .icon {
| |
| display: block;
| |
| float: left;
| |
| margin-right: 0.3em;
| |
| }
| |
| | |
| .sideblock .list li {
| |
| clear: left;
| |
| }
| |
| | |
| .blockconfigtable {
| |
| margin-top: 0;
| |
| }
| |
| | |
| .blockconfiginstancecontent .tabs {
| |
| margin-bottom: 0px;
| |
| }
| |
| | |
| .block_online_users .listentry {
| |
| padding-top:5px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Blogs
| |
| ***/
| |
| | |
| .blogpost .audience {
| |
| text-align: right;
| |
| }
| |
| | |
| .blogpost .tags {
| |
| margin-top: 15px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Calendar
| |
| ***/
| |
| | |
| #calendar {
| |
| width: 100%;
| |
| border-spacing: 5px;
| |
| border-collapse: separate;
| |
| }
| |
| | |
| #calendar h2,
| |
| #calendar h3
| |
| {
| |
| text-align: center;
| |
| }
| |
| | |
| #calendar .maincalendar,
| |
| #calendar .sidecalendar
| |
| {
| |
| vertical-align: top;
| |
| border: 1px solid;
| |
| padding: 0px;
| |
| }
| |
| | |
| #calendar .sidecalendar {
| |
| width: 25%;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth {
| |
| border-collapse: separate;
| |
| margin: 0px auto;
| |
| width: 98%;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth th {
| |
| padding:10px;
| |
| border-bottom:2px solid;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth td {
| |
| height: 5em;
| |
| padding-left: 4px;
| |
| padding-top: 4px;
| |
| line-height:1.2em;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth td,
| |
| table.minicalendar td,
| |
| table.minicalendar th {
| |
| width:14%;
| |
| vertical-align:top;
| |
| }
| |
| table.minicalendar td {
| |
| text-align: center;
| |
| }
| |
| #calendar .maincalendar table.calendarmonth td table td {
| |
| height: auto;
| |
| }
| |
| | |
| #calendar div.header
| |
| {
| |
| padding: 5px;
| |
| }
| |
| | |
| #calendar .maincalendar .buttons {
| |
| float: right;
| |
| }
| |
| | |
| #calendar .maincalendar .filters table,
| |
| #calendar .sidecalendar .filters table,
| |
| .sideblock.block_calendar_month .filters table
| |
| {
| |
| border-collapse:separate;
| |
| border-spacing: 2px;
| |
| padding: 2px;
| |
| width: 100%;
| |
| }
| |
| | |
| #calendar .maincalendar .filters {
| |
| padding: 0px 10px;
| |
| }
| |
| | |
| #calendar .sidecalendar .filters {
| |
| padding: 5px;
| |
| }
| |
| | |
| #calendar .maincalendar .controls {
| |
| clear:both;
| |
| padding:10px;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth ul.events-new,
| |
| #calendar .maincalendar table.calendarmonth ul.events-underway
| |
| {
| |
| padding:0px;
| |
| margin:0px;
| |
| list-style-type:none;
| |
| }
| |
| | |
| #calendar .maincalendar table.calendarmonth ul li {
| |
| margin-top: 4px;
| |
| }
| |
| | |
| .minicalendarblock {
| |
| padding: 0px 4px;
| |
| }
| |
| | |
| table.minicalendar {
| |
| width: 100%;
| |
| margin: 10px auto;
| |
| padding:2px;
| |
| border-width:1px;
| |
| border-style:solid;
| |
| border-collapse:separate;
| |
| border-spacing:1px !important;
| |
| }
| |
| | |
| table.minicalendar th {
| |
| padding: 0px 2px;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist {
| |
| padding: 10px;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .topic {
| |
| padding: 5px;
| |
| border-style:solid;
| |
| border-width: 0px;
| |
| border-bottom-color: #EEEEEE;
| |
| border-bottom-width: 1px;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event {
| |
| width:100%;
| |
| margin-bottom:10px;
| |
| border-spacing:0px;
| |
| border-collapse:separate;
| |
| border-width:1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .name {
| |
| float:left;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .course {
| |
| float:left;
| |
| clear:left;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .date {
| |
| float:right;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .description .commands {
| |
| width:100%;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .description {
| |
| padding:5px;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .picture {
| |
| padding:8px;
| |
| }
| |
| | |
| #calendar .maincalendar .eventlist .event .side {
| |
| width:32px;
| |
| }
| |
| | |
| #calendar #selecteventtype table {
| |
| margin:auto;
| |
| }
| |
| | |
| #calendar .event_global,
| |
| #calendar .event_course,
| |
| #calendar .event_group,
| |
| #calendar .event_user,
| |
| .minicalendar .event_global,
| |
| .minicalendar .event_course,
| |
| .minicalendar .event_group,
| |
| .minicalendar .event_user {
| |
| border:2px solid !important;
| |
| }
| |
| | |
| #calendar .duration_global,
| |
| #calendar .duration_course,
| |
| #calendar .duration_group,
| |
| #calendar .duration_user,
| |
| .minicalendar .duration_global,
| |
| .minicalendar .duration_course,
| |
| .minicalendar .duration_group,
| |
| .minicalendar .duration_user
| |
| {
| |
| border-top:2px solid !important;
| |
| border-bottom:2px solid !important;
| |
| }
| |
| | |
| #calendar .today,
| |
| .minicalendar .today {
| |
| border:2px solid;
| |
| }
| |
|
| |
| .cal_popup_bg {
| |
| padding:0px;
| |
| margin:0px;
| |
| border:1px solid;
| |
| }
| |
| | |
| .cal_popup_close {
| |
| margin-right:5px;
| |
| }
| |
| | |
| .cal_popup_caption {
| |
| border-width:0px 0px 1px 0px;
| |
| border-style:solid;
| |
| padding-bottom:2px;
| |
| }
| |
| | |
| /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
| |
| .calendar-controls .previous,
| |
| .calendar-controls .next
| |
| {
| |
| width: 12%;
| |
| }
| |
| .calendar-controls .previous {
| |
| text-align: left;
| |
| }
| |
| .calendar-controls .current {
| |
| text-align: center;
| |
| }
| |
| .calendar-controls .next {
| |
| text-align: right;
| |
| }
| |
| span.previous, span.current, span.next {
| |
| display: block;
| |
| float: left;
| |
| }
| |
| span.current {
| |
| width: 76%;
| |
| }
| |
| | |
| #calendar .maincalendar .calendar-controls .previous,
| |
| #calendar .maincalendar .calendar-controls .next
| |
| {
| |
| width: 30%;
| |
| }
| |
| #calendar .maincalendar .calendar-controls .current {
| |
| width: 40%;
| |
| }
| |
| | |
| #calendar .indent {
| |
| padding-left: 20px;
| |
| }
| |
| | |
| /***
| |
| *** Course
| |
| ***/
| |
|
| |
| .activitydate, .activityhead {
| |
| text-align:center;
| |
| }
| |
| | |
| #course-view .section td {
| |
| vertical-align:top;
| |
| }
| |
| | |
| #course-view .section td.content {
| |
| padding:5px;
| |
| border-style:solid;
| |
| border-width:1px;
| |
| border-left:0px;
| |
| border-right:0px;
| |
| }
| |
| | |
| #course-view .section td.side {
| |
| padding:5px;
| |
| border-style:solid;
| |
| border-width:1px;
| |
| }
| |
| | |
| #course-view .section td.left {
| |
| border-right:0px;
| |
| text-align:center;
| |
| width: 1.5em;
| |
| }
| |
| | |
| #course-view .section td.right {
| |
| border-left:0px;
| |
| text-align:center;
| |
| width: 1.5em;
| |
| }
| |
| | |
| #course-view .current .side {
| |
| }
| |
| | |
| #course-view .section .spacer {
| |
| height:0.5em;
| |
| }
| |
| | |
| #course-view .section .weekdates {
| |
| }
| |
| | |
| #course-view ul.section,
| |
| #site-index ul.section,
| |
| #course-view ul.section li,
| |
| #site-index ul.section li {
| |
| margin: 0;
| |
| padding: 0;
| |
| text-indent: 0;
| |
| list-style: none;
| |
| }
| |
| | |
| #course-view ul.section li.activity ul li,
| |
| #site-index ul.section li.activity ul li {
| |
| list-style: disc;
| |
| }
| |
| | |
| /*Accessibility: No-tables course format. */
| |
| #course-view ul.weekscss, .weekscss li {
| |
| margin: 0;
| |
| padding: 0;
| |
| text-indent: 0;
| |
| list-style: none;
| |
| }
| |
| /* Window-width: 800 pixels.
| |
| IE doesn't support, see inline IE conditional comment. */
| |
| .weekscss-format {
| |
| min-width: 763px;
| |
| }
| |
| .weekscss-format .block_adminblock select,
| |
| .weekscss-format .block_calendar_month .minicalendar {
| |
| width: 100%;
| |
| padding: 0;
| |
| }
| |
| .weekscss-format .block_calendar_month .minicalendar th,
| |
| .weekscss-format .block_calendar_month .minicalendar td {
| |
| padding: 0.1em 0 0.1em 1px;
| |
| }
| |
| .weekscss-format #middle-column {
| |
| margin: 0 12.5em 0 12.5em;
| |
| }
| |
| .weekscss-format #left-column,
| |
| .weekscss-format #right-column {
| |
| width: 11.5em;
| |
| }
| |
| .weekscss-format #left-column {
| |
| float: left;
| |
| }
| |
| .weekscss-format #right-column {
| |
| float: right;
| |
| }
| |
| .weekscss li.section {
| |
| margin-bottom: 0.5em;
| |
| border-style:solid;
| |
| border-width:1px;
| |
| }
| |
| .weekscss .content,
| |
| .weekscss .side {
| |
| padding: 5px;
| |
| }
| |
| .weekscss .content {
| |
| margin: 0 1.7em 0 1.7em;
| |
| }
| |
| .weekscss .right {
| |
| width: 1.6em;
| |
| float: right;
| |
| text-align:center;
| |
| }
| |
| | |
| .section .activity img.activityicon {
| |
| vertical-align:middle;
| |
| height:16px;
| |
| width:16px;
| |
| }
| |
| | |
| .section img.movetarget {
| |
| height:16px;
| |
| width:80px;
| |
| }
| |
| | |
| body#course-view .unread {
| |
| margin-left: 3em;
| |
| }
| |
| | |
| body#course-view .sideblock.drag .header {
| |
| cursor: move;
| |
| }
| |
| | |
| body#course-enrol .generalbox {
| |
| margin-top: 20px;
| |
| }
| |
| | |
| body#course-enrol .coursebox {
| |
| margin-top: 20px;
| |
| }
| |
| | |
| body#course-user .graph {
| |
| text-align: center;
| |
| }
| |
| | |
| body#course-user .section,
| |
| body#course-user .content {
| |
| margin-left: 30px;
| |
| margin-right: 30px;
| |
| }
| |
| | |
| body#course-user .section {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| padding:10px;
| |
| margin-bottom: 20px;
| |
| }
| |
| | |
| body#course-user .section h2 {
| |
| margin-top: 0px;
| |
| }
| |
| | |
| | |
| .headingblock, h2.headingblock {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| padding:5px;
| |
| margin:0%;
| |
| }
| |
| | |
| .headingblock .link {
| |
| text-align:right;
| |
| }
| |
| | |
| body#site-index .headingblock,
| |
| body#course-view .headingblock {
| |
| margin-bottom: 9px;
| |
| }
| |
| | |
| .coursebox {
| |
| margin-bottom: 8px;
| |
| }
| |
| | |
| .categoryboxcontent,
| |
| .courseboxcontent {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| .courseboxcontent .cost {
| |
| padding-top: 20px;
| |
| }
| |
| | |
| .courseboxcontent ul.teachers li {
| |
| list-style-type:none;
| |
| padding:0;
| |
| margin:0;
| |
| text-indent:0;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Doc
| |
| ***/
| |
| | |
| body#doc-contents h1 {
| |
| margin: 1em 0px 0px 0px;
| |
| }
| |
| | |
| body#doc-contents ul {
| |
| list-style-type: none;
| |
| margin: 0px;
| |
| padding: 0px;
| |
| width: 90%;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Grades
| |
| ***/
| |
| | |
| body#grade-index .grades {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| border-collapse: separate;
| |
| }
| |
| | |
| body#grade-index .grades td {
| |
| border-width:0px 1px 0px 1px;
| |
| border-style:solid;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| body#grade-index .grades .header {
| |
| vertical-align: top;
| |
| }
| |
| | |
| body#grade-index .grades .points,
| |
| body#grade-index .grades .percent,
| |
| body#grade-index .grades .weighted {
| |
| text-align: right;
| |
| }
| |
| | |
| .backup-form-instances {
| |
| margin:0px 20px 0px 20px;
| |
| }
| |
| .restore-form-instances {
| |
| margin:0px 20px 0px 20px;
| |
| }
| |
| | |
| /***
| |
| *** Login
| |
| ***/
| |
| | |
| .loginbox {
| |
| margin-top:15px;
| |
| }
| |
| | |
| .loginbox .content {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| padding:15px;
| |
| }
| |
| | |
| .loginform .c1,
| |
| .logintable .c1 {
| |
| text-align: left;
| |
| }
| |
| | |
| .loginform .c1 input,
| |
| .logintable .c1 input {
| |
| width: 6em;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Message
| |
| ***/
| |
| | |
| .message .link {
| |
| vertical-align:middle;
| |
| }
| |
| | |
| table.message .searchresults td {
| |
| padding:5px;
| |
| border-width:1px;
| |
| border-style:solid;
| |
| border-collapse:collapse;
| |
| border-spacing:0px;
| |
| }
| |
| .message .summary .link {
| |
| text-align:right;
| |
| }
| |
| .message .heading {
| |
| text-align:center;
| |
| }
| |
| | |
| .message .note {
| |
| text-align:center;
| |
| padding:10px;
| |
| }
| |
| | |
| #message-user .commands span {
| |
| margin-left:10px;
| |
| margin-right:10px;
| |
| }
| |
| | |
| body#message-messages {
| |
| padding:10px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** MyMoodle
| |
| ***/
| |
| | |
| .my .courseboxcontent .overview .info {
| |
| margin-left:20px;
| |
| }
| |
| | |
| .my .courseboxcontent .overview {
| |
| margin-bottom:10px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Question
| |
| ***/
| |
| | |
| .que {
| |
| width: 90%;
| |
| text-align: left;
| |
| margin: 10px auto 15px auto;
| |
| border: 1px solid;
| |
| clear: both;
| |
| }
| |
| .que .info {
| |
| float: left;
| |
| margin: 5px;
| |
| width: 8%;
| |
| }
| |
| .que .grade {
| |
| margin-top: 0.5em;
| |
| }
| |
| .que .content {
| |
| float: right;
| |
| margin: 5px;
| |
| width: 88%;
| |
| }
| |
| .que .qtext {
| |
| margin-bottom: 1.5em;
| |
| }
| |
| .que .ablock {
| |
| margin: 0.7em 0 0.3em 0;
| |
| }
| |
| .que .prompt {
| |
| float: left;
| |
| width: 15%;
| |
| height: 2em;
| |
| padding-top: 0.3em;
| |
| }
| |
| .que .control {
| |
| width: 5%;
| |
| }
| |
| .que .answer {
| |
| float: right;
| |
| width: 83%;
| |
| margin-bottom: 0.5em;
| |
| }
| |
| .que .submit {
| |
| position: relative;
| |
| clear: both;
| |
| float: left;
| |
| }
| |
| /* MSIE Hack */
| |
| * html .que .submit {
| |
| float: none;
| |
| }
| |
| .multianswer .submit {
| |
| margin-top: 1em;
| |
| }
| |
| .que .c0,
| |
| .que .c1 {
| |
| padding: 0.3em 0 0.3em 0.3em;
| |
| vertical-align: top;
| |
| }
| |
| .que .feedback {
| |
| clear: both;
| |
| float: right;
| |
| width: 83%;
| |
| padding: 0 0 0.3em 0.3em;
| |
| border: 1px solid;
| |
| }
| |
| .multichoice td.feedback {
| |
| width: auto;
| |
| vertical-align: top;
| |
| padding-top: 0.3em;
| |
| border-style: none;
| |
| }
| |
| .essay .feedback {
| |
| border-style: none;
| |
| }
| |
| .multichoice .text {
| |
| width: auto;
| |
| }
| |
| .calculated .answer,
| |
| .numerical .answer,
| |
| .shortanswer .answer,
| |
| .truefalse .answer {
| |
| padding: 0.3em 0 0.3em 0.3em;
| |
| }
| |
| .calculated .answer input,
| |
| .numerical .answer input,
| |
| .shortanswer .answer input {
| |
| width: 85%;
| |
| }
| |
| .truefalse .answer span {
| |
| float: left;
| |
| clear: left;
| |
| padding: 0.2em 0;
| |
| }
| |
| .que .grading,
| |
| .que .comment,
| |
| .que .commentlink,
| |
| .que .generalfeedback,
| |
| .que .history {
| |
| float: right;
| |
| margin: 5px;
| |
| width: 88%;
| |
| }
| |
| | |
| /***
| |
| *** Logs
| |
| ***/
| |
| | |
| .logtable td,
| |
| .logtable th {
| |
| padding-left: 10px;
| |
| padding-right: 10px;
| |
| }
| |
| | |
| .logtable th {
| |
| text-align:left;
| |
| }
| |
| | |
| /***
| |
| *** Tabs
| |
| ***/
| |
| | |
| .tabs {
| |
| width: auto;
| |
| margin-bottom: 15px;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| .tabs td {
| |
| padding: 0px;
| |
| }
| |
| | |
| .tabs .side {
| |
| width: 50%;
| |
| border-style: solid;
| |
| border-width: 0px 0px 1px 0px;
| |
| }
| |
| | |
| .tabrow {
| |
| border-collapse:collapse;
| |
| width:100%;
| |
| margin: 1px 0px 0px 0px;
| |
| }
| |
| | |
| .tabrow td {
| |
| padding:0 0 0px 14px;
| |
| border-style: solid;
| |
| border-width: 0px 0px 1px 0px;
| |
| }
| |
| | |
| .tabrow th {
| |
| display:none;
| |
| }
| |
| .tabrow td .tablink {
| |
| display:block;
| |
| padding:10px 14px 4px 0px;
| |
| text-align:center;
| |
| white-space:nowrap;
| |
| text-decoration:none;
| |
| }
| |
| .tabrow .last {
| |
| display:block;
| |
| padding:0px 1px 0px 0px;
| |
| }
| |
|
| |
| .tabrow td.selected {
| |
| border-width: 0px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** User
| |
| ***/
| |
| | |
| .userinfobox {
| |
| margin-bottom:5px;
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-collapse: separate;
| |
| }
| |
| | |
| .userinfobox .left {
| |
| padding: 10px;
| |
| width: 100px;
| |
| vertical-align: top;
| |
| }
| |
| | |
| .userinfobox .content {
| |
| padding: 10px;
| |
| vertical-align: top;
| |
| }
| |
| | |
| .userinfobox .links {
| |
| width: 100px;
| |
| padding: 5px;
| |
| vertical-align: bottom;
| |
| }
| |
| | |
| .userinfobox .list td {
| |
| padding: 3px;
| |
| }
| |
| | |
| .userinfobox .username {
| |
| padding-bottom: 20px;
| |
| }
| |
| | |
| | |
| table.userinfobox {
| |
| width: 80%;
| |
| margin-left: 10%;
| |
| margin-right: 10%;
| |
| }
| |
| | |
| table.groupinfobox {
| |
| width: 60%;
| |
| margin-left: 20%;
| |
| margin-right: 20%;
| |
| border-width:1px;
| |
| border-style:solid;
| |
| margin-bottom: 20px;
| |
| }
| |
| | |
| .groupinfobox .left {
| |
| padding: 10px;
| |
| width: 100px;
| |
| vertical-align: top;
| |
| }
| |
| | |
| body#user-index h2 {
| |
| text-align: center;
| |
| }
| |
| | |
| body#user-index #longtimenosee,
| |
| body#user-index #showall {
| |
| text-align: center;
| |
| }
| |
| | |
| body#user-index #showall {
| |
| margin: 10px 0px;
| |
| }
| |
| | |
| body#user-index table#participants {
| |
| margin: auto;
| |
| width: 80%;
| |
| }
| |
| | |
| body#user-index table#participants td,
| |
| body#user-index table#participants th {
| |
| vertical-align: middle;
| |
| text-align: left;
| |
| padding: 4px;
| |
| }
| |
| | |
| body#user-index table.controls {
| |
| width: 100%;
| |
| }
| |
| body#user-index table.controls tr {
| |
| vertical-align: top;
| |
| }
| |
| body#user-index table.controls td.right,
| |
| body#user-index table.controls td.left {
| |
| padding: 4px;
| |
| }
| |
| body#user-index table.controls .right {
| |
| text-align: right;
| |
| }
| |
| body#course-participation h2 {
| |
| text-align:center;
| |
| }
| |
| body#course-participation #showall {
| |
| text-align:center;
| |
| margin: 10px 0px;
| |
| }
| |
| body#user-index .rolesform {
| |
| text-align:center;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Assignment
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Chat
| |
| ***/
| |
| | |
| #mod-chat-gui_header_js-jsupdate {
| |
| margin:10px
| |
| }
| |
| #mod-chat-gui_header_js-jsupdate .chat-event,
| |
| #mod-chat-gui_header_js-jsupdate .chat-message {
| |
| width:100%;
| |
| padding:0;
| |
| margin-top:7px
| |
| }
| |
| .chat-event .picture,
| |
| .chat-message .picture {
| |
| width:40px;
| |
| vertical-align:top;
| |
| }
| |
| .chat-event .text,
| |
| .chat-message .text {
| |
| text-align: left;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Choice
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Forum
| |
| ***/
| |
| | |
| .forumheaderlist,
| |
| .forumpost {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| border-collapse:separate;
| |
| }
| |
| | |
| .forumpost {
| |
| margin-top: 15px;
| |
| }
| |
| | |
| .forumpost .topic {
| |
| padding: 4px;
| |
| border-style:solid;
| |
| border-width: 0px;
| |
| border-bottom-width: 1px;
| |
| }
| |
| | |
| .forumpost .commands {
| |
| padding-top: 0.5em;
| |
| text-align:right;
| |
| clear: both;
| |
| }
| |
| | |
| .forumpost .ratings {
| |
| padding-top: 1em;
| |
| text-align:right;
| |
| }
| |
| | |
| .forumpost .attachments {
| |
| padding: 7px;
| |
| text-align:right;
| |
| }
| |
| | |
| .forumpost .content {
| |
| padding: 4px;
| |
| }
| |
| | |
| .forumpost .footer {
| |
| padding-top: 0.5em;
| |
| text-align:right;
| |
| }
| |
| | |
| .forumpost .link {
| |
| padding-top: 0.5em;
| |
| text-align:right;
| |
| }
| |
| | |
| .forumpost .left {
| |
| width: 35px;
| |
| padding: 4px;
| |
| text-align: center;
| |
| vertical-align: top;
| |
| }
| |
| | |
| .mod-forum .indent {
| |
| margin-left: 30px;
| |
| }
| |
| | |
| body#user-view .forumpost,
| |
| .course .forumpost {
| |
| width: 100%;
| |
| }
| |
| | |
| body#mod-forum-search .c0 {
| |
| text-align: right;
| |
| }
| |
| | |
| body#mod-forum-search .introcontent {
| |
| padding: 15px;
| |
| }
| |
| | |
| .forumolddiscuss {
| |
| text-align: right;
| |
| }
| |
| | |
| .forumheaderlist {
| |
| width: 100%;
| |
| }
| |
| | |
| .forumheaderlist td {
| |
| border-width:1px 0px 0px 1px;
| |
| border-style:solid;
| |
| }
| |
| | |
| .forumheaderlist .replies {
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| }
| |
| | |
| .forumheaderlist .picture {
| |
| width: 35px;
| |
| }
| |
| | |
| .forumheaderlist .discussion .starter {
| |
| vertical-align: middle;
| |
| }
| |
| | |
| .forumheaderlist .lastpost {
| |
| white-space: nowrap;
| |
| text-align: right;
| |
| }
| |
| | |
| .forumheaderlist .discussion .author {
| |
| white-space: nowrap;
| |
| }
| |
| .forumolddiscuss {
| |
| text-align:right;
| |
| }
| |
| .forumaddnew,
| |
| .forumnodiscuss,
| |
| .noticeboxcontent {
| |
| text-align:center;
| |
| }
| |
| #mod-forum-view .unread {
| |
| padding-left: 3px;
| |
| padding-right: 3px;
| |
| }
| |
| #mod-forum-discuss .forumpost.unread .content {
| |
| border-style: solid;
| |
| border-width: 2px;
| |
| }
| |
| #mod-forum-index .unread img,
| |
| #mod-forum-view .unread img
| |
| {
| |
| margin-left: 5px;
| |
| }
| |
| | |
| #email .unsubscribelink {
| |
| margin-top:20px;
| |
| border-width: 0px 1px 0px 0px;
| |
| border-style: solid;
| |
| text-align:center;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Glossary
| |
| ***/
| |
| | |
| .glossarypost .commands {
| |
| width: 200px;
| |
| white-space: nowrap;
| |
| }
| |
| | |
| #mod-glossary-comments .glossarypost,
| |
| #mod-glossary-comment .glossarypost {
| |
| margin-top: 15px;
| |
| }
| |
| | |
| .entryboxheader {
| |
| border-width: 1px 1px 0px 1px;
| |
| border-style: solid;
| |
| }
| |
| | |
| .entrybox {
| |
| border-width: 0px 1px 1px 1px;
| |
| border-style: solid;
| |
| }
| |
| | |
| .glossarypost {
| |
| width: 95%;
| |
| border-width:1px;
| |
| border-style:solid;
| |
| border-collapse:separate;
| |
| margin-bottom: 5px;
| |
| text-align: left;
| |
| }
| |
| | |
| | |
| .entrylist {
| |
| border-width:0px;
| |
| }
| |
| | |
| .entrylowersection {
| |
| padding-top: 10px;
| |
| }
| |
| .entrylowersection table{
| |
| width: 100%;
| |
| }
| |
| .entrylowersection .aliases {
| |
| text-align:center;
| |
| }
| |
| .entrylowersection .icons,
| |
| .entrylowersection .ratings {
| |
| text-align:right;
| |
| padding-right: 5px;
| |
| }
| |
| .entrylowersection .ratings {
| |
| padding-bottom: 2px;
| |
| }
| |
| .categoryheader {
| |
| width: 95%;
| |
| }
| |
| .glossaryformatheader {
| |
| width: 90%;
| |
| }
| |
| | |
| .glossarypost .entry {
| |
| padding: 3px;
| |
| }
| |
| | |
| .glossarypost .picture {
| |
| width: 35px;
| |
| }
| |
| | |
| .glossarycomment {
| |
| border-width:1px;
| |
| border-style:solid;
| |
| border-collapse:separate;
| |
| margin-bottom: 5px;
| |
| text-align: left;
| |
| }
| |
| | |
| | |
| .glossarycomment .entry {
| |
| padding: 3px;
| |
| }
| |
| | |
| .glossarycomment .picture {
| |
| width: 35px;
| |
| }
| |
| | |
| .glossarycomment .icons {
| |
| text-align: right;
| |
| }
| |
| | |
| .glossarydisplay {
| |
| width: 70%;
| |
| }
| |
| | |
| .glossarydisplay .tabs {
| |
| width: 100%;
| |
| }
| |
| | |
| .glossarydisplay .separator {
| |
| width: 4px;
| |
| }
| |
| | |
| .glossarydisplay .tabs .selected,
| |
| .glossarydisplay .tabs .inactive,
| |
| .glossarydisplay .tabs .general {
| |
| }
| |
| | |
| .glossarypopup {
| |
| width: 95%;
| |
| }
| |
| | |
| .glossaryapproval {
| |
| width: 100%;
| |
| }
| |
| | |
| .mod-glossary .glossarydisplay .tabs {
| |
| margin-bottom: 0px;
| |
| }
| |
| .mod-glossary .glossarydisplay .tabs .side {
| |
| border-style: none;
| |
| border-width: 0px;
| |
| width: auto;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Journal
| |
| ***/
| |
| #mod-journal-view .lastedit,
| |
| #mod-journal-view .editend {
| |
| margin: 5px;
| |
| text-align: center;
| |
| }
| |
| #mod-journal-view .feedbackbox {
| |
| width: 75%;
| |
| border-collapse: separate;
| |
| }
| |
| #mod-journal-view .entrycontent {
| |
| padding: 3px;
| |
| }
| |
| #mod-journal-view .picture {
| |
| width: 35px;
| |
| }
| |
| #mod-journal-view .grade {
| |
| text-align: right;
| |
| }
| |
| #mod-journal-view .info {
| |
| margin-bottom: 5px;
| |
| text-align: right;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Label
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Lesson
| |
| ***/
| |
| | |
| | |
| /***
| |
| *** Modules: Quiz
| |
| ***/
| |
| | |
| | |
| #mod-quiz-attempt #page {
| |
| text-align: center;
| |
| }
| |
| | |
| body#mod-quiz-report table#attempts,
| |
| body#mod-quiz-report table#commands,
| |
| body#mod-quiz-report table#itemanalysis
| |
| {
| |
| width: 80%;
| |
| margin: auto;
| |
| }
| |
| body#mod-quiz-report table#attempts {
| |
| margin: 20px auto;
| |
| }
| |
| body#mod-quiz-report table#attempts .header,
| |
| body#mod-quiz-report table#attempts .cell
| |
| {
| |
| padding: 4px;
| |
| }
| |
| body#mod-quiz-report table#attempts .header .commands {
| |
| display: inline;
| |
| }
| |
| body#mod-quiz-report table#attempts .picture {
| |
| width: 40px;
| |
| }
| |
| body#mod-quiz-report table#attempts td {
| |
| border-left-width: 1px;
| |
| border-right-width: 1px;
| |
| border-left-style: solid;
| |
| border-right-style: solid;
| |
| vertical-align: middle;
| |
| }
| |
| body#mod-quiz-report table#attempts .header {
| |
| text-align: left;
| |
| }
| |
| body#mod-quiz-report table#attempts .picture {
| |
| text-align: center !important;
| |
| }
| |
| body#mod-quiz-report .controls {
| |
| text-align: center;
| |
| }
| |
| | |
| /* .navbutton form {
| |
| display: inline;
| |
| } */
| |
| | |
| /***
| |
| *** Modules: Resource
| |
| ***/
| |
| | |
| .ims-nav-bar {
| |
| position: relative;
| |
| padding:0.1em;
| |
| }
| |
| | |
| .ims-nav-button a,
| |
| .ims-nav-dimmed {
| |
| padding-left:1em;
| |
| padding-right:1em;
| |
| }
| |
| | |
| #ims-containerdiv {
| |
| margin-top:0.2em;
| |
| }
| |
| | |
| #ims-menudiv {
| |
| position:absolute;
| |
| width:250px;
| |
| overflow:auto;
| |
| }
| |
| | |
| #ims-menudiv ol {
| |
| list-style-type:none;
| |
| margin:0px;
| |
| padding-left:1em;
| |
| }
| |
| | |
| #ims-contentframe {
| |
| position:absolute;
| |
| left:260px;
| |
| border:1px solid;
| |
| width:640px;
| |
| height:480px;
| |
| }
| |
| | |
| #ims-contentframe-no-nav {
| |
| position:absolute;
| |
| border:1px solid;
| |
| width:640px;
| |
| height:480px;
| |
| }
| |
| | |
| #mod-resource-view div#footer {
| |
| margin-top: 5px;
| |
| }
| |
| | |
| == styles_moz.css ==
| |
| This CSS file uses the non-standard Mozilla CSS extensions
| |
| to add round corners to the current theme.
| |
| | |
| Styles are organised into the following sections:
| |
| core
| |
| header
| |
| footer
| |
| | |
| admin
| |
| blocks
| |
| calendar
| |
| course
| |
| doc
| |
| login
| |
| message
| |
| tabs
| |
| user
| |
| | |
| various modules
| |
| | |
| /***
| |
| *** Core
| |
| ***/
| |
| | |
| .headingblock {
| |
| -moz-border-radius:3px;
| |
| }
| |
| | |
| .notifyproblem {
| |
| -moz-border-radius:10px;
| |
| }
| |
| | |
| .notifysuccess {
| |
| -moz-border-radius:10px;
| |
| }
| |
| .generalbox {
| |
| -moz-border-radius-topleft:3px;
| |
| -moz-border-radius-topright:3px;
| |
| -moz-border-radius-bottomleft:15px;
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| .generalboxcontent {
| |
| -moz-border-radius-topleft:3px;
| |
| -moz-border-radius-topright:3px;
| |
| -moz-border-radius-bottomleft:15px;
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| .noticebox {
| |
| -moz-border-radius:5px;
| |
| }
| |
| | |
| .informationbox {
| |
| -moz-border-radius-topleft:3px;
| |
| -moz-border-radius-topright:3px;
| |
| -moz-border-radius-bottomleft:15px;
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| .informationboxcontent {
| |
| -moz-border-radius-topleft:3px;
| |
| -moz-border-radius-topright:3px;
| |
| -moz-border-radius-bottomleft:15px;
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| .sitetopiccontent {
| |
| -moz-border-radius:15px;
| |
| }
| |
| | |
| .headingblock {
| |
| -moz-border-radius:3px;
| |
| }
| |
| | |
| .categorybox, .categoryboxcontent,
| |
| .coursebox, .courseboxcontent {
| |
| -moz-border-radius:20px;
| |
| }
| |
| | |
| | |
| | |
| | |
| /* kept for backward compatibility with some non-standard modules
| |
| which use these classes for various things */
| |
| .generaltab, .generaltabinactive{
| |
| -moz-border-radius-topleft:15px;
| |
| -moz-border-radius-topright:15px;
| |
| }
| |
| | |
| .generaltabselected {
| |
| -moz-border-radius-topleft:15px;
| |
| -moz-border-radius-topright:15px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Header
| |
| ***/
| |
| | |
| /***
| |
| *** Footer
| |
| ***/
| |
| | |
| /***
| |
| *** Admin
| |
| ***/
| |
| | |
| /***
| |
| *** Blocks
| |
| ***/
| |
| | |
| .sideblock.hidden {
| |
| -moz-border-radius: 0px;
| |
| }
| |
| | |
| .sideblock .content {
| |
| -moz-border-radius-bottomleft:20px;
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| .block_course_summary, .block_course_summary .content {
| |
| -moz-border-radius:20px;
| |
| }
| |
| | |
| .editing .block_course_summary .content {
| |
| -moz-border-radius-topleft:0;
| |
| -moz-border-radius-topright:0;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Calendar
| |
| ***/
| |
| | |
| #calendar .eventlist .event {
| |
| -moz-border-radius-bottomleft:15px;
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| #calendar .eventlist .event .side {
| |
| -moz-border-radius-bottomleft:15px;
| |
| }
| |
| | |
| #calendar .eventlist .event .description {
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| #calendar .maincalendar,
| |
| #calendar .sidecalendar
| |
| {
| |
| -moz-border-radius-bottomright:20px;
| |
| -moz-border-radius-bottomleft:20px;
| |
| }
| |
| | |
| #calendar .maincalendar .filters table,
| |
| #calendar .sidecalendar .filters table,
| |
| .sideblock.block_calendar_month .filters table
| |
| {
| |
| -moz-border-radius:4px;
| |
| }
| |
| | |
| table.minicalendar {
| |
| -moz-border-radius:10px;
| |
| }
| |
| | |
| table.minicalendar td {
| |
| -moz-border-radius:4px;
| |
| }
| |
| | |
| /***
| |
| *** Course
| |
| ***/
| |
| body#course-user .section {
| |
| -moz-border-radius:20px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Doc
| |
| ***/
| |
| | |
| /***
| |
| *** Login
| |
| ***/
| |
| .loginbox {
| |
| -moz-border-radius-bottomleft:20px;
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| .loginbox .content.left {
| |
| -moz-border-radius-bottomleft:20px;
| |
| }
| |
| .loginbox .content.right {
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| /***
| |
| *** Message
| |
| ***/
| |
| | |
| /***
| |
| *** Tabs
| |
| ***/
| |
| | |
| /***
| |
| *** User
| |
| ***/
| |
| .userinfobox {
| |
| -moz-border-radius-bottomleft:20px;
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| .groupinfobox {
| |
| -moz-border-radius-bottomleft:20px;
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| #user-view .left {
| |
| -moz-border-radius-bottomleft:20px;
| |
| }
| |
| | |
| /***
| |
| *** Modules: Assignment
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Chat
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Choice
| |
| ***/
| |
| | |
| /***
| |
| *** Modules: Forum
| |
| ***/
| |
| .forumpost {
| |
| -moz-border-radius-bottomleft:20px;
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| .forumpost .side {
| |
| -moz-border-radius-bottomleft:20px;
| |
| }
| |
| | |
| .forumpost .content {
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| .forumpost .message {
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Glossary
| |
| ***/
| |
| .categoryheader {
| |
| -moz-border-radius-topleft:15px;
| |
| -moz-border-radius-topright:15px;
| |
| }
| |
| | |
| .glossaryformatheader {
| |
| -moz-border-radius-topleft:15px;
| |
| -moz-border-radius-topright:15px;
| |
| }
| |
| | |
| .entryboxheader {
| |
| -moz-border-radius-topleft:10px;
| |
| -moz-border-radius-topright:10px;
| |
| }
| |
| | |
| .entrybox {
| |
| -moz-border-radius-bottomleft:10px;
| |
| -moz-border-radius-bottomright:10px;
| |
| }
| |
| | |
| .glossarypost {
| |
| -moz-border-radius-bottomleft:15px;
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| .glossarypost .side {
| |
| -moz-border-radius-bottomleft:15px;
| |
| }
| |
| | |
| .encyclopedia .entrylowersection {
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| .glossarycomment {
| |
| -moz-border-radius-bottomleft:20px;
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| .glossarycomment .side {
| |
| -moz-border-radius-bottomleft:20px;
| |
| }
| |
| | |
| .glossarycomment .entry {
| |
| -moz-border-radius-bottomright:20px;
| |
| }
| |
| | |
| | |
| /***
| |
| *** Modules: Journal
| |
| ***/
| |
| | |
| #mod-journal-view .feedbackbox {
| |
| -moz-border-radius-bottomleft:15px;
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| #mod-journal-view .feedbackbox .side {
| |
| -moz-border-radius-bottomleft:15px;
| |
| }
| |
| #mod-journal-view .feedbackbox .entrycontent {
| |
| -moz-border-radius-bottomright:15px;
| |
| }
| |
| | |
| ==See Also==
| |
| [http://en.wikipedia.org/wiki/Cascading_Style_Sheets Wikipedia Cascading Style Sheets]
| |
