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