1
0
mirror of https://github.com/searxng/searxng.git synced 2024-11-16 17:40:11 +01:00
searxng/searx/static/less/bootstrap/theme_simplex/bootswatch.less
2015-01-18 12:00:38 +01:00

142 lines
2.4 KiB
Plaintext

// Simplex 3.3.1
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700");
.btn-shadow(@color) {
#gradient > .vertical-three-colors(lighten(@color, 3%), @color, 6%, darken(@color, 3%));
filter: none;
border: 1px solid darken(@color, 10%);
}
// Navbar =====================================================================
.navbar {
&-inverse {
.badge {
background-color: #fff;
color: @brand-primary;
}
}
}
// Buttons ====================================================================
.btn {
font-family: @headings-font-family;
}
.btn-default,
.btn-default:hover {
.btn-shadow(@btn-default-bg);
}
.btn-primary,
.btn-primary:hover {
.btn-shadow(@btn-primary-bg);
}
.btn-success,
.btn-success:hover {
.btn-shadow(@btn-success-bg);
}
.btn-info,
.btn-info:hover {
.btn-shadow(@btn-info-bg);
}
.btn-warning,
.btn-warning:hover {
.btn-shadow(@btn-warning-bg);
}
.btn-danger,
.btn-danger:hover {
.btn-shadow(@btn-danger-bg);
}
// Typography =================================================================
body {
font-weight: 200;
}
// Tables =====================================================================
th {
color: @headings-color;
}
// Forms ======================================================================
legend {
color: @headings-color;
}
label {
font-weight: normal;
}
.has-warning {
.help-block,
.control-label {
color: @brand-danger;
}
.form-control,
.form-control:focus {
border-color: @brand-danger;
}
}
.has-error {
.help-block,
.control-label {
color: @brand-primary;
}
.form-control,
.form-control:focus {
border-color: @brand-primary;
}
}
.has-success {
.help-block,
.control-label {
color: @brand-success;
}
.form-control,
.form-control:focus {
border-color: @brand-success;
}
}
// Navs =======================================================================
.pager {
a {
color: @headings-color;
}
a:hover,
.active > a, {
border-color: @brand-primary;
color: #fff;
}
.disabled > a {
border-color: @pager-border;
}
}
// Indicators =================================================================
// Progress bars ==============================================================
// Containers =================================================================