Home
Example
CSS
Javascript
CSS
- Code:
.navlinks{background:transparent!important;}
a.btn-light {
color: #fff;
background-color: rgba(255,255,255,.125);
border-color: rgba(255,255,255,.125);
font-size: .70rem!important;
font-weight: 500!important;
letter-spacing: 1px;
padding: 9px 19px!important;
border-radius: .25rem!important;
text-transform: uppercase;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
height: auto!important;
line-height: inherit!important;
display: inline-block;
width: auto;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin: 2px;
box-sizing: border-box!important;
}
.btn-light:hover {
background-color: rgba(255, 255, 255, 0.18);
border-color: rgba(255, 255, 255, 0.18);
}
Javascript
- Code:
$(function(){
$('.navlinks a').attr('class','btn-light');
});
