moodle/theme/standard/styles_color.css
moodler bbbf2d4015 ROLES AND PERMISSIONS - FIRST CHECK-IN
=======================================

WARNING:  DEV IS CURRENTLY VERY UNSTABLE.

This is a mega-checkin of the new Roles system.   A lot of changes have
been made in core and modules.

Currently there are a lot of rough edges and known problems.  We are
working hard on these .. .the reason for getting this into HEAD at this
stage is enable us to move faster (our branch was diverging from HEAD
too much).

Please keep an eye on http://docs.moodle.org/en/Roles for current status
and information for developers on how to use the new Roles system.
2006-08-08 05:13:06 +00:00

931 lines
14 KiB
CSS

/*******************************************************************
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
***/
.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;
}
/***
*** 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;
}
.calculated .feedback,
.numerical .feedback,
.shortanswer .feedback,
.truefalse .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;
}