Toggle grayscale mode

نماذج

#container{
width:700px;
}
#container span {
text-align:center;
font-style:italic;

}
#container h5 {
font-family: "Times New Roman", Times, serif;
font-style:italic;
background:#3D5717;
color:#FFF;
border:2px;
border-style:ridge;
border-color:#A68C42;
height:30px;
margin:0;
text-align:center;
vertical-align:middle;
line-height:190%;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius: 15px;
width:700px;

}
#container h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:left;
vertical-align:top;
padding-left:10px;
padding-bottom:0px;
margin:0;

}
#container h4{
background-color:#A68C42;
}

#hh2 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
color:#FFF;
text-align:center;
vertical-align:middle padding:2px;
margin:0px;
border:2px;
border-style:ridge;
border-color:#A68C42;
background-color:#3D5717;
height:30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
width:700px;
}
#sep {
height:15px;
width:700px;
text-align:center;
}

#links {
font-family:"Times New Roman", Times, serif;
padding:20px;

}
#links ul li {
font-family:"Times New Roman", Times, serif;
margin-top:5px;
padding: 5px;
list-style:none;
width:320px;
-moz-border-radius: 10px;
-webkit-border-radius:15px;
border-radius: 15px;
}
#links a { font-family:"Times New Roman", Times, serif;
text-decoration:none;
color:#000;

}
#links li:hover {

background:#3D5717;
border:2px;
border-style:ridge;
border-color:#A68C42;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
#links a:hover{color:#FFF;}