MDL-15653 Indicate question state in quiz naviggation buttons - prepartiory work: make the layout of the buttons more consistent between IE and FF, and between attempt and review.

theme/standard/styles_color.css

@@ -1052,6 +1052,18 @@ table.quizreviewsummary td.cell {
     background:yellow;
 }
 
+#quiznavigation .qnbutton {
+  color: #00f;
+  border-color: gray;
+  background-color: white;
+}
+#quiznavigation .qnbutton:hover {
+  color: #f00;
+}
+#quiznavigation .qnbutton.thispage {
+  background-color: #eee;
+}
+
 /***
  *** Modules: Resource
  ***/

theme/standard/styles_fonts.css

@@ -997,6 +997,15 @@ body#mod-forum-index .generalbox .cell {
  *** Modules: Quiz
  ***/
 
+#quiznavigation .qnbutton {
+  font: inherit;
+  line-height: 1.5em;
+  font-weight: bold;
+}
+#quiznavigation .qnbutton:hover {
+  text-decoration: underline;
+}
+
 /***
  *** Modules: Resource
  ***/

theme/standard/styles_ie6.css

@@ -66,4 +66,6 @@ form.mform textarea {
 #course-view li.activity {
   height:0;
 }
-
+#mod-quiz-review #middle-column {
+  height: 1%;
+}

theme/standard/styles_ie7.css

@@ -56,3 +56,6 @@ form.mform textarea {
 form.mform .fcheckbox input {
   margin-left: -3px;
 }
+#mod-quiz-review #middle-column {
+  height: 1%;
+}

theme/standard/styles_layout.css

@@ -1235,6 +1235,7 @@ a.skip:focus, a.skip:active {
 .skip-block-to, #maincontent {
   display: block;
   height: 1px;
+  overflow: hidden;
 }
 
 .sideblock {
@@ -3920,6 +3921,9 @@ body#mod-forum-search .introcontent {
 #mod-quiz-summary .submitbtns {
   margin-top: 1.5em;
 }
+#mod-quiz-summary #content {
+  text-align: center;
+}
 #mod-quiz-summary .questionflag {
   width: 16px;
   height: 16px;
@@ -4150,29 +4154,27 @@ table.quizreviewsummary td.cell {
   text-align: center;
   margin: 6px 0;
 }
-
+#mod-quiz-attempt #left-column,
+#mod-quiz-review #left-column {
+  padding-top: 1px;
+}
 #quiznavigation .qnbutton {
+  display: block;
   float: left;
   width: 1.5em;
   height: 1.5em;
+  overflow: hidden;
   margin: 0.3em 0.3em 0.3em 0;
-  border: 1px solid grey;
-  background: white;
-  font-weight: bold;
+  padding: 0;
+  border: 1px solid gray;
+  background: white no-repeat top right;
   text-align: center;
   vertical-align: middle;
-}
-#quiznavigation .qnbutton:hover {
-  background: silver;
-  text-decoration: underline;
-}
-#quiznavigation .qnbutton.thispage {
-  background: #eee;
+  cursor: pointer;
+  white-space: normal;
 }
 #quiznavigation .qnbutton.flagged {
-  background-repeat: no-repeat;
   background-image: url(pix/flaggedquestionnav.png);
-  background-position: top right;
 }
 #quiznavigation .othernav {
   clear: both;

theme/standard/styles_moz.css

@@ -339,3 +339,11 @@ body#course-user .section {
   -moz-border-radius-bottomright:15px;
 }
 
+
+/***
+ *** Modules: Quiz
+ ***/
+
+#quiznavigation .qnbutton {
+  -moz-box-sizing: content-box;
+}