mod/lesson/styles.php

   1 /***
   2  *** General styles (scope: all of lesson)
   3  ***/
   4
   5 .mod-lesson .contents {
   6     text-align: left;
   7 }
   8
   9 .mod-lesson #layout-table {
  10     width: 100%;
  11 }
  12
  13 .mod-lesson .edit_buttons form,
  14 .mod-lesson .edit_buttons input {
  15     display: inline;
  16 }
  17
  18 .mod-lesson .clock .content {
  19     text-align: center;
  20 }
  21
  22 .mod-lesson .addlinks {
  23     font-size: .8em;
  24 }
  25
  26 .mod-lesson .userinfotable .cell,
  27 .mod-lesson .userinfotable .userpicture {
  28     vertical-align: middle;
  29 }
  30
  31 .mod-lesson .invisiblefieldset.fieldsetfix {
  32     display: block;
  33 }
  34
  35 .mod-lesson .invisiblefieldset.fieldsetfix tr {
  36     text-align: left;
  37 }
  38
  39 /***
  40  *** Style for view.php
  41  ***/
  42
  43 #mod-lesson-view .password-form {
  44     text-align: center;
  45     margin-top: 20px;
  46 }
  47
  48 #mod-lesson-view .password-form .submitbutton {
  49     display: inline;
  50 }
  51
  52 /***
  53  *** Style for essay.php
  54  ***/
  55
  56 #mod-lesson-essay .graded {
  57     color:#DF041E;
  58 }
  59
  60 #mod-lesson-essay .sent {
  61     color:#006600;
  62 }
  63
  64 #mod-lesson-essay .ungraded {
  65     color:#999999;
  66 }
  67
  68 #mod-lesson-essay .gradetable {
  69     margin-bottom: 20px;
  70 }
  71
  72 #mod-lesson-essay .buttons {
  73     text-align: center;
  74 }
  75
  76 /***
  77  *** Style for responses
  78  ***/
  79
  80 /* .response style is applied for both .correct and .incorrect */
  81 .mod-lesson .response {
  82     padding-top: 10px;
  83 }
  84
  85 /* for correct responses (can override .response) */
  86 .mod-lesson .correct {
  87     /*color: green;*/
  88 }
  89
  90 /* for incorrect responses (can override .response) */
  91 .mod-lesson .incorrect {
  92     /*color: red;*/
  93 }
  94
  95 /* for highlighting matches in responses for short answer regular expression (can override .incorrect) */
  96 .mod-lesson .matches {
  97     /*color: red;*/
  98 }
  99
 100 /***
 101  *** Slide show Style
 102  ***/
 103
 104 /* NOTE: background color, height and width are set in the lesson settings */
 105 .mod-lesson .slideshow {
 106     overflow: auto;
 107     padding-right: 16px; /* for the benefit of macIE5 only */
 108     /* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */
 109     padding-right: 0;
 110     padding: 15px;
 111 }
 112
 113 /***
 114  *** Left Menu Styles
 115  ***/
 116 .mod-lesson .menu .content {
 117     padding: 0px;
 118 }
 119
 120 .mod-lesson .menu .menuwrapper {
 121     max-height: 400px;
 122     overflow: auto;
 123     vertical-align: top;
 124     margin-bottom: 10px;
 125 }
 126
 127 .mod-lesson .menu ul {
 128     list-style: none;
 129     padding: 5px 0px 0px 5px;
 130     margin: 0px;
 131 }
 132
 133 .mod-lesson .menu li {
 134     padding-bottom: 5px;
 135 }
 136
 137 .mod-lesson .leftmenu_selected_link {
 138 }
 139
 140 .mod-lesson .leftmenu_not_selected_link {
 141 }
 142
 143 .mod-lesson .skip {
 144     position: absolute;
 145     left: -1000em;
 146     width: 20em;
 147 }
 148
 149
 150 /***
 151  *** Lesson Buttons
 152  ***/
 153
 154 .mod-lesson .lessonbutton a {
 155   padding-left:1em;
 156   padding-right:1em;
 157 }
 158
 159 .mod-lesson .lessonbutton a:link,
 160 .mod-lesson .lessonbutton a:visited,
 161 .mod-lesson .lessonbutton a:hover {
 162     color: #000;
 163     text-decoration: none;
 164 }
 165
 166 .mod-lesson .lessonbutton a:link,
 167 .mod-lesson .lessonbutton a:visited {
 168   border-top: 1px solid #cecece;
 169   border-bottom: 2px solid #4a4a4a;
 170   border-left: 1px solid #cecece;
 171   border-right: 2px solid #4a4a4a;
 172 }
 173
 174 .mod-lesson .lessonbutton a:hover {
 175   border-bottom: 1px solid #cecece;
 176   border-top: 2px solid #4a4a4a;
 177   border-right: 1px solid #cecece;
 178   border-left: 2px solid #4a4a4a;
 179 }
 180
 181 /* Branch table buttons when displayed horizontally */
 182 .mod-lesson .branchbuttoncontainer.horizontal div,
 183 .mod-lesson .branchbuttoncontainer.horizontal form {
 184     display: inline;
 185 }
 186
 187 /* Branch table buttons when displayed vertically */
 188 .mod-lesson .branchbuttoncontainer.vertical .lessonbutton {
 189     padding: 5px;
 190 }
 191
 192 /***
 193  *** Lesson Progress Bar
 194  ***    Default styles for this are very basic right now.
 195  ***    User is supposed to configure this to their liking (like using pictures)
 196  ***/
 197
 198 .mod-lesson .progress_bar {
 199     padding: 20px;
 200 }
 201
 202 .mod-lesson .progress_bar_table {
 203     width: 80%;
 204     padding: 0px;
 205     margin: 0px;
 206 }
 207
 208 .mod-lesson .progress_bar_completed {
 209     /*  Example Use of Image
 210     background-image: url(<?php echo $CFG->wwwroot ?>/mod/lesson/completed.gif);
 211     background-position: center;
 212     background-repeat: repeat-x;
 213     */
 214     background-color: green;
 215     padding: 0px;
 216     margin: 0px;
 217 }
 218
 219 .mod-lesson .progress_bar_todo {
 220     /*  Example Use of Image
 221     background-image: url(<?php echo $CFG->wwwroot ?>/mod/lesson/todo.gif);
 222     background-repeat: repeat-x;
 223     background-position: center;
 224     */
 225     background-color: red;
 226     text-align: left;
 227     padding: 0px;
 228     margin: 0px;
 229 }
 230
 231 .mod-lesson .progress_bar_token {
 232     /*  Example Use of Image
 233     background-image: url(<?php echo $CFG->wwwroot ?>/mod/lesson/token.gif);
 234     background-repeat: repeat-none;
 235     */
 236     background-color: #000000;
 237     height: 20px;
 238     width: 5px;
 239     padding: 0px;
 240     margin: 0px;
 241 }