2018-11-20 00:08:30 +00:00
|
|
|
/*!
|
|
|
|
* Bootstrap v3.3.7 (http://getbootstrap.com)
|
|
|
|
* Copyright 2011-2016 Twitter, Inc.
|
2022-03-09 03:34:04 +00:00
|
|
|
* Copyright 2022 DJ Chase
|
2018-11-20 00:08:30 +00:00
|
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
|
|
* Forked by mio for tilde.team
|
|
|
|
*/
|
|
|
|
|
2018-11-24 13:14:01 +00:00
|
|
|
select {
|
2023-03-15 17:44:36 +00:00
|
|
|
background-color: darken(@btn-default-bg, 5%);
|
2018-11-24 13:14:01 +00:00
|
|
|
border-color: @btn-default-border;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
2018-11-20 00:08:30 +00:00
|
|
|
|
|
|
|
// Buttons
|
|
|
|
// Change default mixin to lighten on hover
|
|
|
|
.btn-styles(@btn-color: #CCCCCC) {
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
|
|
|
background-color: lighten(@btn-color, 10%);
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active,
|
|
|
|
&.active {
|
|
|
|
background-color: lighten(@btn-color, 10%);
|
|
|
|
border-color: lighten(@btn-color, 10%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
2023-03-15 17:44:36 +00:00
|
|
|
.btn-default {
|
|
|
|
.btn-styles(@btn-default-bg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-primary {
|
|
|
|
.btn-styles(@btn-primary-bg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-success {
|
|
|
|
.btn-styles(@btn-success-bg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-info {
|
|
|
|
.btn-styles(@btn-info-bg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-warning {
|
|
|
|
.btn-styles(@btn-warning-bg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-danger {
|
|
|
|
.btn-styles(@btn-danger-bg);
|
|
|
|
}
|
2018-11-20 00:08:30 +00:00
|
|
|
|
|
|
|
|
|
|
|
// Forms
|
|
|
|
// Fade disabled input fields
|
|
|
|
.form-control[disabled],
|
|
|
|
.form-control[readonly],
|
|
|
|
fieldset[disabled] .form-control {
|
|
|
|
color: darken(@hacker-bg, 10%);
|
|
|
|
opacity: 0.6;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Default button has colors matching input field
|
|
|
|
.input-group .btn-default {
|
|
|
|
border-color: @btn-default-border;
|
|
|
|
|
|
|
|
&:active,
|
|
|
|
&.active {
|
|
|
|
color: @btn-default-color;
|
|
|
|
background: @btn-default-bg;
|
|
|
|
border-color: @hacker;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Dropdowns
|
|
|
|
// Bold header
|
|
|
|
.dropdown-header {
|
|
|
|
margin: 5px 0;
|
|
|
|
font-weight: bold;
|
|
|
|
background: @dropdown-header-bg;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Tables
|
|
|
|
// Heading color
|
|
|
|
thead {
|
|
|
|
color: @table-heading-color;
|
|
|
|
background: @table-heading-bg;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Default hover colors
|
|
|
|
.table-hover {
|
|
|
|
> tbody > tr:hover {
|
|
|
|
color: @table-hover-color;
|
|
|
|
background: @table-bg-hover;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Change default mixin to lighten on hover for states
|
|
|
|
// Extracted from mixins/table-row.less
|
|
|
|
.table-row-variant(@state; @background) {
|
|
|
|
.table > thead > tr,
|
|
|
|
.table > tbody > tr,
|
|
|
|
.table > tfoot > tr {
|
|
|
|
> td.@{state},
|
|
|
|
> th.@{state},
|
|
|
|
&.@{state} > td,
|
|
|
|
&.@{state} > th {
|
|
|
|
background-color: @background;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.table-hover > tbody > tr {
|
|
|
|
> td.@{state}:hover,
|
|
|
|
> th.@{state}:hover,
|
|
|
|
&.@{state}:hover > td,
|
|
|
|
&:hover > .@{state},
|
|
|
|
&.@{state}:hover > th {
|
|
|
|
background-color: lighten(@background, 5%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Active color
|
|
|
|
tr.active {
|
|
|
|
color: @table-active-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.jumbotron p {
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Remove default active hover to match pagination/tabs behaviour
|
|
|
|
.table-hover > tbody > tr {
|
|
|
|
> td.active:hover,
|
|
|
|
> th.active:hover,
|
|
|
|
&.active:hover > td,
|
|
|
|
&:hover > .active,
|
|
|
|
&.active:hover > th {
|
|
|
|
background-color: @table-bg-active;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Breadcrumbs
|
|
|
|
// Bold active item
|
|
|
|
.breadcrumb > .active {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Panels
|
|
|
|
// Bold headings
|
|
|
|
.panel-title {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel-default .panel-heading,
|
|
|
|
.panel-default .panel-title {
|
|
|
|
color: @gray-lighter;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Alerts
|
|
|
|
// Close button mixin applies color to match alert state
|
|
|
|
.close-styles(@close-style-color: #CCCCCC) {
|
|
|
|
color: @close-style-color;
|
|
|
|
opacity: 0.7;
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
|
|
|
opacity: 1.0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-03-15 17:44:36 +00:00
|
|
|
.alert-success .close {
|
|
|
|
.close-styles(@brand-success);
|
|
|
|
}
|
|
|
|
|
|
|
|
.alert-info .close {
|
|
|
|
.close-styles(@brand-info);
|
|
|
|
}
|
|
|
|
|
|
|
|
.alert-warning .close {
|
|
|
|
.close-styles(@brand-warning);
|
|
|
|
}
|
|
|
|
|
|
|
|
.alert-danger .close {
|
|
|
|
.close-styles(@brand-danger);
|
|
|
|
}
|
2018-11-20 00:08:30 +00:00
|
|
|
|
|
|
|
|
|
|
|
// Modals
|
|
|
|
// Apply close button mixin
|
2023-03-15 17:44:36 +00:00
|
|
|
.modal-header .close {
|
|
|
|
.close-styles(@close-color);
|
|
|
|
}
|
2018-11-20 00:08:30 +00:00
|
|
|
|
|
|
|
|
|
|
|
// List groups
|
|
|
|
// Highlight active item
|
2019-09-27 20:23:42 +00:00
|
|
|
.list-group-item {
|
|
|
|
&.active {
|
|
|
|
font-weight: bold;
|
2018-11-20 00:08:30 +00:00
|
|
|
border: 1px solid #222;
|
2019-09-27 20:23:42 +00:00
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
|
|
|
background: #1a1a1a;
|
|
|
|
border: 1px solid #222;
|
|
|
|
}
|
|
|
|
}
|
2023-03-15 17:44:36 +00:00
|
|
|
|
2019-09-27 20:23:42 +00:00
|
|
|
p {
|
|
|
|
word-wrap: break-word;
|
|
|
|
overflow-wrap: break-word;
|
2018-11-20 00:08:30 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
::selection {
|
|
|
|
background: @hacker-primary-lighter;
|
|
|
|
color: @hacker-bg
|
|
|
|
}
|
2023-03-15 17:44:36 +00:00
|
|
|
|
2018-11-20 00:08:30 +00:00
|
|
|
*::selection {
|
|
|
|
background: @hacker-primary-lighter;
|
|
|
|
color: @hacker-bg
|
|
|
|
}
|
2023-03-15 17:44:36 +00:00
|
|
|
|
2018-11-20 00:08:30 +00:00
|
|
|
::-moz-selection {
|
|
|
|
background: @hacker-primary-lighter;
|
|
|
|
color: @hacker-bg
|
|
|
|
}
|
2023-03-15 17:44:36 +00:00
|
|
|
|
2018-11-20 00:08:30 +00:00
|
|
|
*::-moz-selection {
|
|
|
|
background: @hacker-primary-lighter;
|
|
|
|
color: @hacker-bg
|
2018-11-24 13:14:01 +00:00
|
|
|
}
|
2022-02-16 17:33:28 +00:00
|
|
|
|
|
|
|
ul.table-of-contents {
|
|
|
|
margin-bottom: 22px;
|
|
|
|
padding-bottom: 22px;
|
|
|
|
border-bottom: 1px solid @hacker-box-border;
|
|
|
|
}
|
2022-03-09 03:34:04 +00:00
|
|
|
|
|
|
|
// Headings
|
2022-03-18 18:46:39 +00:00
|
|
|
h1, h2 {
|
2022-03-09 03:34:04 +00:00
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Space between paragraphs
|
|
|
|
p {
|
|
|
|
&:not(:last-child) {
|
|
|
|
margin-bottom: @line-height-with-unit;
|
|
|
|
}
|
|
|
|
}
|