Статистика
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
кнопки
$gray: #bbbbbb;
* { font-family: 'Roboto', sans-serif;}
.container { position: absolute;
top:50%;
left:50%;
margin-left: -65px;
margin-top: -20px;
width: 130px;
height: 40px;
text-align: center;
}
.btn {
color: #0099CC;
/* Text color */
background: transparent; /* Remove background color */
border: 2px solid #0099CC; /* Border thickness, line style, and color */
border-radius: 70px; /* Adds curve to border corners */
text-decoration: none;
text-transform: uppercase; /* Make letters uppercase */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;}.btn1 {
background-color: white;
color: black;
border: 2px solid #008CBA;} .btn1:hover {
background-color: #008CBA;
color: white;
}
&:active { letter-spacing: 2px ;
} &:after {
content:""; }}.onclic {
width: 10px !important;
height: 70px !important;
border-radius: 50% !important;
border-color:$gray;
border-width:4px;
font-size:0;
border-left-color: #008CBA;
animation: rotating 2s 0.25s linear infinite;
&:hover { color: dodgerblue; background: white; }}.validate { content:"";
font-size:16px;
color: black;
background: dodgerblue;
border-radius: 50px;
&:after { font-family:'FontAwesome'; content:" done \f00c"; }
}
b { outline:none;
height: 40px;
text-align: center;
width: 130px;
border-radius:100px;
background: #fff;
border: 2px solid #008CBA;
color: #008CBA;
letter-spacing:1px;
text-shadow:0;
font:{ size:12px; weight:bold; }
cursor: pointer;
transition: all 0.25s ease;
@keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); }
}
|
Календарь
« Май 2024 » | Пн | Вт | Ср | Чт | Пт | Сб | Вс | | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
|
| | |