Buttons
Button 04
.button_04 {
cursor:pointer;
border: 1px solid #cccccc;
padding:.2em .5em .2em .5em;
color: #1347A1;
background-color:#ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
text-align:center;
}
cursor:pointer;
border: 1px solid #cccccc;
padding:.2em .5em .2em .5em;
color: #1347A1;
background-color:#ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
text-align:center;
}
Button 03
background-color:#dedede;
.button_03 {
padding:5px 10px 5px 10px;
text-align:center;
border-radius:6px;
-moz-box-shadow: 0 0 3px #dcdcdc;
-webkit-box-shadow: 0 0 3px #dcdcdc;
box-shadow: 0 0 3px #dcdcdc;
background-color: #ffffff;
border: 1px solid #cbcbcb;
text-align:center;
cursor:pointer;
}
.button_03:hover {
-moz-box-shadow: 0 0 4px #c8c8c8;
-webkit-box-shadow: 0 0 4px #c8c8c8;
box-shadow: 0 0 4px #c8c8c8;
background-color: #ffffff;
border: 1px solid #999999;
text-decoration:none;
cursor:pointer;
}
padding:5px 10px 5px 10px;
text-align:center;
border-radius:6px;
-moz-box-shadow: 0 0 3px #dcdcdc;
-webkit-box-shadow: 0 0 3px #dcdcdc;
box-shadow: 0 0 3px #dcdcdc;
background-color: #ffffff;
border: 1px solid #cbcbcb;
text-align:center;
cursor:pointer;
}
.button_03:hover {
-moz-box-shadow: 0 0 4px #c8c8c8;
-webkit-box-shadow: 0 0 4px #c8c8c8;
box-shadow: 0 0 4px #c8c8c8;
background-color: #ffffff;
border: 1px solid #999999;
text-decoration:none;
cursor:pointer;
}
Button 02
.button_02 {
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
-opera-border-radius:0.6em;
-khtml-border-radius:0.6em;
border-radius:0.6em;
-webkit-box-shadow: 2px 2px 2px #cccccc;
-moz-box-shadow: 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px #cccccc;
background-color: #000000;
padding: 7px 14px 7px 14px;
color:#ffffff;
text-align:center;
cursor:pointer;
}
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
-opera-border-radius:0.6em;
-khtml-border-radius:0.6em;
border-radius:0.6em;
-webkit-box-shadow: 2px 2px 2px #cccccc;
-moz-box-shadow: 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px #cccccc;
background-color: #000000;
padding: 7px 14px 7px 14px;
color:#ffffff;
text-align:center;
cursor:pointer;
}
Button 01a
.button_01a {
padding:.2em .8em .3em 1em;
text-align:center;
border-radius:6px;
-moz-box-shadow: 0 0 3px #dedede;
-webkit-box-shadow: 0 0 3px #dedede;
box-shadow: 0 0 3px #dedede;
background-color: #476fb6;
border: 1px solid #3f619e;
color:#ffffff;
text-align:center;
margin: 0;
clear:both;
cursor:pointer;
}
.button_01a:hover {
-moz-box-shadow: 0 0 4px #b9b9b9;
-webkit-box-shadow: 0 0 4px #b9b9b9;
box-shadow: 0 0 4px #b9b9b9;
background-color: #808691;
border: 1px solid #6e737b;
text-decoration:none;
color:#ffffff;
cursor:pointer;
}
padding:.2em .8em .3em 1em;
text-align:center;
border-radius:6px;
-moz-box-shadow: 0 0 3px #dedede;
-webkit-box-shadow: 0 0 3px #dedede;
box-shadow: 0 0 3px #dedede;
background-color: #476fb6;
border: 1px solid #3f619e;
color:#ffffff;
text-align:center;
margin: 0;
clear:both;
cursor:pointer;
}
.button_01a:hover {
-moz-box-shadow: 0 0 4px #b9b9b9;
-webkit-box-shadow: 0 0 4px #b9b9b9;
box-shadow: 0 0 4px #b9b9b9;
background-color: #808691;
border: 1px solid #6e737b;
text-decoration:none;
color:#ffffff;
cursor:pointer;
}
![Logo 01241.com [3kb]](http://www.01241.com/css/images/logo_01241_130px.png)