Retour
6.1/TopazDev_Button.css
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.button2 {
border: none;
color: white;
padding: 21px 20px;
width: 120px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.button3 {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.borderR1{
border-radius: 12px 0 12px 0;
}
.button2:hover,
.button:hover{
background-color: #008ed7;
}
.bouton1 {
padding:6px 0 6px 0;
font:Bold 13px Arial;
background:#d34836;
color:#fff;
width:90px;
border-radius:2px;
border:none;
}
.bouton2 {
padding:6px 0 6px 0;
font:bold 13px Arial;
background:#478bf9;
color:#fff;
border-radius:2px;
width:100px;
border:none;
}
.bouton3 {
padding:6px 0 6px 0;
font:bold 13px Arial;
background:#f5f5f5;
color:#555;
border-radius:2px;
width:100px;
border:1px solid #ccc;
}
.bouton4 {
padding:6px 0 6px 0;
font:bold 13px Arial;
background:#f5f5f5;
color:#555;
border-radius:2px;
width:100px;
border:1px solid #ccc;
box-shadow:1px 1px 3px #999;
}
.bouton5 {
border-radius:12px 0 12px 0;
background: #d34836;
border:none;
color:#fff;
font:bold 12px Verdana;
padding:6px 0 6px 0;
}
.bouton6 {
border-radius:12px 0 12px 0;
background: #478bf9;
border:none;
color:#fff;
font:bold 12px Verdana;
padding:6px 0 6px 0;
}
.bouton7 {
border-radius:12px 0 12px 0;
background: #f5f5f5;
border:none;
color:#555;
font:bold 12px Verdana;
padding:6px 0 6px 0;
border:1px solid #ccc;
}
.bouton8 {
border-radius:12px 0 12px 0;
background: #f5f5f5;
border:none;
color:#555;
font:bold 12px Verdana;
padding:6px 0 6px 0;
box-shadow:1px 1px 3px #999;
}
.bouton9 {
border:none;
padding:6px 0 6px 0;
border-radius:2px;
box-shadow:1px 1px 3px #aaa;
background:#fff;
font:bold 13px Arial;
color:#555;
}
.bouton10 {
border:none;
padding:6px 0 6px 0;
border-radius:2px;
box-shadow:2px 2px 5px #aaa;
background:#fff;
font:bold 13px Arial;
color:#555;
}
.bouton11 {
border:none;
padding:6px 0 6px 0;
border-radius:2px;
box-shadow:2px 2px 6px #999;
background:#fff;
font:bold 13px Arial;
color:#555;
}
.bouton12 {
border:none;
padding:6px 0 6px 0;
border-radius:2px;
box-shadow:3px 3px 12px #999;
background:#fff;
font:bold 13px Arial;
color:#555;
}
.bouton13 {
border:none;
padding:6px 0 6px 0;
border-radius:8px;
background:#d34836;
font:bold 13px Arial;
color:#fff;
}
.bouton14 {
border:none;
padding:12px 0 12px 0;
border-radius:42px;
font:bold 13px Arial;
color:#fff;
}
.bouton17 {
width:85px;
height:85px;
background:#fafafa;
box-shadow:2px 2px 8px #aaa;
font:bold 13px Arial;
border-radius:50%;
color:#555;
}
.bouton18 {
width:85px;
height:85px;
background:#cc0000;
font:bold 13px Arial;
border-radius:50%;
border:none;
color:#fff;
}