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 | ||