Bestaande css:
#access {
background: #222; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#252525, #0a0a0a);
background: -o-linear-gradient(#252525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#252525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
Pas de kleuren aan [bijvoorbeeld]
#access {
background: #99cc66; /* Show a solid color for older browsers */
Hieronder worden kleurverlopen gedefinieerd, van licht groen naar zwart*/
background: -moz-linear-gradient(#99cc66, #0a0a0a);/*eerste kleur, tweede kleur*/
background: -o-linear-gradient(#99cc66, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99cc66), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#252525, #0a0a0a);
/*hieronder wordt een schaduw neergezet*/
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block; /*toon menu horizontaal*/
float: left; /*plaats menu links*/
margin: 0 auto 6px;
width: 100%; /*gebruik de gehele breedte*/
}
Zie ook http://www.colorpicker.com