mirror of
https://github.com/moodle/moodle.git
synced 2025-08-06 17:36:38 +02:00

======================================= 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.
931 lines
14 KiB
CSS
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;
|
|
}
|
|
|