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