theme/wood/styles_color.css

   1 /**
   2   *  Adds all the nice finish to the standard theme
   3   *
   4   */
   5
   6 /** First of all, we reset some undesired styles from standard **/
   7
   8 .forumheaderlist .discussion .starter,
   9 .forumpost .starter,
  10 #grade-index table .generaltableheader,
  11 #grade-index table .generalboxcontent,
  12 #grade-exceptions table .generaltableheader,
  13 #grade-exceptions table .generalboxcontent,
  14 #mod-glossary-report .generalbox .teacher,
  15 #mod-assignment-submissions table.submissions th,
  16 #mod-assignment-submissions table.submissions td,
  17 #mod-assignment-submissions .feedback .content,
  18 #mod-assignment-submissions .feedback .topic,
  19 #mod-assignment-submissions .feedback .picture,
  20 form.mform fieldset.hidden,
  21 form.mform fieldset.hidden fieldset.fgroup,
  22 ul.tabrow1 li a:link,
  23 ul.tabrow1 li a:visited,
  24 .sideblock .r0,
  25 .sideblock .r1,
  26 .generaltable .cell,
  27 div.sideblock table.minicalendar {
  28     border:none;
  29     background:none;
  30 }
  31
  32 /** General HTML tags defined here **/
  33
  34 body {
  35     background-color:#CC9966;
  36     background-image:url(background.jpg);
  37 }
  38
  39 table {
  40     border:none;
  41 }
  42
  43 div {
  44     color:#330000;
  45 }
  46
  47 .tabledivider,
  48 hr {
  49     border-top:solid 1px #FFCC99;
  50     border-left:solid 1px #FFCC99;
  51     border-bottom:solid 1px #330000;
  52     border-right:solid 1px #330000;
  53     height: 0px;
  54 }
  55
  56 div#footer {
  57     margin-top: 5px;
  58 }
  59
  60 /** Links defined here **/
  61
  62 a:link,
  63 a:visited {
  64     color:#990000;
  65 }
  66
  67 a.autolink:link,
  68 a.autolink:visited {
  69   background: #99FFCC;
  70 }
  71
  72 /** All the tabs stuff starts here **/
  73
  74 .tabs .r0,
  75 .tabs .r1 {
  76   background:none;
  77 }
  78
  79 .tabs .side,
  80 .tabrow0 a {
  81   border-color: #330000;
  82 }
  83
  84 /* Links in tabs */
  85 /* non-selected */
  86 .tabrow0 a:link span,
  87 .tabrow0 a:visited span,
  88 .tabrow0 .here .tabrow1 a:link span,
  89 .tabrow0 .here .tabrow1 a:visited span,
  90 ul.tabrow1 li a:link,
  91 ul.tabrow1 li a:visited {
  92   color: #990000;
  93 }
  94
  95 /* selected */
  96 .tabrow0 .here a:link span,
  97 .tabrow0 .here a:visited span,
  98 .tabrow0 .here .tabrow1 .here a:link span,
  99 .tabrow0 .here .tabrow1 .here a:visited span,
 100 ul.tabrow1 li.here a:link,
 101 ul.tabrow1 li.here a:visited {
 102   color: #330000;
 103 }
 104
 105 /* Normal tabs */
 106 .tabrow0 a {
 107   background:url(pix/tab/left.gif) top left no-repeat;
 108 }
 109 .tabrow0 a span {
 110   background:url(pix/tab/right.gif) top right no-repeat;
 111 }
 112 /* This could be not needed. Leaving it for now, anyway. Used in case we want different last element. */
 113 .tabrow0 .last a span {
 114   background: url(pix/tab/right_end.gif) top right no-repeat;
 115 }
 116
 117 /* Normal tabs hover */
 118 .tabrow0 a:hover {
 119   background-image:url(pix/tab/left_hover.gif);
 120 }
 121 .tabrow0 a:hover span {
 122   background-image:url(pix/tab/right_hover.gif);
 123 }
 124 /* This could be not needed. Leaving it for now, anyway. Used in case we want different last element. */
 125 .tabrow0 .last a:hover span {
 126   background-image:url(pix/tab/right_hover.gif);
 127 }
 128
 129 /* Selected tabs */
 130 .tabrow0 .active a,
 131 .tabrow0 .selected a {
 132   background:url(pix/tab/left_active.gif) top left no-repeat;
 133 }
 134 .tabrow0 .active a span,
 135 .tabrow0 .selected a span {
 136   background:url(pix/tab/right_active.gif) top right no-repeat;
 137 }
 138 /* This could be not needed. Leaving it for now, anyway. Used in case we want different last element. */
 139 .tabrow0 .last .active a span,
 140 .tabrow0 .last .selected a span{
 141   background:url(pix/tab/right_active.gif) top left no-repeat;
 142 }
 143
 144 /* Selected tabs hover */
 145 .tabrow0 .active a:hover,
 146 .tabrow0 .selected a:hover {
 147   background:url(pix/tab/left_active.gif) top left no-repeat;
 148 }
 149 .tabrow0 .active a:hover span,
 150 .tabrow0 .selected a:hover span {
 151   background:url(pix/tab/right_active.gif) top right no-repeat;
 152 }
 153 /* This could be not needed. Leaving it for now, anyway. Used in case we want different last element. */
 154 .tabrow0 .last .active a:hover span,
 155 .tabrow0 .last .selected a:hover span{
 156   background:url(pix/tab/right_active.gif) top left no-repeat;
 157 }
 158
 159 .tabrow1.empty {
 160   border-top:solid 1px #FFCC99;
 161   border-left:solid 1px #FFCC99;
 162   border-bottom:solid 1px #330000;
 163   border-right:solid 1px #330000;
 164   height: 0px;
 165 }
 166
 167 .tabrow2.empty {
 168   border:none;
 169   height:0px;
 170 }
 171
 172 .breadcrumb .sep {
 173     color:#330000;
 174 }
 175
 176 /** Styles to have the blocks showed and hidden properly **/
 177
 178 #left-column .hidden .header,
 179 #right-column .hidden .header
 180 {
 181   border-bottom-color:#330000;
 182 }
 183
 184 .sideblock .header .hide-show img.hide-show-image {
 185   background: url('pix/t/switch_minus.gif') no-repeat bottom;
 186 }
 187
 188 .sideblock.hidden .header .hide-show img.hide-show-image {
 189   background: url('pix/t/switch_plus.gif') no-repeat bottom;
 190 }
 191
 192 /** Places using the horizontal medium wood texture with borders **/
 193
 194 th.header,
 195 td.header,
 196 div.header,
 197 h2.header,
 198 h2.main,
 199 .sideblock .header,
 200 .navbar,
 201 table.files th,
 202 .tabrow0 ul,
 203 legend,
 204 #mod-assignment-submissions table.submissions th,
 205 #mod-assignment-submissions .feedback tr,
 206 #footer-bar {
 207     border-top:1px solid #FFCC99;
 208     border-left:1px solid #FFCC99;
 209     border-bottom:1px solid #330000;
 210     border-right:1px solid #330000;
 211     background-image:url(gradient1.jpg);
 212     background-position:bottom;
 213     background-repeat:repeat;
 214 }
 215
 216 /** Places using the horizontal medium wood texture without borders **/
 217
 218 #mod-chat-gui_header_js-chatinput,
 219 .forumpost .header,
 220 .forumpost .header .starter,
 221 .glossarypost .entryheader,
 222 .glossarycomment .entryheader,
 223 .glossarypost .entryattachment,
 224 #grade-index .header,
 225 #grade-exceptions .header,
 226 #calendar .maincalendar .eventlist .event .topic {
 227     background-image:url(gradient1.jpg);
 228     background-position:bottom;
 229     background-repeat:repeat;
 230     border:none;
 231 }
 232
 233 /** Places using the vertical ultra-white wood texture with borders **/
 234
 235 .results,
 236 .loginbox,
 237 .generalboxcontent,
 238 .informationboxcontent,
 239 .noticeboxcontent,
 240 .entryboxheader,
 241 .entrybox,
 242 .userinfobox,
 243 .generaltable,
 244 .forumheaderlist,
 245 .forumpost,
 246 #course-user .section,
 247 #site-index .sitetopic .sitetopiccontent,
 248 #calendar .maincalendar .filters table,
 249 #calendar .sidecalendar,
 250 #calendar .sidecalendar .filters table,
 251 .block_calendar_month .filters table,
 252 #calendar .maincalendar .minicalendar,
 253 #calendar .sidecalendar .minicalendar,
 254 .message-discussion-noframes #messages,
 255 .block_calendar_month .minicalendar,
 256 #calendar .maincalendar .eventlist .event,
 257 #calendar .maincalendar,
 258 .coursebox,
 259 .categorybox,
 260 .cal_popup_fg,
 261 #course-view .section td.content,
 262 table.files,
 263 #admin-index .generalbox,
 264 .generalbox,
 265 .admin .generalbox,
 266 form.mform fieldset,
 267 #adminsettings fieldset {
 268     border-top:1px solid #FFCC99;
 269     border-left:1px solid #FFCC99;
 270     border-bottom:1px solid #330000;
 271     border-right:1px solid #330000;
 272     background-image:url(gradient2.jpg);
 273     background-position:bottom;
 274     background-repeat:repeat;
 275 }
 276
 277
 278 .loginbox.twocolumns .loginpanel {
 279     border-right:1px solid #330000;
 280 }
 281
 282 .loginbox,
 283 .loginbox .subcontent {
 284       border-top:1px solid #FFCC99;
 285 }
 286
 287 /** Places using the vertical ultra-white wood texture without borders **/
 288
 289 #mod-chat-gui_header_js-users,
 290 #grade-index .generaltableheader,
 291 #grade-index .generalboxcontent,
 292 #grade-exceptions .generaltableheader,
 293 #grade-exceptions .generalboxcontent,
 294 .generaltable td,
 295 .generaltable .cell,
 296 .forumheaderlist td,
 297 .forumpost .left,
 298 .r0 {
 299     background-image:url(gradient2.jpg);
 300     background-position:bottom;
 301     background-repeat:repeat;
 302     border:none;
 303 }
 304
 305 /** Places using the white wood texture with borders **/
 306
 307 .sideblock .content {
 308     border-top:1px solid #FFCC99;
 309     border-left:1px solid #FFCC99;
 310     border-bottom:1px solid #330000;
 311     border-right:1px solid #330000;
 312     background-image:url(gradient4.jpg);
 313     background-position:bottom;
 314     background-repeat:repeat;
 315 }
 316
 317 /** Places using the white wood texture without borders **/
 318
 319 .nonefornow {
 320     background-image:url(gradient4.jpg);
 321     background-position:bottom;
 322     background-repeat:repeat;
 323     border:none;
 324 }
 325
 326 /** Places using the vertical medium wood texture with borders **/
 327
 328 #notused,
 329 #course-view .section td.side {
 330     border-top:1px solid #FFCC99;
 331     border-left:1px solid #FFCC99;
 332     border-bottom:1px solid #330000;
 333     border-right:1px solid #330000;
 334     background-image:url(gradient3.jpg);
 335     background-position:bottom;
 336     background-repeat:repeat;
 337 }
 338
 339 /** Places using the vertical medium wood texture without borders **/
 340
 341 .glossarypost .left,
 342 .glossarycomment .left,
 343 #calendar .maincalendar .eventlist .event .picture,
 344 #calendar .maincalendar .eventlist .event .side {
 345     background-image:url(gradient3.jpg);
 346     background-position:bottom;
 347     background-repeat:repeat;
 348     border:none;
 349 }
 350
 351 /** Places using the horizontal dark wood texture with borders **/
 352
 353 .cal_popup_bg {
 354     border-top:1px solid #FFCC99;
 355     border-left:1px solid #FFCC99;
 356     border-bottom:1px solid #330000;
 357     border-right:1px solid #330000;
 358     background-image:url(background.jpg);
 359     background-position:bottom;
 360     background-repeat:repeat;
 361 }
 362
 363 /** Places using the horizontal dark wood texture without borders **/
 364
 365 .glossarycategoryheader {
 366     background-image:url(background.jpg);
 367     background-position:bottom;
 368     background-repeat:repeat;
 369     border:none;
 370 }
 371
 372 /** Places using a white background **/
 373
 374 table .flexible .r1,
 375 #mod-survey-view table tr.r1,
 376 #calendar .maincalendar .eventlist .event .description,
 377 #message-messages,
 378 .glossarypost .entry,
 379 .glossarycomment .entry,
 380 .glossarypost .entrylowersection {
 381     background: none;
 382     background-color: white;
 383     border:none;
 384 }
 385
 386 /** Places using a green border **/
 387
 388 .unread {
 389     border-top:1px solid #99FF99;
 390     border-left:1px solid #99FF99;
 391     border-bottom:1px solid #99FF99;
 392     border-right:1px solid #99FF99;
 393     border-collapse: separate;
 394 }
 395
 396 /** Places using just standard borders **/
 397
 398 .read,
 399 .glossarypost,
 400 .glossarycomment,
 401 #mod-assignment-submissions .submissions {
 402     border-top:1px solid #FFCC99;
 403     border-left:1px solid #FFCC99;
 404     border-bottom:1px solid #330000;
 405     border-right:1px solid #330000;
 406     border-collapse: separate;
 407 }