freeCodeCamp/public/css/ios7.less

84 lines
1.5 KiB
Plaintext

// iOS 7 Bootstrap Theme
// Sahat Yalkabov
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Lato:100,300,400,700");
// Variables =================================================================
@navbar-height: 45px;
// Global =====================================================================
body {
font-family: "Lato", sans-serif;
color: #666;
background: #e8e8e8;
min-height: 100%;
}
// Navbar =====================================================================
.navbar-default {
background: rgba(255, 255, 255, 0.95);
border: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
.navbar-nav {
> li > a {
color: #999;
transition: all 0.3s;
&:hover,
&:focus {
color: #999;
background: rgba(0, 0, 0, 0.05);
}
}
> .active > a {
&,
&:focus {
color: #007aff;
background-color: transparent;
}
&:hover {
color: #007aff;
background: rgba(0, 0, 0, 0.05);
}
}
}
}
// Buttons ====================================================================
// Typography =================================================================
// Forms =================================================================
.form-control {
transition: all 0.4s;
&:focus {
border-color: #007aff;
box-shadow: none;
}
}
label {
font-weight: normal;
> .error {
color: #d9534f;
margin-top: 5px;
}
}
.has-error,
.error {
&,
&:focus {
border-color: #d9534f;
}
}