moodle/theme/standard/styles_ie6.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

90 lines
1.5 KiB
CSS
Executable file

/*
* These styles are ONLY included for IE 6 (via meta.php)
*/
.tabtree {
height: 100%;
}
.tabrow0 {
padding-top: 10px;
}
.tabrow0 li {
margin-left: 0;
}
.tabrow0 li.first {
margin-left: -4px;
margin-right: -4px;
}
.tabrow0 li.last a {
margin-right: 0;
}
.tabrow0 li.onerow {
margin-right: 0;
}
.tabrow0 a {
padding: 0 0 0 13px;
}
.tabrow0 a span {
padding: 12px 1em 4px 0;
}
.tabrow0 div,
.tabrow0 ul {
top: 3.5em;
padding: 0.2em 0;
}
form.mform input {
margin-left: expression((this.type=="text"||this.type=="file"||this.type=="password")?'-10px':'0');
}
#admin-user-user_bulk form.mform input,
#admin-user form.mform input {
margin-left: 0;
}
form.mform textarea {
margin-left: -10px;
}
.que .info {
display: inline;
}
#adminsettings .form-setting,
#adminsettings .form-description {
display:inline-block; padding-left:2px;
}
#course-view li.activity {
height:0;
}
#mod-quiz-review #middle-column {
height: 1%;
}
#mod-quiz-edit div.question div.content .questionname,
#categoryquestions .questionname{
/*ie6 shows this as an arrow if this is not specified*/
cursor: pointer;
}
#mod-quiz-edit #categoryquestions .questiontext{
/*ie6 shows this as an arrow if this is not specified*/
cursor: pointer;
}
#mod-quiz-edit div.tabtree a span img.iconsmall{
display:none;
}
#mod-quiz-edit div.question div.content .questiontext,#categoryquestions .questiontext{
width:50%;
}
#mod-quiz-edit div.question div.content .questionname,#categoryquestions .questionname{
width:20%;
}