Sand Tray Experiments 04
Color Switching
I will take six of the color schemes from the gallery, and experiment with switching the colors in the associated CSS file.
Colour Scheme 12 - "After Harvest"...........to Gallery Menu
Primary Colours |
||||
| #999900 | #666633 | #333300 | #CCCC33 | |
Secondary Colour A |
||||
| #006666 | #333333 | #003300 | #339966 | #339999 |
Secondary Colour B |
||||
| #993300 | #663333 | #330000 | #CC6633 | |
Complimentary Colour |
||||
| #330066 | #333333 | #000033 | #663399 | |
Colors Used from "Earth and Sky" in website column "cs1":
Colors Used from "Pink Panther" in website column "cs2":
Colors Used from "Olive Tree" in website column "cs3":
Colors Used from "After Harvest" in website column "cs4":
| element | cs1 | cs2 | cs3 | cs4 | cs5 | cs6 |
| body{background} | #6D4C00 | #000000 | #CCCC33 | #663399 | ||
| body{color} | #000000 | #FF0099 | ||||
| container{background} | #1E0584 | #FF66CC | #FFFFFF | #FFFFFF | ||
| container{border} | #28709E | #99CC00 | #993300 | #993300 | ||
| header{background} | #10014B | |||||
| header{border} | #28709E | #99CC00 | #993300 | #993300 | ||
| header{color} | #D19A1C | |||||
| sidebar1{background} | #D19A1C | #FF9966 | #333300 | #CCCC33 | ||
| sidebar1{color} | #D19A1C | #3300CC | ||||
| sidebar1 p{color} | #993300 | #993300 | ||||
| sidebar1 p{background} | #999900 | #339966 | ||||
| sidebar1{border} | #28709E | #99CC00 | #993300 | |||
| sidebar1 a:link {color} | #442CA5 | #FFFFFF | #993300 | |||
| sidebar1 a:visited {color} | #6D4C00 | #CCFF00 | #FFFFFF | #993300 | ||
| sidebar1 a:hover {background} | #9999FF | #006666 | #006666 | |||
| sidebar1 a:hover {color} | #10014B | #FFFFFF | #FFFFFF | |||
| sidebar1 a:active {color} | #002A45 | #FFFFFF | #FFFFFF | |||
| sidebar1 a:active {background} | #18699E | |||||
| mainContent {border} | #28709E | #993300 | #993300 | |||
| mainContent{color} | #D19A1C | #3300CC | #333300 | #333300 | ||
| mainContent a{color} | #28709E | #6666FF | #006666 | #006666 | ||
| span.css {color} | red | red | red | red | ||
| a.ref.link {color} | ||||||
| footer {background} | #10014B | #FFFF99 | #333300 | #666633 | ||
| footer {border} | #28709E | #99CC00 | #993300 | #993300 | ||
| footer p{color} | #28709E | #FF0099 | #FFFFFF | #330000 | ||