moodle/theme/standard/styles_moz.css
tjhunt fa583f5f6e quiz editing: MDL-17285 This is Olli Savolainen's new interface for editing quizzes.
This was started and usability tested as a Finnish Summer of Code project, and then Olli did further work on it in his own time to get it in shape for inclusion in Moodle 2.0. I reviewed all the code. There are a number of minor outstanding issues that will be fixed soon. See the subtasks of MDL-17284 for a list.

The goal of these changes is to:
* help teachers new to Moodle, so when they first see the quiz editing page, they don't go "Huh! What on earth am I supposed to do here?"
* help novice Moodle users understand and learn to use some of the more advanced quiz feature;
* but, without slowing down more experienced quiz users.

Naturally, with ambitous goals like that, we won't have managed to satisy everybody, but I think this change is a big step in the right direction.

There is extensive documentation on this project at http://docs.moodle.org/en/Development:Quiz_UI_redesign.
2008-11-20 06:59:11 +00:00

378 lines
6.5 KiB
CSS

/*******************************************************************
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 {
-moz-border-radius:10px;
}
/* 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 td.sidecalendar .sideblock {
-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;
}
#calendar .maincalendar li.event_course,
#calendar .maincalendar li.event_global,
#calendar .maincalendar li.event_user,
#calendar .maincalendar li.event_group,
#calendar .filters td.event_course,
#calendar .filters td.event_global,
#calendar .filters td.event_user,
#calendar .filters td.event_group {
-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
***/
.glossarycategoryheader {
-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;
}
/***
*** Modules: Quiz
***/
#quiznavigation .qnbutton {
-moz-box-sizing: content-box;
}
#mod-quiz-edit div.quizpage .pagecontent{
-moz-border-radius:0.6em;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
}
#mod-quiz-edit .reorder div.question div.content{
-moz-border-radius:0.3em;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
}
#mod-quiz-edit div.editq div.question div.content{
-moz-border-radius:0.6em;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
}
#mod-quiz-edit div.question div.content div.points,
#mod-quiz-edit div.question div.content div.qorder{
-moz-border-radius:0.2em;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
}
#mod-quiz-edit div.quizpage .pagecontent .pagestatus{
-moz-border-radius-bottomright:0.3em;
-moz-border-radius-topright:0.3em;
}
#mod-quiz-edit div.quizpage .pagecontent form#addquestion{
-moz-border-radius:0.2em;
}