212 lines
6.0 KiB
CSS
212 lines
6.0 KiB
CSS
/*----------------------------------------*/
|
|
/* 1. Buttons CSS
|
|
/*----------------------------------------*/
|
|
|
|
.btn-demo-notika{
|
|
padding:20px;
|
|
background:#fff;
|
|
}
|
|
.btn-demo-notika h2{
|
|
font-size:20px;
|
|
color:#444;
|
|
}
|
|
.btn-demo-notika p{
|
|
font-size:14px;
|
|
color:#444;
|
|
line-height:24px;
|
|
margin-bottom:0px;
|
|
}
|
|
.btn-demo-notika .btn{
|
|
margin-right:10px;
|
|
}
|
|
.btn-default.notika-btn-default, .btn-info.notika-btn-info, .btn-primary.notika-btn-primary, .btn-success.notika-btn-success, .btn-warning.notika-btn-warning, .btn-danger.notika-btn-danger{
|
|
box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
|
|
border:none;
|
|
outline:none !important;
|
|
border-radius:2px;
|
|
font-size:14px;
|
|
}
|
|
.btn-default.notika-btn-default{
|
|
background-color: #fff;
|
|
}
|
|
.btn-info.notika-btn-info, .btn-info.info-icon-notika{
|
|
background-color: #00BCD4;
|
|
}
|
|
.btn-primary.notika-btn-primary, .btn-primary.notika-gp-primary, .btn-primary.primary-icon-notika{
|
|
background-color: #2196F3;
|
|
}
|
|
.btn-success.notika-btn-success, .btn-success.success-icon-notika{
|
|
background-color: #00c292;
|
|
}
|
|
.btn-warning.notika-btn-warning, .btn-warning.warning-icon-notika{
|
|
background-color: #FF9800;
|
|
}
|
|
.btn-danger.notika-btn-danger, .btn-danger.danger-icon-notika{
|
|
background-color: #F44336 !important;
|
|
}
|
|
.btn-default.notika-btn-default:hover, .btn-info.notika-btn-info:hover, .btn-primary.notika-btn-primary:hover, .btn-success.notika-btn-success:hover, .btn-warning.notika-btn-warning:hover, .btn-danger.notika-btn-danger:hover, .btn-primary.primary-icon-notika:hover, .btn-info.info-icon-notika:hover, .btn-success.success-icon-notika:hover, .btn-warning.warning-icon-notika:hover, .btn-danger.danger-icon-notika:hover, .btn-teal.teal-icon-notika:hover, .btn-orange.orange-icon-notika:hover, .btn-cyan.cyan-icon-notika:hover, .btn-lightgreen.lightgreen-icon-notika:hover, .btn-lime.lime-icon-notika:hover, .btn-amber.amber-icon-notika:hover, .btn-gray.gray-icon-notika:hover, .btn-lightblue.lightblue-icon-notika:hover, .btn-deeporange.deeporange-icon-notika:hover{
|
|
background:none;
|
|
border:none;
|
|
outline:none;
|
|
}
|
|
.btn-info.notika-btn-info:hover, .btn-info.info-icon-notika:hover{
|
|
background: #00BCD4;
|
|
}
|
|
.btn-primary.notika-btn-primary:hover, .btn-primary.notika-gp-primary:hover, .btn-primary.primary-icon-notika:hover{
|
|
background: #2196F3;
|
|
}
|
|
.btn-success.notika-btn-success:hover, .btn-success.success-icon-notika:hover{
|
|
background: #00c292;
|
|
}
|
|
.btn-warning.notika-btn-warning:hover, .btn-warning.warning-icon-notika:hover{
|
|
background: #FF9800;
|
|
}
|
|
.btn-danger.notika-btn-danger:hover, .btn-danger.danger-icon-notika:hover{
|
|
background: #F44336 !important;
|
|
}
|
|
.btn-primary.notika-gp-primary, .btn-primary.notika-gp-default{
|
|
margin-right:0px;
|
|
border:none;
|
|
outline:none;
|
|
box-shadow:none;
|
|
}
|
|
.btn-default.notika-gp-default{
|
|
box-shadow:none;
|
|
border:none;
|
|
outline:none !important;
|
|
background:#fff;
|
|
margin-right:0px;
|
|
}
|
|
.notika-group-btn, .material-design-btn .btn{
|
|
box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
|
|
margin-bottom:10px;
|
|
}
|
|
.material-design-btn .btn{
|
|
border:none;
|
|
outline:none !important;
|
|
border-radius:2px;
|
|
color:#fff;
|
|
padding: 5px 30px;
|
|
font-size:14px;
|
|
}
|
|
.notika-btn-cyan, .btn-cyan.cyan-icon-notika{
|
|
background:#00BCD4;
|
|
}
|
|
.btn-cyan.cyan-icon-notika:hover{
|
|
background:#00BCD4;
|
|
}
|
|
.notika-btn-teal, .btn-teal.teal-icon-notika{
|
|
background:#009688;
|
|
}
|
|
.btn-teal.teal-icon-notika:hover{
|
|
background:#009688;
|
|
}
|
|
.notika-btn-amber, .btn-amber.amber-icon-notika{
|
|
background:#FFC107;
|
|
}
|
|
.btn-amber.amber-icon-notika:hover{
|
|
background:#FFC107;
|
|
}
|
|
.notika-btn-orange, .btn-orange.orange-icon-notika{
|
|
background:#FF9800;
|
|
}
|
|
.btn-orange.orange-icon-notika:hover{
|
|
background:#FF9800;
|
|
}
|
|
.notika-btn-deeporange, .btn-deeporange.deeporange-icon-notika{
|
|
background:#FF5722;
|
|
}
|
|
.btn-deeporange.deeporange-icon-notika:hover{
|
|
background:#FF5722;
|
|
}
|
|
.notika-btn-red{
|
|
background:#F44336;
|
|
}
|
|
.notika-btn-pink{
|
|
background:#E91E63;
|
|
}
|
|
.notika-btn-lightblue, .btn-lightblue.lightblue-icon-notika{
|
|
background:#03A9F4;
|
|
}
|
|
.btn-lightblue.lightblue-icon-notika:hover{
|
|
background:#03A9F4;
|
|
}
|
|
.notika-btn-blue{
|
|
background:#2196F3;
|
|
}
|
|
.notika-btn-indigo{
|
|
background:#3F51B5;
|
|
}
|
|
.notika-btn-lime, .btn-lime.lime-icon-notika{
|
|
background:#CDDC39;
|
|
}
|
|
.btn-lime.lime-icon-notika:hover{
|
|
background:#CDDC39;
|
|
}
|
|
.notika-btn-lightgreen, .btn-lightgreen.lightgreen-icon-notika{
|
|
background:#8BC34A;
|
|
}
|
|
.btn-lightgreen.lightgreen-icon-notika:hover{
|
|
background:#8BC34A;
|
|
}
|
|
.notika-btn-green{
|
|
background:#4CAF50;
|
|
}
|
|
.notika-btn-purple{
|
|
background:#BA68C8;
|
|
}
|
|
.notika-btn-deeppurple{
|
|
background:#673AB7;
|
|
}
|
|
.notika-btn-gray, .btn-gray.gray-icon-notika{
|
|
background:#9E9E9E;
|
|
}
|
|
.btn-gray.gray-icon-notika:hover{
|
|
background:#9E9E9E;
|
|
}
|
|
.notika-btn-bluegray{
|
|
background:#607D8B;
|
|
}
|
|
.notika-btn-black{
|
|
background:#444;
|
|
}
|
|
.btn-default.btn-icon-notika{
|
|
border:none;
|
|
outline:none !important;
|
|
background:#fff;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
|
|
margin-bottom:10px;
|
|
font-size:14px;
|
|
color:#444;
|
|
}
|
|
.btn-default.btn-icon-notika:hover, .btn-default.btn-icon-notika:active, .btn-default.btn-icon-notika:focus{
|
|
box-shadow:none;
|
|
border:none;
|
|
outline:none !important;
|
|
background:none;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
|
|
}
|
|
.btn-primary.primary-icon-notika, .btn-info.info-icon-notika, .btn-success.success-icon-notika, .btn-warning.warning-icon-notika, .btn-danger.danger-icon-notika, .btn-teal.teal-icon-notika, .btn-orange.orange-icon-notika, .btn-cyan.cyan-icon-notika, .btn-lightgreen.lightgreen-icon-notika, .btn-lime.lime-icon-notika, .btn-amber.amber-icon-notika, .btn-gray.gray-icon-notika, .btn-lightblue.lightblue-icon-notika, .btn-deeporange.deeporange-icon-notika{
|
|
border:none;
|
|
outline:none !important;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
|
|
margin-bottom:10px;
|
|
font-size:14px;
|
|
color:#fff;
|
|
}
|
|
.button-icon-btn i {
|
|
font-size: 14px;
|
|
line-height: 24px;
|
|
}
|
|
.button-icon-btn-rd .btn, .button-icon-btn-cl .btn{
|
|
border-radius:50%;
|
|
}
|
|
.btn-reco-mg{
|
|
margin-bottom:0px !important;
|
|
}
|
|
.mg-t-30.butt-mg-t-20{
|
|
margin-top:20px;
|
|
}
|
|
.notika-btn-hd {
|
|
margin-bottom: 20px;
|
|
} |