Spade
Mini Shell
| Directory:~$ /home/lmsyaran/www/templates/g5_hydrogen/scss/hydrogen-joomla/ |
| [Home] [System Details] [Kill Me] |
// Tooltips
.tip-wrap {
color: #fff;
background-color: #000;
}
// Search Highlight
.search span.highlight {
background-color: lighten($off-white, 2%);
}
// Images
.img-polaroid {
background-color: $white;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
// System Messages and Alerts
.muted {
color: #999999;
}
a.muted:hover,
a.muted:focus {
color: #808080;
}
.alert {
background-color: lighten($warning-color, 41%);
border-color: lighten($warning-color, 34%);
a, a:hover, .alert-link, .alert-link:hover {
color: darken($warning-color, 10%);
font-weight: bold;
&:hover {
text-decoration: underline;
}
}
}
.alert,
.alert h4,
.text-warning {
color: $warning-color;
}
a.text-warning:hover,
a.text-warning:focus {
color: darken($warning-color, 5%);
}
.alert-success {
color: $success-color;
background-color: lighten($success-color, 50%);
border-color: lighten($success-color, 42%);
a, a:hover, .alert-link, .alert-link:hover {
color: darken($success-color, 10%);
font-weight: bold;
&:hover {
text-decoration: underline;
}
}
}
.alert-success h4,
.text-success {
color: $success-color;
}
a.text-success:hover,
a.text-success:focus {
color: darken($success-color, 5%);
}
.alert-danger,
.alert-error {
color: $error-color;
background-color: lighten($error-color, 43%);
border-color: lighten($error-color, 37%);
a, a:hover, .alert-link, .alert-link:hover {
color: darken($error-color, 10%);
font-weight: bold;
&:hover {
text-decoration: underline;
}
}
}
.alert-danger h4,
.alert-error h4,
.text-error {
color: $error-color;
}
a.text-error:hover,
a.text-error:focus {
color: darken($error-color, 5%);
}
.alert-info {
color: $info-color;
background-color: lighten($info-color, 47%);
border-color: lighten($info-color, 40%);
a, a:hover, .alert-link, .alert-link:hover {
color: darken($info-color, 10%);
font-weight: bold;
&:hover {
text-decoration: underline;
}
}
}
.alert-info h4,
.text-info {
color: $info-color;
}
a.text-info:hover,
a.text-info:focus {
color: darken($info-color, 5%);
}
// Resets
@include breakpoint(mobile-only) {
body {
padding-right: 0;
padding-left: 0;
}
}