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