2013-02-05 14:16:51 -05:00
|
|
|
// these are the styles associated with the Discourse admin section
|
2013-08-28 13:58:44 -04:00
|
|
|
@import "common/foundation/variables";
|
|
|
|
@import "common/foundation/mixins";
|
|
|
|
@import "common/foundation/helpers";
|
2013-02-05 14:16:51 -05:00
|
|
|
|
2017-04-12 10:52:52 -04:00
|
|
|
@import "common/admin/customize";
|
2017-09-11 14:01:59 -04:00
|
|
|
@import "common/admin/flagging";
|
2017-09-13 13:06:41 -04:00
|
|
|
@import "common/admin/suspend";
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2015-08-30 15:09:28 -04:00
|
|
|
$mobile-breakpoint: 700px;
|
2015-08-01 18:00:39 -04:00
|
|
|
|
|
|
|
// Change the box model for .admin-content
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
.admin-content {
|
|
|
|
box-sizing: border-box;
|
|
|
|
*, *:before, *:after {
|
|
|
|
box-sizing: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="text"] {
|
|
|
|
// Desktop/_discourse.scss sets a height on text-input elements. Using `box-sizing: border-box`
|
|
|
|
// this value either needs to be increased or set to auto. `mobile.css` seems to not set a height on text-inputs.
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-08-16 13:35:23 -04:00
|
|
|
.admin-contents {
|
|
|
|
position: relative;
|
|
|
|
margin-left: -10px;
|
|
|
|
margin-right: -10px;
|
|
|
|
}
|
|
|
|
|
2013-10-28 13:46:59 -04:00
|
|
|
.admin-contents table {
|
2014-02-12 23:36:10 -05:00
|
|
|
width: 100%;
|
2017-03-20 10:23:00 -04:00
|
|
|
margin-top: 10px;
|
|
|
|
|
2014-02-12 23:36:10 -05:00
|
|
|
tr {text-align: left;}
|
|
|
|
td, th {padding: 8px;}
|
2017-03-20 10:23:00 -04:00
|
|
|
td {
|
2017-08-23 16:16:18 -04:00
|
|
|
border-bottom: 1px solid $primary-low;
|
|
|
|
border-top: 1px solid $primary-low;
|
2017-03-20 10:23:00 -04:00
|
|
|
}
|
|
|
|
th {
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
&.sortable {
|
|
|
|
cursor: pointer;
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: #e9e9e9;
|
|
|
|
background-color: lighten($primary, 80%);
|
|
|
|
}
|
|
|
|
|
2017-07-27 15:03:41 -04:00
|
|
|
.d-icon-chevron-down,
|
|
|
|
.d-icon-chevron-up {
|
2017-03-20 10:23:00 -04:00
|
|
|
margin-left: 0.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2014-05-06 01:50:51 -04:00
|
|
|
tr:hover { background-color: darken($secondary, 2.5%); }
|
2014-12-02 15:30:57 -05:00
|
|
|
tr.selected { background-color: lighten($primary, 80%); }
|
2014-03-06 01:14:51 -05:00
|
|
|
.filters input { margin-bottom: 0; }
|
2013-10-28 13:46:59 -04:00
|
|
|
}
|
|
|
|
|
2015-11-23 16:45:05 -05:00
|
|
|
.site-texts {
|
|
|
|
.search-area {
|
|
|
|
margin-bottom: 2em;
|
|
|
|
p {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2015-11-30 15:22:58 -05:00
|
|
|
.site-text-search {
|
2015-11-23 16:45:05 -05:00
|
|
|
padding: 0.5em;
|
|
|
|
font-size: 1em;
|
|
|
|
width: 50%;
|
|
|
|
}
|
2015-11-30 15:22:58 -05:00
|
|
|
|
|
|
|
.extra-options {
|
|
|
|
float: right;
|
|
|
|
input[type=checkbox] {
|
|
|
|
margin-right: 0.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-11-23 16:45:05 -05:00
|
|
|
}
|
|
|
|
.text-highlight {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-text {
|
|
|
|
cursor: pointer;
|
2017-08-23 16:16:18 -04:00
|
|
|
border-bottom: 1px solid $primary-low;
|
2015-11-23 16:45:05 -05:00
|
|
|
margin-bottom: 0.5em;
|
|
|
|
|
2015-11-30 15:22:58 -05:00
|
|
|
&.overridden {
|
2017-06-11 22:20:14 -04:00
|
|
|
background-color: $highlight-medium;
|
2015-11-30 15:22:58 -05:00
|
|
|
}
|
|
|
|
|
2015-11-23 16:45:05 -05:00
|
|
|
h3 {
|
|
|
|
font-weight: normal;
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
button.edit {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
.site-text-value {
|
|
|
|
margin: 0.5em 5em 0.5em 0;
|
|
|
|
max-height: 100px;
|
2017-08-23 16:16:18 -04:00
|
|
|
color: $primary-medium;
|
2015-11-23 16:45:05 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.edit-site-text {
|
|
|
|
textarea {
|
|
|
|
width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.save-messages, .title {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-back {
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-05-08 01:20:38 -04:00
|
|
|
.content-list li a span.count {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.857em;
|
2013-05-08 01:20:38 -04:00
|
|
|
float: right;
|
|
|
|
margin-right: 10px;
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-low;
|
2013-05-08 01:20:38 -04:00
|
|
|
padding: 2px 5px;
|
|
|
|
border-radius: 5px;
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $primary;
|
2013-05-08 01:20:38 -04:00
|
|
|
}
|
|
|
|
|
2013-02-05 14:16:51 -05:00
|
|
|
.admin-content {
|
|
|
|
margin-bottom: 50px;
|
|
|
|
.admin-contents {
|
2015-08-01 18:00:39 -04:00
|
|
|
padding: 8px 0;
|
2015-03-23 10:23:42 -04:00
|
|
|
@include clearfix();
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
2013-03-17 15:02:36 -04:00
|
|
|
|
2014-11-05 14:46:27 -05:00
|
|
|
.view-options {
|
|
|
|
float: right;
|
|
|
|
}
|
2013-03-17 15:02:36 -04:00
|
|
|
table.report {
|
2014-03-26 12:03:58 -04:00
|
|
|
margin-top: 20px;
|
2013-03-17 15:02:36 -04:00
|
|
|
tr {
|
|
|
|
th:nth-of-type(1) {
|
|
|
|
width: 20%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bar-container {
|
|
|
|
float: left;
|
|
|
|
width: 300px;
|
|
|
|
margin-right: 15px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
.bar {
|
|
|
|
margin-top: 5px;
|
2014-05-06 01:50:51 -04:00
|
|
|
background-color: $tertiary;
|
2013-03-17 15:02:36 -04:00
|
|
|
display: inline-block;
|
|
|
|
text-align: right;
|
|
|
|
padding-right: 8px;
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $secondary;
|
2013-03-17 15:02:36 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
|
2014-07-07 16:18:18 -04:00
|
|
|
.ip-lookup {
|
2014-06-15 12:14:19 -04:00
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
.location-box {
|
|
|
|
position: absolute;
|
|
|
|
width: 460px;
|
|
|
|
right: 0px;
|
|
|
|
z-index: 990;
|
2014-08-06 09:31:13 -04:00
|
|
|
box-shadow: 0 2px 6px rgba(0,0,0, .8);
|
2014-06-15 12:14:19 -04:00
|
|
|
margin-top: -2px;
|
|
|
|
background-color: $secondary;
|
|
|
|
padding: 12px 12px 5px;
|
2014-11-17 08:51:28 -05:00
|
|
|
|
2017-08-21 14:18:40 -04:00
|
|
|
.powered-by {
|
|
|
|
font-size: 0.80em;
|
|
|
|
position: absolute;
|
|
|
|
bottom: -10px;
|
|
|
|
left: 10px;
|
|
|
|
}
|
|
|
|
|
2014-11-17 08:51:28 -05:00
|
|
|
.other-accounts {
|
2014-11-20 13:59:20 -05:00
|
|
|
margin: 5px 0 0;
|
2014-11-17 08:51:28 -05:00
|
|
|
max-height: 200px;
|
|
|
|
overflow: auto;
|
2014-11-20 13:59:20 -05:00
|
|
|
width: 455px;
|
2014-11-17 08:51:28 -05:00
|
|
|
ul { margin: 0; }
|
|
|
|
li { list-style: none; }
|
2014-11-20 13:59:20 -05:00
|
|
|
tr td:first-of-type { width: 130px; }
|
2014-11-17 08:51:28 -05:00
|
|
|
}
|
2014-06-15 12:14:19 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-11-16 14:14:34 -05:00
|
|
|
.admin-container {
|
|
|
|
margin-top: 20px;
|
2017-10-19 15:51:08 -04:00
|
|
|
|
|
|
|
.select-box-kit {
|
|
|
|
width: 350px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.select-box-kit-header {
|
|
|
|
height: 28px;
|
|
|
|
}
|
2013-11-16 14:14:34 -05:00
|
|
|
}
|
|
|
|
|
2015-08-01 18:00:39 -04:00
|
|
|
.admin-container .controls {
|
|
|
|
@include clearfix;
|
2015-11-20 12:30:04 -05:00
|
|
|
|
|
|
|
.save-messages {
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
2015-08-01 18:00:39 -04:00
|
|
|
}
|
|
|
|
|
2014-11-03 06:46:08 -05:00
|
|
|
.admin-title {
|
|
|
|
height: 45px;
|
|
|
|
}
|
|
|
|
|
2013-02-05 14:16:51 -05:00
|
|
|
.admin-controls {
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-low;
|
2014-03-06 01:14:51 -05:00
|
|
|
padding: 10px 10px 3px 0;
|
2015-08-01 18:00:39 -04:00
|
|
|
@include clearfix;
|
2013-02-05 14:16:51 -05:00
|
|
|
.nav.nav-pills {
|
|
|
|
li.active {
|
|
|
|
a {
|
2017-08-23 16:16:18 -04:00
|
|
|
border-color: $primary-low;
|
|
|
|
background-color: $primary-medium;
|
2013-02-05 14:16:51 -05:00
|
|
|
&:hover {
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-medium;
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
h1 {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1.429em;
|
2013-02-05 14:16:51 -05:00
|
|
|
line-height: 25px;
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $primary;
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
.controls {
|
2013-10-29 17:03:28 -04:00
|
|
|
margin-left: 10px;
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
2015-08-16 13:35:23 -04:00
|
|
|
|
|
|
|
.controls .menu-toggle {
|
|
|
|
display: none;
|
|
|
|
float: left;
|
|
|
|
font-size: 24px;
|
|
|
|
padding: 3px 6px;
|
|
|
|
margin-right: 32px;
|
|
|
|
border: 1px solid lighten($primary, 40%);
|
|
|
|
border-radius: 3px;
|
|
|
|
background: transparent;
|
|
|
|
color: $primary;
|
|
|
|
&:hover {
|
|
|
|
background-color: lighten($primary, 60%);
|
|
|
|
}
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
button {
|
|
|
|
margin-right: 5px;
|
2014-03-03 01:16:30 -05:00
|
|
|
|
2013-10-29 17:03:28 -04:00
|
|
|
}
|
|
|
|
input[type=text] {
|
|
|
|
display: inline-block;
|
|
|
|
float: left;
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
.result-message {
|
|
|
|
display: inline-block;
|
|
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
.username {
|
|
|
|
input[type=text] {
|
|
|
|
width: 240px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.search {
|
2013-03-06 12:07:09 -05:00
|
|
|
float: right;
|
|
|
|
margin-left: 10px;
|
2013-02-05 14:16:51 -05:00
|
|
|
label {
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
2015-08-01 18:00:39 -04:00
|
|
|
.controls {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
2015-08-01 19:57:41 -04:00
|
|
|
// Hide the search checkbox for very small screens
|
2015-08-01 18:00:39 -04:00
|
|
|
// Todo: find somewhere to display it - probably requires switching its order in the html
|
2015-08-30 13:36:54 -04:00
|
|
|
@media (max-width: 550px) {
|
2015-08-01 18:00:39 -04:00
|
|
|
display: none;
|
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
2013-06-03 16:12:24 -04:00
|
|
|
.toggle {
|
|
|
|
margin-top: 8px;
|
|
|
|
float: right;
|
|
|
|
|
|
|
|
span {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
label {
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
2016-04-21 15:00:28 -04:00
|
|
|
#last-seen input[type="text"] {
|
2015-10-30 14:05:54 -04:00
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
.ac-wrap {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
padding: 0;
|
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
|
2017-06-28 15:36:34 -04:00
|
|
|
.email-preview {
|
|
|
|
.ac-wrap {
|
|
|
|
.item {
|
|
|
|
margin: 0.2em 0 0 0.4em;
|
|
|
|
}
|
|
|
|
// input[type=text] {
|
|
|
|
// margin-left: 0.4em;
|
|
|
|
// }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-10-26 15:56:59 -04:00
|
|
|
.paste-users {
|
|
|
|
width: 400px;
|
|
|
|
height: 150px;
|
|
|
|
}
|
|
|
|
|
2016-06-15 13:49:57 -04:00
|
|
|
.groups, .badges, .web-hook-container {
|
2015-01-05 12:51:45 -05:00
|
|
|
.form-horizontal {
|
|
|
|
label {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
& > div {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
2017-08-30 11:04:17 -04:00
|
|
|
input, textarea, select, .select-box {
|
2015-01-05 12:51:45 -05:00
|
|
|
width: 350px;
|
|
|
|
}
|
|
|
|
|
2016-06-15 13:49:57 -04:00
|
|
|
input[type="checkbox"], input[type="radio"] {
|
2015-01-05 12:51:45 -05:00
|
|
|
width: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-06-15 13:49:57 -04:00
|
|
|
.text-successful {
|
|
|
|
color: $success;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-danger {
|
|
|
|
color: $danger;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-muted {
|
|
|
|
color: lighten($primary, 40);
|
|
|
|
}
|
|
|
|
|
2015-02-06 17:32:59 -05:00
|
|
|
.admin-nav {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 18.018%;
|
2015-08-16 13:35:23 -04:00
|
|
|
position: relative;
|
2017-08-23 16:16:18 -04:00
|
|
|
|
2015-08-16 13:35:23 -04:00
|
|
|
// The admin-nav becomes a slide-out menu at the mobile-nav breakpoint
|
2015-08-01 18:00:39 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2015-11-12 13:01:12 -05:00
|
|
|
position: absolute;
|
2015-08-16 13:35:23 -04:00
|
|
|
z-index: 0;
|
|
|
|
width: 50%;
|
2015-08-01 18:00:39 -04:00
|
|
|
}
|
2013-11-14 15:26:48 -05:00
|
|
|
}
|
|
|
|
|
2015-02-06 17:32:59 -05:00
|
|
|
.admin-detail {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 76.5765%;
|
2015-08-01 18:00:39 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2015-08-16 13:35:23 -04:00
|
|
|
z-index: 10;
|
|
|
|
width: 100%;
|
2015-08-01 18:00:39 -04:00
|
|
|
}
|
2015-08-16 13:35:23 -04:00
|
|
|
background-color: $secondary;
|
|
|
|
// Todo: set this properly - it needs to be >= the menu height
|
|
|
|
min-height: 875px;
|
2013-11-16 14:14:34 -05:00
|
|
|
margin-left: 0;
|
2017-08-23 16:16:18 -04:00
|
|
|
border-left: solid 1px $primary-low;
|
2013-11-16 14:14:34 -05:00
|
|
|
padding: 30px 0 30px 30px;
|
2015-08-01 18:00:39 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2015-08-16 13:35:23 -04:00
|
|
|
padding: 30px 0;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.admin-detail.mobile-open {
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2015-08-30 13:30:56 -04:00
|
|
|
transition: transform 0.3s ease;
|
2015-08-30 13:02:12 -04:00
|
|
|
@include transform(translateX(50%));
|
2015-08-16 13:35:23 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.admin-detail.mobile-closed {
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2015-08-30 13:30:56 -04:00
|
|
|
transition: transform 0.3s ease;
|
2015-08-30 13:02:12 -04:00
|
|
|
@include transform(translateX(0));
|
2015-08-01 18:00:39 -04:00
|
|
|
}
|
2013-11-15 15:22:42 -05:00
|
|
|
}
|
|
|
|
|
2013-02-05 14:16:51 -05:00
|
|
|
.settings {
|
2015-08-16 13:35:23 -04:00
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
2013-02-05 14:16:51 -05:00
|
|
|
.setting {
|
|
|
|
padding-bottom: 20px;
|
2013-11-15 15:22:42 -05:00
|
|
|
|
|
|
|
.setting-label {
|
|
|
|
float: left;
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 17.6576%;
|
2013-11-15 15:22:42 -05:00
|
|
|
margin-right: 12px;
|
2015-08-01 18:00:39 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
float: none;
|
|
|
|
margin-right: 0;
|
|
|
|
width: 100%;
|
|
|
|
h3 {
|
|
|
|
margin-bottom: 6px;
|
|
|
|
}
|
|
|
|
}
|
2013-11-15 15:22:42 -05:00
|
|
|
}
|
|
|
|
.setting-value {
|
|
|
|
float: left;
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 53%;
|
2016-05-09 02:37:51 -04:00
|
|
|
padding-right: 20px;
|
2016-06-15 13:49:57 -04:00
|
|
|
.category-selector {
|
2015-08-21 14:39:21 -04:00
|
|
|
width: 95%;
|
|
|
|
}
|
2015-08-01 18:00:39 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2014-06-20 17:46:25 -04:00
|
|
|
width: 100%;
|
2016-05-09 02:37:51 -04:00
|
|
|
padding-right: 0;
|
2014-06-20 17:46:25 -04:00
|
|
|
}
|
2017-10-19 15:51:08 -04:00
|
|
|
.select-box-kit {
|
2015-08-01 18:00:39 -04:00
|
|
|
width: 100% !important; // Needs !important to override hard-coded value
|
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
width: 100% !important; // !important overrides hard-coded mobile width of 68px
|
|
|
|
}
|
|
|
|
}
|
2014-06-20 17:46:25 -04:00
|
|
|
.select2-container-multi .select2-choices {
|
|
|
|
border: none;
|
|
|
|
}
|
2013-11-15 15:22:42 -05:00
|
|
|
}
|
|
|
|
.setting-controls {
|
|
|
|
float: left;
|
|
|
|
}
|
2017-07-17 16:38:26 -04:00
|
|
|
.input-setting-string, .input-setting-textarea {
|
2016-05-09 02:37:51 -04:00
|
|
|
box-sizing: border-box;
|
|
|
|
height: 30px;
|
|
|
|
width: 100%;
|
2015-08-01 18:00:39 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2013-11-16 14:14:34 -05:00
|
|
|
}
|
2017-07-17 16:38:26 -04:00
|
|
|
.input-setting-textarea {
|
|
|
|
height: 150px;
|
|
|
|
}
|
2014-03-30 01:32:33 -04:00
|
|
|
.input-setting-list {
|
2015-08-01 18:00:39 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2014-03-30 01:32:33 -04:00
|
|
|
padding: 1px;
|
2014-05-06 23:53:04 -04:00
|
|
|
background-color: $secondary;
|
2017-08-23 16:16:18 -04:00
|
|
|
border: 1px solid $primary-low;
|
2014-03-30 01:32:33 -04:00
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: inset 0 1px 1px rgba(51, 51, 51, 0.3);
|
|
|
|
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
|
|
|
2014-06-01 10:36:26 -04:00
|
|
|
li.select2-search-choice {
|
|
|
|
cursor: pointer;
|
|
|
|
.select2-search-choice-close {
|
|
|
|
content: "x"
|
2014-03-30 01:32:33 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-06-01 10:36:26 -04:00
|
|
|
li.sortable-placeholder {
|
|
|
|
padding: 3px 5px 3px 18px;
|
|
|
|
margin: 3px 0px 3px 5px;
|
|
|
|
position: relative;
|
|
|
|
line-height: 13px;
|
|
|
|
cursor: default;
|
|
|
|
border: 1px dashed #AAA;
|
|
|
|
border-radius: 3px;
|
|
|
|
background-clip: padding-box;
|
|
|
|
-moz-user-select: none;
|
2015-08-01 18:00:39 -04:00
|
|
|
background-color: transparent;
|
2014-06-01 10:36:26 -04:00
|
|
|
width: 3em;
|
|
|
|
height: 1em;
|
2014-03-30 01:32:33 -04:00
|
|
|
}
|
|
|
|
|
2014-06-01 10:36:26 -04:00
|
|
|
}
|
2013-11-15 15:22:42 -05:00
|
|
|
|
2014-06-09 15:17:36 -04:00
|
|
|
.desc, .validation-error {
|
2013-02-05 14:16:51 -05:00
|
|
|
padding-top: 3px;
|
2014-03-22 02:06:53 -04:00
|
|
|
font-size: 80%;
|
|
|
|
line-height: 1.4em;
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
2013-03-01 12:45:25 -05:00
|
|
|
|
2014-06-09 15:17:36 -04:00
|
|
|
.validation-error {
|
|
|
|
color: $danger;
|
|
|
|
}
|
|
|
|
|
|
|
|
.desc {
|
2017-10-10 16:07:46 -04:00
|
|
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
2014-06-09 15:17:36 -04:00
|
|
|
}
|
|
|
|
|
2013-03-01 12:45:25 -05:00
|
|
|
h3 {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.929em;
|
2013-03-01 12:45:25 -05:00
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.setting.overridden {
|
|
|
|
h3 {
|
2014-05-06 23:53:04 -04:00
|
|
|
color: scale-color($highlight, $lightness: -50%);
|
2013-03-01 12:45:25 -05:00
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
2015-03-02 12:12:19 -05:00
|
|
|
|
|
|
|
.setting.overridden.string {
|
2017-07-17 16:38:26 -04:00
|
|
|
input[type=text], textarea {
|
2017-06-11 22:20:14 -04:00
|
|
|
background-color: $highlight-medium;
|
2015-03-02 12:12:19 -05:00
|
|
|
}
|
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
section.details {
|
|
|
|
h1 {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1.286em;
|
2014-08-27 13:52:01 -04:00
|
|
|
color: $primary;
|
|
|
|
padding: 5px 10px;
|
|
|
|
margin: 30px 0 5px 0;
|
2017-08-23 16:16:18 -04:00
|
|
|
border-bottom: 5px solid $primary-low;
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#selected-controls {
|
2017-10-10 16:07:46 -04:00
|
|
|
background-color: $tertiary-low;
|
2013-02-05 14:16:51 -05:00
|
|
|
padding: 8px;
|
|
|
|
min-height: 27px;
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
width: 1075px;
|
|
|
|
}
|
|
|
|
|
2014-08-27 13:52:01 -04:00
|
|
|
.user-controls {
|
|
|
|
padding: 5px;
|
|
|
|
clear: both;
|
|
|
|
text-align: right;
|
2017-05-29 14:13:22 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
.btn {
|
|
|
|
margin: 2px;
|
|
|
|
}
|
|
|
|
}
|
2014-08-27 13:52:01 -04:00
|
|
|
}
|
|
|
|
|
2014-09-25 02:38:44 -04:00
|
|
|
.display-row.associations .value {
|
2014-09-29 16:31:05 -04:00
|
|
|
width: 750px;
|
2017-04-20 22:18:01 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2017-05-29 14:13:22 -04:00
|
|
|
width: 75%;
|
|
|
|
float: right;
|
|
|
|
text-align: left;
|
|
|
|
margin-left: 0;
|
2017-04-20 22:18:01 -04:00
|
|
|
}
|
2014-09-25 02:38:44 -04:00
|
|
|
}
|
|
|
|
|
2013-02-05 14:16:51 -05:00
|
|
|
.display-row {
|
2013-06-06 10:51:33 -04:00
|
|
|
line-height: 30px;
|
2013-02-05 14:16:51 -05:00
|
|
|
padding: 5px;
|
|
|
|
&:nth-of-type(1) {
|
|
|
|
border-top: 0;
|
|
|
|
}
|
2013-11-05 14:41:04 -05:00
|
|
|
&.highlight-danger {
|
2017-10-10 16:07:46 -04:00
|
|
|
background-color: $danger-low;
|
2013-11-05 14:41:04 -05:00
|
|
|
}
|
2017-08-23 16:16:18 -04:00
|
|
|
border-top: 1px solid $primary-low;
|
2013-02-05 14:16:51 -05:00
|
|
|
&:before, &:after {
|
|
|
|
display: table;
|
|
|
|
content: "";
|
|
|
|
}
|
|
|
|
&:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
.field {
|
|
|
|
font-weight: bold;
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 17.65765%;
|
2013-02-05 14:16:51 -05:00
|
|
|
float: left;
|
|
|
|
margin-left: 12px;
|
2017-05-29 14:13:22 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
margin-left: 0;
|
|
|
|
line-height: 20px;
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
.value {
|
|
|
|
width: 250px;
|
|
|
|
float: left;
|
|
|
|
margin-left: 12px;
|
2017-05-29 14:13:22 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
|
|
|
width: 75%;
|
|
|
|
float: right;
|
|
|
|
text-align: left;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
2013-10-22 15:53:08 -04:00
|
|
|
.long-value {
|
|
|
|
width: 800px;
|
|
|
|
float: left;
|
|
|
|
margin-left: 12px;
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.929em;
|
2013-10-22 15:53:08 -04:00
|
|
|
|
|
|
|
button {
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-02-05 14:16:51 -05:00
|
|
|
.controls {
|
2014-03-15 05:16:29 -04:00
|
|
|
width: 480px;
|
2013-11-11 15:03:17 -05:00
|
|
|
float: left;
|
|
|
|
margin-left: 12px;
|
2017-04-20 22:18:01 -04:00
|
|
|
@media (max-width: $mobile-breakpoint) {
|
2017-05-29 14:13:22 -04:00
|
|
|
width: 75%;
|
|
|
|
float: right;
|
|
|
|
text-align: left;
|
|
|
|
margin-left: 0;
|
2017-04-20 22:18:01 -04:00
|
|
|
}
|
2013-02-05 14:16:51 -05:00
|
|
|
.btn {
|
2017-05-29 14:13:22 -04:00
|
|
|
margin: 2px 5px 2px 0;
|
2013-02-05 14:16:51 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-03-05 07:52:20 -05:00
|
|
|
// Badges area
|
|
|
|
.badges {
|
|
|
|
.content-list ul {
|
|
|
|
margin-bottom: 10px;
|
2014-05-19 01:20:57 -04:00
|
|
|
|
|
|
|
.list-badge {
|
|
|
|
float: right;
|
|
|
|
font-size: 11px;
|
|
|
|
font-weight: normal;
|
|
|
|
padding: 0 6px;
|
|
|
|
color: $secondary;
|
2017-10-10 16:07:46 -04:00
|
|
|
background-color: $tertiary-medium;
|
2014-05-19 01:20:57 -04:00
|
|
|
border-radius: 3px;
|
|
|
|
}
|
2014-03-05 07:52:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.current-badge {
|
|
|
|
margin: 20px;
|
2014-10-16 16:43:10 -04:00
|
|
|
|
|
|
|
p.help {
|
|
|
|
margin: 0;
|
2017-10-10 16:07:46 -04:00
|
|
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
2014-10-16 16:43:10 -04:00
|
|
|
font-size: 0.9em;
|
|
|
|
}
|
2014-03-05 07:52:20 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-horizontal {
|
|
|
|
.delete-link {
|
|
|
|
margin-left: 15px;
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
2014-03-19 01:13:38 -04:00
|
|
|
textarea {
|
|
|
|
height: 200px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-06-27 15:51:41 -04:00
|
|
|
.current-badge-actions {
|
|
|
|
margin: 10px;
|
|
|
|
padding: 10px;
|
2017-10-10 16:07:46 -04:00
|
|
|
border-top: 1px solid dark-light-choose($primary-low, $secondary-high);
|
2014-06-27 15:51:41 -04:00
|
|
|
}
|
|
|
|
|
2014-03-19 01:13:38 -04:00
|
|
|
.buttons {
|
|
|
|
float: left;
|
|
|
|
width: 200px;
|
|
|
|
.saving {
|
|
|
|
padding: 5px 0 0 0;
|
|
|
|
margin-left: 10px;
|
|
|
|
width: 80px;
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $primary;
|
2014-03-19 01:13:38 -04:00
|
|
|
}
|
2014-03-05 07:52:20 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
FEATURE: Badge query validation, preview results, and EXPLAIN
Upon saving a badge or requesting a badge result preview,
BadgeGranter.contract_checks! will examine the provided badge SQL for
some contractual obligations - namely, the returned columns and use of
trigger parameters.
Saving the badge is wrapped in a transaction to make this easier, by
raising ActiveRecord::Rollback on a detected violation.
On the client, a modal view is added for the badge query sample run
results, named admin-badge-preview.
The preview action is moved up to the route.
The save action, on failure, triggers a 'saveError' action (also in the
route).
The preview action gains a new parameter, 'explain', which will give the
output of an EXPLAIN query for the badge sql, which can be used by forum
admins to estimate the cost of their badge queries.
The preview link is replaced by two links, one which omits (false) and
includes (true) the EXPLAIN query.
The Badge.save() method is amended to propogate errors.
Badge::Trigger gets some utility methods for use in the
BadgeGranter.contract_checks! method.
Additionally, extra checks outside of BadgeGranter.contract_checks! are
added in the preview() method, to cover cases of null granted_at
columns.
An uninitialized variable path is removed in the backfill() method.
TODO - it would be nice to be able to get the actual names of all
columns the provided query returns, so we could give more errors
2014-08-25 18:17:29 -04:00
|
|
|
.badge-query-preview {
|
|
|
|
.grant-count, .sample, .error-header {
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2014-09-02 16:29:28 -04:00
|
|
|
.badge-errors {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1em;
|
2014-09-02 16:29:28 -04:00
|
|
|
line-height: 16px;
|
FEATURE: Badge query validation, preview results, and EXPLAIN
Upon saving a badge or requesting a badge result preview,
BadgeGranter.contract_checks! will examine the provided badge SQL for
some contractual obligations - namely, the returned columns and use of
trigger parameters.
Saving the badge is wrapped in a transaction to make this easier, by
raising ActiveRecord::Rollback on a detected violation.
On the client, a modal view is added for the badge query sample run
results, named admin-badge-preview.
The preview action is moved up to the route.
The save action, on failure, triggers a 'saveError' action (also in the
route).
The preview action gains a new parameter, 'explain', which will give the
output of an EXPLAIN query for the badge sql, which can be used by forum
admins to estimate the cost of their badge queries.
The preview link is replaced by two links, one which omits (false) and
includes (true) the EXPLAIN query.
The Badge.save() method is amended to propogate errors.
Badge::Trigger gets some utility methods for use in the
BadgeGranter.contract_checks! method.
Additionally, extra checks outside of BadgeGranter.contract_checks! are
added in the preview() method, to cover cases of null granted_at
columns.
An uninitialized variable path is removed in the backfill() method.
TODO - it would be nice to be able to get the actual names of all
columns the provided query returns, so we could give more errors
2014-08-25 18:17:29 -04:00
|
|
|
padding: 4px;
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-low;
|
FEATURE: Badge query validation, preview results, and EXPLAIN
Upon saving a badge or requesting a badge result preview,
BadgeGranter.contract_checks! will examine the provided badge SQL for
some contractual obligations - namely, the returned columns and use of
trigger parameters.
Saving the badge is wrapped in a transaction to make this easier, by
raising ActiveRecord::Rollback on a detected violation.
On the client, a modal view is added for the badge query sample run
results, named admin-badge-preview.
The preview action is moved up to the route.
The save action, on failure, triggers a 'saveError' action (also in the
route).
The preview action gains a new parameter, 'explain', which will give the
output of an EXPLAIN query for the badge sql, which can be used by forum
admins to estimate the cost of their badge queries.
The preview link is replaced by two links, one which omits (false) and
includes (true) the EXPLAIN query.
The Badge.save() method is amended to propogate errors.
Badge::Trigger gets some utility methods for use in the
BadgeGranter.contract_checks! method.
Additionally, extra checks outside of BadgeGranter.contract_checks! are
added in the preview() method, to cover cases of null granted_at
columns.
An uninitialized variable path is removed in the backfill() method.
TODO - it would be nice to be able to get the actual names of all
columns the provided query returns, so we could give more errors
2014-08-25 18:17:29 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.badge-query-plan {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.857em;
|
2014-09-02 16:29:28 -04:00
|
|
|
line-height: 13px;
|
|
|
|
padding: 4px;
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-low;
|
FEATURE: Badge query validation, preview results, and EXPLAIN
Upon saving a badge or requesting a badge result preview,
BadgeGranter.contract_checks! will examine the provided badge SQL for
some contractual obligations - namely, the returned columns and use of
trigger parameters.
Saving the badge is wrapped in a transaction to make this easier, by
raising ActiveRecord::Rollback on a detected violation.
On the client, a modal view is added for the badge query sample run
results, named admin-badge-preview.
The preview action is moved up to the route.
The save action, on failure, triggers a 'saveError' action (also in the
route).
The preview action gains a new parameter, 'explain', which will give the
output of an EXPLAIN query for the badge sql, which can be used by forum
admins to estimate the cost of their badge queries.
The preview link is replaced by two links, one which omits (false) and
includes (true) the EXPLAIN query.
The Badge.save() method is amended to propogate errors.
Badge::Trigger gets some utility methods for use in the
BadgeGranter.contract_checks! method.
Additionally, extra checks outside of BadgeGranter.contract_checks! are
added in the preview() method, to cover cases of null granted_at
columns.
An uninitialized variable path is removed in the backfill() method.
TODO - it would be nice to be able to get the actual names of all
columns the provided query returns, so we could give more errors
2014-08-25 18:17:29 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.count-warning {
|
|
|
|
background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%);
|
|
|
|
margin: 0 0 7px 0;
|
|
|
|
padding: 10px 20px;
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
.heading {
|
|
|
|
color: $danger;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-01-05 12:51:45 -05:00
|
|
|
// Groups area
|
|
|
|
.groups {
|
|
|
|
.ac-wrap {
|
|
|
|
width: 100% !important;
|
2017-10-10 16:07:46 -04:00
|
|
|
border-color: dark-light-choose($primary-low-mid, $secondary-high);
|
2015-01-05 12:51:45 -05:00
|
|
|
.item {
|
2015-12-27 22:20:00 -05:00
|
|
|
margin-right: 10px;
|
2015-01-05 12:51:45 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.next, .previous {
|
|
|
|
color: #333 !important;
|
|
|
|
&.disabled {
|
|
|
|
color: #aaa !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.btn.add {
|
|
|
|
margin-top: 7px;
|
|
|
|
}
|
2015-01-21 14:52:48 -05:00
|
|
|
.controls {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
2015-01-23 12:25:43 -05:00
|
|
|
.select2-container {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.select2-choices {
|
|
|
|
width: 100%;
|
2017-10-10 16:07:46 -04:00
|
|
|
border-color: dark-light-choose($primary-low-mid, $secondary-high);
|
2015-01-23 12:25:43 -05:00
|
|
|
}
|
2017-03-10 04:15:49 -05:00
|
|
|
|
|
|
|
.content-list {
|
|
|
|
margin-right: 20px;
|
|
|
|
}
|
2015-01-05 12:51:45 -05:00
|
|
|
}
|
|
|
|
|
2013-03-14 12:28:35 -04:00
|
|
|
/* Dashboard */
|
|
|
|
|
|
|
|
.dashboard-left {
|
|
|
|
float: left;
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 60%;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
2015-06-17 15:46:55 -04:00
|
|
|
|
2013-03-14 12:28:35 -04:00
|
|
|
.dashboard-right {
|
|
|
|
float: right;
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 40%;
|
2013-05-01 18:12:02 -04:00
|
|
|
.dashboard-stats {
|
|
|
|
width: 100%;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.version-check {
|
2014-09-11 14:45:35 -04:00
|
|
|
|
2015-07-31 06:34:39 -04:00
|
|
|
th {
|
|
|
|
text-align: left !important;
|
|
|
|
}
|
|
|
|
|
2013-03-14 12:28:35 -04:00
|
|
|
.version-number {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1.286em;
|
2013-03-19 13:51:09 -04:00
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.face {
|
|
|
|
width: 20px;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
|
|
|
|
2013-12-09 16:27:49 -05:00
|
|
|
.version-notes .fa {
|
2013-03-14 12:28:35 -04:00
|
|
|
vertical-align: bottom;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.critical .version-notes .normal-note {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
&.normal .version-notes .critical-note {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2013-12-09 16:27:49 -05:00
|
|
|
.fa {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1.857em;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
|
|
|
|
2013-11-04 12:51:01 -05:00
|
|
|
.up-to-date {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $success;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
|
|
|
.updates-available {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $danger;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
|
|
|
.critical-updates-available {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $danger;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.update-nag {
|
2017-07-27 15:03:41 -04:00
|
|
|
.d-icon {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1.429em;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-10-22 15:53:08 -04:00
|
|
|
table.api-keys {
|
|
|
|
margin-top: 10px;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
th {
|
|
|
|
text-align: left;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
td {
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.key {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.857em;
|
2013-10-22 15:53:08 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-03-07 11:07:59 -05:00
|
|
|
.dashboard-stats {
|
2013-04-17 10:25:28 -04:00
|
|
|
margin-bottom: 30px;
|
2014-07-09 19:56:35 -04:00
|
|
|
margin-right: 40px;
|
2013-04-16 18:37:35 -04:00
|
|
|
h4 {
|
|
|
|
font-weight: normal;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
}
|
|
|
|
|
2013-03-07 11:07:59 -05:00
|
|
|
table {
|
2013-03-12 11:57:33 -04:00
|
|
|
width: 100%;
|
2013-03-07 11:07:59 -05:00
|
|
|
|
2013-04-17 10:46:27 -04:00
|
|
|
.title {
|
2017-07-27 15:03:41 -04:00
|
|
|
.d-icon {
|
2014-05-06 23:53:04 -04:00
|
|
|
color: $primary;
|
2013-04-17 10:46:27 -04:00
|
|
|
}
|
2017-07-27 15:03:41 -04:00
|
|
|
.d-icon-heart {
|
2015-07-22 07:19:15 -04:00
|
|
|
color: $love;
|
|
|
|
}
|
2013-04-17 10:46:27 -04:00
|
|
|
}
|
|
|
|
|
2013-03-07 11:07:59 -05:00
|
|
|
th {
|
|
|
|
font-weight: normal;
|
|
|
|
text-align: center;
|
2017-08-23 16:16:18 -04:00
|
|
|
background: $primary-low;
|
2013-03-07 11:07:59 -05:00
|
|
|
}
|
2013-04-16 18:37:35 -04:00
|
|
|
th.title {
|
|
|
|
text-align: left;
|
|
|
|
}
|
2013-03-19 14:17:32 -04:00
|
|
|
thead {
|
2013-04-23 11:48:26 -04:00
|
|
|
tr:hover > td {
|
2014-05-06 01:50:51 -04:00
|
|
|
background-color: $secondary;
|
2013-03-19 14:17:32 -04:00
|
|
|
}
|
|
|
|
}
|
2013-03-07 11:07:59 -05:00
|
|
|
|
|
|
|
td.value {
|
|
|
|
font-weight: bold;
|
|
|
|
text-align: center;
|
2013-03-30 14:07:25 -04:00
|
|
|
|
|
|
|
i {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.trending-up {
|
|
|
|
i.up {
|
2015-04-02 18:42:02 -04:00
|
|
|
color: $success;
|
2013-03-30 14:07:25 -04:00
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&.trending-down {
|
|
|
|
i.down {
|
2015-04-02 18:42:02 -04:00
|
|
|
color: $danger;
|
2013-03-30 14:07:25 -04:00
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&.no-change {
|
|
|
|
i.down {
|
|
|
|
display: inline;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
}
|
2013-03-07 11:07:59 -05:00
|
|
|
}
|
2015-07-22 14:15:58 -04:00
|
|
|
|
|
|
|
tr.reverse-colors {
|
|
|
|
td.value.trending-down i.down {
|
|
|
|
color: $success;
|
|
|
|
}
|
|
|
|
td.value.trending-up i.up {
|
|
|
|
color: $danger;
|
|
|
|
}
|
|
|
|
}
|
2013-03-07 11:07:59 -05:00
|
|
|
}
|
2013-03-15 16:17:19 -04:00
|
|
|
|
2013-03-19 23:18:00 -04:00
|
|
|
&.detected-problems {
|
2017-08-23 16:16:18 -04:00
|
|
|
background: $primary-low;
|
2013-03-19 23:18:00 -04:00
|
|
|
margin-bottom: 20px;
|
|
|
|
|
|
|
|
.look-here {
|
|
|
|
float: left;
|
2014-03-22 03:37:18 -04:00
|
|
|
margin: 20px 10px 0 10px;
|
2013-03-19 23:18:00 -04:00
|
|
|
|
2013-12-09 16:27:49 -05:00
|
|
|
.fa {
|
2015-06-17 15:46:55 -04:00
|
|
|
font-size: 2.286em;
|
2013-03-19 23:18:00 -04:00
|
|
|
vertical-align: middle;
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $primary
|
2013-03-19 23:18:00 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.problem-messages {
|
|
|
|
float: left;
|
2014-09-07 22:46:04 -04:00
|
|
|
width: 80%;
|
|
|
|
margin-left: 1%;
|
2013-04-04 16:16:58 -04:00
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
2013-04-16 12:09:37 -04:00
|
|
|
.actions {
|
|
|
|
text-align: right;
|
|
|
|
}
|
2013-11-18 13:44:55 -05:00
|
|
|
.btn {
|
2017-08-23 16:16:18 -04:00
|
|
|
background: $primary-low;
|
2014-03-22 03:37:18 -04:00
|
|
|
}
|
|
|
|
ul {
|
|
|
|
margin-left: 0;
|
2014-09-07 22:46:04 -04:00
|
|
|
padding-left: 20px;
|
|
|
|
li {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
2014-03-22 03:37:18 -04:00
|
|
|
}
|
2013-03-19 23:18:00 -04:00
|
|
|
}
|
2014-02-23 20:47:44 -05:00
|
|
|
}
|
2013-03-19 23:18:00 -04:00
|
|
|
|
2013-03-15 16:17:19 -04:00
|
|
|
&.totals {
|
2013-07-08 12:21:08 -04:00
|
|
|
table {
|
|
|
|
width: auto;
|
|
|
|
}
|
2013-04-23 11:48:26 -04:00
|
|
|
margin-top: 12px;
|
|
|
|
padding-left: 5px;
|
|
|
|
.value {
|
2013-07-08 12:21:08 -04:00
|
|
|
text-align: left;
|
2013-04-23 11:48:26 -04:00
|
|
|
font-weight: bold;
|
2013-07-08 12:21:08 -04:00
|
|
|
padding-left: 8px;
|
|
|
|
padding-right: 30px;
|
2013-03-15 16:17:19 -04:00
|
|
|
}
|
|
|
|
}
|
2013-03-15 18:08:46 -04:00
|
|
|
|
|
|
|
&.trust-levels {
|
2014-03-06 01:14:51 -05:00
|
|
|
margin-bottom: 0;
|
2013-03-22 17:50:22 -04:00
|
|
|
table {
|
2014-03-06 01:14:51 -05:00
|
|
|
margin-bottom: 0;
|
2013-03-18 13:25:40 -04:00
|
|
|
}
|
2013-03-22 17:50:22 -04:00
|
|
|
td.value {
|
|
|
|
width: 45px;
|
|
|
|
}
|
2013-03-19 13:51:09 -04:00
|
|
|
}
|
2013-07-30 14:45:03 -04:00
|
|
|
|
|
|
|
.referred-topic-title {
|
2014-09-11 14:45:35 -04:00
|
|
|
width: 355px;
|
|
|
|
@include medium-width { width: 305px; }
|
|
|
|
@include small-width { width: 265px; }
|
2013-07-30 14:45:03 -04:00
|
|
|
}
|
2013-03-11 15:26:14 -04:00
|
|
|
}
|
|
|
|
|
2015-10-26 15:56:59 -04:00
|
|
|
.groups-bulk {
|
|
|
|
.control {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
}
|
2013-03-11 15:26:14 -04:00
|
|
|
|
|
|
|
.commits-widget {
|
2017-08-23 16:16:18 -04:00
|
|
|
border: solid 1px $primary-low;
|
2013-05-02 11:52:37 -04:00
|
|
|
height: 180px;
|
2013-05-01 18:12:02 -04:00
|
|
|
margin-bottom: 36px;
|
2013-03-11 15:26:14 -04:00
|
|
|
|
|
|
|
ul, li {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
ul {
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
a {
|
2014-05-06 23:53:04 -04:00
|
|
|
color: $primary;
|
2013-03-14 12:28:35 -04:00
|
|
|
text-decoration: none;
|
2013-03-11 15:26:14 -04:00
|
|
|
}
|
|
|
|
a:hover {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header {
|
2014-05-06 23:53:04 -04:00
|
|
|
color: $primary;
|
2013-03-11 15:26:14 -04:00
|
|
|
font-weight: bold;
|
|
|
|
height: 30px;
|
2017-08-23 16:16:18 -04:00
|
|
|
background: $primary-low;
|
2013-03-11 15:26:14 -04:00
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
h1 {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 1.286em;
|
2013-03-11 15:26:14 -04:00
|
|
|
margin: 5px 0 0 8px;
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 1.0em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.header:hover h1 {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $tertiary;
|
2013-03-11 15:26:14 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.commits-list {
|
2013-05-02 11:52:37 -04:00
|
|
|
height: 149px;
|
2013-03-11 15:26:14 -04:00
|
|
|
overflow-y:auto;
|
|
|
|
|
|
|
|
li {
|
|
|
|
@extend .clearfix;
|
|
|
|
line-height: 1.0em;
|
|
|
|
padding: 6px 8px;
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-low;
|
2013-03-11 15:26:14 -04:00
|
|
|
.left {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.right {
|
|
|
|
margin-left: 52px;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
margin-top: 2px;
|
2017-08-23 16:16:18 -04:00
|
|
|
border: solid 1px $primary-low;
|
2013-03-11 15:26:14 -04:00
|
|
|
padding: 2px;
|
2014-05-06 01:50:51 -04:00
|
|
|
background-color: $secondary;
|
2013-03-11 15:26:14 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.commit-message {
|
2014-05-06 23:53:04 -04:00
|
|
|
color: $primary;
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.857em;
|
2013-03-11 15:26:14 -04:00
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.commit-meta {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $primary;
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.857em;
|
2013-03-11 15:26:14 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.committer-name {
|
|
|
|
font-weight: bold;
|
2014-05-06 23:53:04 -04:00
|
|
|
color: $primary;
|
2013-03-11 15:26:14 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
li:last-child {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
}
|
2013-03-14 12:28:35 -04:00
|
|
|
|
|
|
|
// Always show the scrollbar:
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
width: 6px;
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
2017-08-23 16:16:18 -04:00
|
|
|
background: $primary-low;
|
2013-03-14 12:28:35 -04:00
|
|
|
-webkit-border-radius: 3px;
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
2017-08-23 16:16:18 -04:00
|
|
|
border-left: solid 1px $primary-low;
|
2013-03-14 12:28:35 -04:00
|
|
|
}
|
2013-04-04 12:59:44 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.content-editor {
|
|
|
|
min-height: 500px;
|
|
|
|
|
2013-04-09 11:28:28 -04:00
|
|
|
float: left;
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 54.0540%;
|
|
|
|
margin-left: 1.8018%;
|
2013-04-09 11:28:28 -04:00
|
|
|
|
2013-04-04 12:59:44 -04:00
|
|
|
p.description {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $primary;
|
2013-04-04 12:59:44 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.controls {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea.plain {
|
|
|
|
width: 98%;
|
|
|
|
height: 200px;
|
|
|
|
}
|
|
|
|
|
2015-11-03 16:25:37 -05:00
|
|
|
.d-editor-input {
|
2013-04-04 12:59:44 -04:00
|
|
|
width: 98%;
|
|
|
|
height: 200px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ace-wrapper {
|
|
|
|
position: relative;
|
|
|
|
height: 600px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.ace_editor {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
2013-05-09 03:37:34 -04:00
|
|
|
|
2016-06-15 13:49:57 -04:00
|
|
|
.hook-event {
|
|
|
|
display: inline-block;
|
|
|
|
width: 40%;
|
|
|
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
|
|
|
label {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin: 0 0 5px 25px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-11-12 16:08:19 -05:00
|
|
|
.email-template {
|
|
|
|
input {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-05-09 03:37:34 -04:00
|
|
|
.row.groups {
|
|
|
|
input[type='text'] {
|
|
|
|
width: 500px;
|
|
|
|
}
|
|
|
|
input#group-users {
|
|
|
|
width: 600px;
|
|
|
|
}
|
|
|
|
}
|
2013-08-01 21:30:13 -04:00
|
|
|
|
2013-08-08 17:16:07 -04:00
|
|
|
// Logs
|
2013-08-01 21:30:13 -04:00
|
|
|
|
2013-10-22 16:30:30 -04:00
|
|
|
.admin-logs-table {
|
|
|
|
input.ember-text-field {
|
|
|
|
padding: 1px 4px;
|
|
|
|
}
|
2013-10-23 12:55:06 -04:00
|
|
|
.btn {
|
|
|
|
padding: 2px 8px;
|
2013-12-09 16:27:49 -05:00
|
|
|
.fa {
|
2013-10-23 12:55:06 -04:00
|
|
|
margin-right: 2px;
|
|
|
|
}
|
|
|
|
}
|
2013-10-22 16:30:30 -04:00
|
|
|
}
|
|
|
|
|
2013-10-21 14:49:51 -04:00
|
|
|
.screened-emails, .screened-urls, .screened-ip-addresses {
|
2013-11-04 16:24:32 -05:00
|
|
|
.email, .url, .domain {
|
2013-08-22 19:04:17 -04:00
|
|
|
width: 300px;
|
2013-08-08 17:16:07 -04:00
|
|
|
}
|
2013-10-22 16:30:30 -04:00
|
|
|
.action, .match_count, .last_match_at, .created_at {
|
|
|
|
text-align: center;
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 9.9099%;
|
2013-10-22 16:30:30 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-10-24 17:18:10 -04:00
|
|
|
.screened-ip-address-form {
|
|
|
|
margin-left: 6px;
|
|
|
|
.combobox {
|
|
|
|
width: 130px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-10-22 16:30:30 -04:00
|
|
|
.screened-emails, .screened-urls {
|
|
|
|
.ip_address {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 9.9099%;
|
2013-08-01 21:30:13 -04:00
|
|
|
text-align: center;
|
|
|
|
}
|
2013-08-07 16:04:12 -04:00
|
|
|
}
|
2013-10-22 16:30:30 -04:00
|
|
|
.screened-ip-addresses {
|
|
|
|
.ip_address {
|
|
|
|
width: 150px;
|
|
|
|
text-align: left;
|
|
|
|
input {
|
|
|
|
width: 130px;
|
|
|
|
}
|
|
|
|
}
|
2013-10-23 12:55:06 -04:00
|
|
|
.col.actions {
|
2013-10-22 16:30:30 -04:00
|
|
|
width: 275px;
|
2013-10-23 12:55:06 -04:00
|
|
|
padding-top: 4px;
|
2013-10-22 16:30:30 -04:00
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2013-08-07 16:04:12 -04:00
|
|
|
|
|
|
|
.staff-actions {
|
2013-08-08 18:35:14 -04:00
|
|
|
width: 100%;
|
2015-08-01 18:00:39 -04:00
|
|
|
min-width: 990px;
|
2013-08-07 16:04:12 -04:00
|
|
|
.action {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 10.810%;
|
2013-08-07 16:04:12 -04:00
|
|
|
}
|
2013-08-19 16:58:38 -04:00
|
|
|
.staff_user {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 9.009%;
|
2013-08-08 18:35:14 -04:00
|
|
|
}
|
2013-08-19 16:58:38 -04:00
|
|
|
.subject {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 18.018%;
|
2013-08-19 16:58:38 -04:00
|
|
|
}
|
2013-08-08 18:35:14 -04:00
|
|
|
.created_at {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 4.5045%;
|
2013-08-08 18:35:14 -04:00
|
|
|
}
|
|
|
|
.context {
|
2014-07-09 19:56:35 -04:00
|
|
|
width: 18.018%;
|
2013-08-07 16:04:12 -04:00
|
|
|
}
|
|
|
|
.created_at {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.details {
|
2013-08-19 16:58:38 -04:00
|
|
|
width: 300px;
|
2013-08-07 16:04:12 -04:00
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
2013-08-08 18:35:14 -04:00
|
|
|
&.value {
|
|
|
|
height: 70px;
|
|
|
|
}
|
2013-08-07 16:04:12 -04:00
|
|
|
}
|
|
|
|
}
|
2013-08-08 17:16:07 -04:00
|
|
|
|
2013-08-09 16:58:57 -04:00
|
|
|
.staff-action-logs-controls {
|
|
|
|
margin: 0 0 20px 6px;
|
|
|
|
a.filter {
|
|
|
|
display: inline-block;
|
2017-10-10 16:07:46 -04:00
|
|
|
background-color: dark-light-choose($primary-low-mid, $secondary-high);
|
2013-08-09 16:58:57 -04:00
|
|
|
padding: 3px 10px;
|
|
|
|
border-radius: 3px;
|
2014-03-03 01:16:30 -05:00
|
|
|
|
2014-05-06 23:53:04 -04:00
|
|
|
color: $primary;
|
2013-08-09 16:58:57 -04:00
|
|
|
&:hover {
|
2014-05-06 23:53:04 -04:00
|
|
|
color: $primary;
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-low;
|
2014-02-23 20:47:44 -05:00
|
|
|
|
|
|
|
|
2013-08-09 16:58:57 -04:00
|
|
|
}
|
|
|
|
.label {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
i {
|
|
|
|
margin-left: 6px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-08 17:16:07 -04:00
|
|
|
// Ember.ListView
|
|
|
|
|
|
|
|
.ember-list-view {
|
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.ember-list-item-view {
|
|
|
|
position: absolute;
|
|
|
|
}
|
2013-08-08 18:35:14 -04:00
|
|
|
|
2016-09-15 00:57:04 -04:00
|
|
|
.staff-actions, .screened-emails, .screened-urls, .screened-ip-addresses, .permalinks, .web-hook-events {
|
2014-03-03 01:16:30 -05:00
|
|
|
|
2017-10-10 16:07:46 -04:00
|
|
|
border-bottom: dotted 1px dark-light-choose($primary-low-mid, $secondary);
|
2013-08-08 18:35:14 -04:00
|
|
|
|
|
|
|
.heading-container {
|
|
|
|
width: 100%;
|
2017-08-23 16:16:18 -04:00
|
|
|
background-color: $primary-low;
|
2013-08-08 18:35:14 -04:00
|
|
|
}
|
|
|
|
.col.heading {
|
|
|
|
font-weight: bold;
|
|
|
|
padding: 4px 0;
|
|
|
|
}
|
|
|
|
.col {
|
|
|
|
display: inline-block;
|
|
|
|
padding-top: 6px;
|
|
|
|
vertical-align: top;
|
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ember-list-item-view {
|
|
|
|
width: 100%;
|
2017-08-23 16:16:18 -04:00
|
|
|
border-top: solid 1px $primary-low;
|
2013-08-08 18:35:14 -04:00
|
|
|
}
|
|
|
|
}
|
2013-08-21 10:49:35 -04:00
|
|
|
|
|
|
|
.log-details-modal {
|
|
|
|
.modal-tab {
|
|
|
|
width: 95%;
|
|
|
|
}
|
2014-01-02 10:22:04 -05:00
|
|
|
}
|
2014-01-23 16:40:10 -05:00
|
|
|
|
2014-09-24 20:19:26 -04:00
|
|
|
.tl3-requirements {
|
2017-07-27 15:03:41 -04:00
|
|
|
.d-icon-check {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $success;
|
2014-01-23 16:40:10 -05:00
|
|
|
}
|
2017-07-27 15:03:41 -04:00
|
|
|
.d-icon-times {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $danger;
|
2014-01-23 16:40:10 -05:00
|
|
|
}
|
2014-02-12 23:36:10 -05:00
|
|
|
}
|
|
|
|
|
2015-07-02 12:45:17 -04:00
|
|
|
.admin-plugins .col-enabled {
|
|
|
|
width: 20px;
|
|
|
|
}
|
|
|
|
|
2014-02-12 23:36:10 -05:00
|
|
|
// Backups
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
$rollback: #3D9970;
|
|
|
|
$rollback-dark: darken($rollback, 10%) !default;
|
|
|
|
$rollback-darker: darken($rollback, 20%) !default;
|
|
|
|
|
|
|
|
.btn-rollback {
|
2014-05-06 01:50:51 -04:00
|
|
|
color: $secondary;
|
2014-02-12 23:36:10 -05:00
|
|
|
background: $rollback;
|
|
|
|
&:hover {
|
|
|
|
background: $rollback-dark;
|
|
|
|
}
|
|
|
|
&:active {
|
|
|
|
@include linear-gradient($rollback-darker, $rollback-dark);
|
|
|
|
}
|
|
|
|
&[disabled] {
|
|
|
|
background: $rollback;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.admin-backups-logs {
|
|
|
|
max-height: 500px;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
2014-02-21 19:41:01 -05:00
|
|
|
|
|
|
|
|
|
|
|
button.ru {
|
|
|
|
position: relative;
|
|
|
|
min-width: 110px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ru-progress {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
height: 100%;
|
|
|
|
background: rgba(0, 175, 0, 0.3);
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-uploading:hover .ru-progress {
|
|
|
|
background: rgba(200, 0, 0, 0.3);
|
|
|
|
}
|
2014-03-18 19:36:02 -04:00
|
|
|
|
|
|
|
.invisible {
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
2014-07-09 19:56:35 -04:00
|
|
|
|
2014-08-20 12:48:56 -04:00
|
|
|
.start-backup-modal {
|
|
|
|
.btn {
|
|
|
|
margin: 10px 0 10px 5px;
|
|
|
|
}
|
|
|
|
.btn:first-of-type {
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-07-24 12:21:22 -04:00
|
|
|
@media all
|
2014-07-22 16:30:32 -04:00
|
|
|
and (min-width : 320px)
|
|
|
|
and (max-width : 500px) {
|
|
|
|
|
|
|
|
.full-width { margin: 0; }
|
|
|
|
.site-settings-nav { width: 100%; }
|
|
|
|
.site-settings-detail {
|
|
|
|
width: 100%;
|
|
|
|
padding: 0;
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
.settings .setting {
|
|
|
|
.setting-label {
|
|
|
|
float: left;
|
|
|
|
width: 100%;
|
|
|
|
h3 {
|
|
|
|
margin-bottom: 5px;
|
|
|
|
font-weight: bold;
|
|
|
|
margin-top: 25px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.setting-value {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
label {
|
2014-12-15 22:12:56 -05:00
|
|
|
font-size: 0.929em;
|
2014-07-22 16:30:32 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-editor {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.ac-wrap {
|
|
|
|
width: 100% !important;
|
|
|
|
box-sizing: border-box;
|
2017-06-28 15:36:34 -04:00
|
|
|
}
|
2014-07-22 16:30:32 -04:00
|
|
|
|
|
|
|
.admin-container {
|
|
|
|
h2 {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.dashboard-left, .dashboard-right { width: 100%; }
|
|
|
|
.dashboard-stats { margin: 0; }
|
|
|
|
|
|
|
|
.badges {
|
|
|
|
.current-badge {margin: 70px 0 0 0;}
|
|
|
|
.current-badge-actions {padding: 0;}
|
|
|
|
}
|
|
|
|
|
|
|
|
.customize .content-list, .customize .current-style {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
2014-07-27 04:22:01 -04:00
|
|
|
|
|
|
|
.badge-groupings {
|
|
|
|
list-style: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 10px 3px;
|
|
|
|
li {
|
|
|
|
padding: 6px 0;
|
|
|
|
width: 600px;
|
|
|
|
border-bottom: 1px solid #dfdfdf;
|
|
|
|
}
|
|
|
|
.actions {
|
|
|
|
float: right;
|
2015-12-26 17:58:54 -05:00
|
|
|
.btn {
|
|
|
|
padding: 3px 6px;
|
2014-07-27 04:22:01 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2014-09-03 10:09:30 -04:00
|
|
|
|
|
|
|
tr.not-activated {
|
|
|
|
td, td a, td a:visited {
|
|
|
|
color: #bbb;
|
|
|
|
}
|
2014-09-03 10:41:13 -04:00
|
|
|
}
|
|
|
|
.details.not-activated {
|
|
|
|
.username .value, .email .value a, .email .value a:visited {
|
|
|
|
color: #bbb;
|
|
|
|
}
|
2014-09-07 22:46:04 -04:00
|
|
|
}
|
2014-09-25 11:32:08 -04:00
|
|
|
|
|
|
|
.user-fields {
|
|
|
|
h2 {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-field {
|
|
|
|
padding: 10px;
|
|
|
|
margin-bottom: 10px;
|
2017-08-23 16:16:18 -04:00
|
|
|
border-bottom: 1px solid $primary-low;
|
2014-09-25 11:32:08 -04:00
|
|
|
|
|
|
|
.form-display {
|
2014-09-26 14:48:34 -04:00
|
|
|
width: 25%;
|
2014-09-25 11:32:08 -04:00
|
|
|
display: inline-block;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
2015-07-27 14:22:12 -04:00
|
|
|
.form-element, .form-element-desc {
|
2014-09-25 11:32:08 -04:00
|
|
|
float: left;
|
2015-07-28 12:29:40 -04:00
|
|
|
min-height: 30px;
|
2015-07-27 14:22:12 -04:00
|
|
|
padding: 0.25em 0;
|
|
|
|
|
2015-07-28 12:29:40 -04:00
|
|
|
&.input-area {
|
|
|
|
width: 75%;
|
|
|
|
input[type=text] {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.label-area {
|
|
|
|
width: 25%;
|
|
|
|
label {
|
|
|
|
margin: 0.5em 1em 0 0;
|
|
|
|
text-align: right;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
2014-09-25 11:32:08 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.controls {
|
|
|
|
float: right;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.clearfix {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2015-01-28 22:53:02 -05:00
|
|
|
|
|
|
|
.preview {
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
2015-02-24 20:52:43 -05:00
|
|
|
|
|
|
|
table#user-badges {
|
|
|
|
.reason {
|
|
|
|
max-width: 200px;
|
|
|
|
}
|
|
|
|
}
|
2015-03-02 12:12:19 -05:00
|
|
|
|
2015-06-09 12:19:41 -04:00
|
|
|
.value-list {
|
|
|
|
.value {
|
2015-03-02 12:12:19 -05:00
|
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
padding: 3px;
|
|
|
|
margin-right: 10px;
|
|
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
2015-07-28 15:58:49 -04:00
|
|
|
|
|
|
|
cursor: move;
|
2015-03-02 12:12:19 -05:00
|
|
|
}
|
|
|
|
|
2015-06-09 12:19:41 -04:00
|
|
|
.values {
|
2015-03-02 12:12:19 -05:00
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
2015-07-28 15:58:49 -04:00
|
|
|
.placeholder {
|
|
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
padding: 3px;
|
|
|
|
margin-right: 10px;
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
|
2015-03-02 12:12:19 -05:00
|
|
|
input[type=text] {
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
}
|
2015-07-15 08:54:28 -04:00
|
|
|
|
|
|
|
// Permalinks
|
|
|
|
|
|
|
|
.permalinks {
|
2015-07-20 08:10:22 -04:00
|
|
|
.url, .topic, .category, .external_url, .post {
|
2015-07-17 06:23:48 -04:00
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
.url {
|
|
|
|
width: 200px;
|
|
|
|
}
|
2015-07-20 08:10:22 -04:00
|
|
|
.topic, .post, .external_url {
|
|
|
|
width: 180px;
|
2015-07-15 08:54:28 -04:00
|
|
|
}
|
2015-07-20 08:10:22 -04:00
|
|
|
.category {
|
|
|
|
width: 140px;
|
2015-07-17 06:23:48 -04:00
|
|
|
}
|
2015-07-20 08:10:22 -04:00
|
|
|
.action {
|
2015-07-15 08:54:28 -04:00
|
|
|
text-align: center;
|
2015-07-17 06:23:48 -04:00
|
|
|
width: 8%;
|
2015-07-15 08:54:28 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.permalink-title {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
2015-08-01 18:00:39 -04:00
|
|
|
|
2015-08-20 13:43:12 -04:00
|
|
|
|
|
|
|
// embedding
|
|
|
|
|
|
|
|
.embeddable-hosts {
|
|
|
|
table {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
margin-bottom: 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.embedding-secondary {
|
|
|
|
h3 {
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
|
|
|
margin-bottom: 2em;
|
|
|
|
|
|
|
|
.embed-setting {
|
|
|
|
input[type=text] {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
margin: 0.75em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.description {
|
2017-10-10 16:07:46 -04:00
|
|
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
2015-08-20 13:43:12 -04:00
|
|
|
margin-bottom: 1em;
|
|
|
|
max-width: 700px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-08-30 11:04:17 -04:00
|
|
|
.embedding td input {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2016-01-18 18:57:55 -05:00
|
|
|
// Emails
|
|
|
|
|
|
|
|
.email-list {
|
|
|
|
.filters input {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.time {
|
|
|
|
width: 50px;
|
|
|
|
}
|
2016-04-14 20:38:02 -04:00
|
|
|
.reply-key {
|
|
|
|
display: block;
|
|
|
|
font-size: 12px;
|
2017-10-10 16:07:46 -04:00
|
|
|
color: dark-light-choose($primary-medium, $secondary-high);
|
2016-04-14 20:38:02 -04:00
|
|
|
}
|
2016-01-18 18:57:55 -05:00
|
|
|
.username div {
|
|
|
|
max-width: 180px;
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
.addresses p {
|
|
|
|
margin: 2px 0;
|
|
|
|
max-width: 200px;
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-02-10 16:00:27 -05:00
|
|
|
.incoming-emails {
|
|
|
|
.control-group {
|
|
|
|
margin: 8px 0;
|
|
|
|
}
|
|
|
|
.controls {
|
|
|
|
margin-left: 110px;
|
|
|
|
}
|
|
|
|
p {
|
|
|
|
margin: 5px 10px;
|
|
|
|
}
|
|
|
|
.error-description {
|
|
|
|
color: #919191;
|
|
|
|
font-size: 90%;
|
|
|
|
}
|
|
|
|
hr {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
label {
|
|
|
|
font-weight: bold;
|
|
|
|
float: left;
|
|
|
|
width: 100px;
|
|
|
|
text-align: right;
|
|
|
|
margin: 0 10px;
|
|
|
|
}
|
|
|
|
ul {
|
|
|
|
list-style: none;
|
|
|
|
margin: 0 10px;
|
|
|
|
}
|
|
|
|
textarea {
|
|
|
|
width: 95%;
|
|
|
|
height: 150px;
|
2016-02-10 16:43:00 -05:00
|
|
|
font-family: monospace;
|
|
|
|
box-shadow: none;
|
2016-02-10 16:00:27 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-11-24 12:58:06 -05:00
|
|
|
.admin-list-item {
|
|
|
|
width: 100%;
|
|
|
|
border-top: 1px solid #e9e9e9;
|
|
|
|
padding: 0.25em 0;
|
|
|
|
}
|
|
|
|
|
2016-06-15 13:49:57 -04:00
|
|
|
// Webhook
|
|
|
|
|
|
|
|
.web-hook-container {
|
|
|
|
> p {
|
|
|
|
padding-bottom: 10px;
|
|
|
|
border-bottom: darken($secondary, 10%) 1px solid;
|
|
|
|
}
|
|
|
|
.filters {
|
|
|
|
margin: 5px 0;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: darken($secondary, 5%) 1px solid;
|
|
|
|
}
|
|
|
|
.instructions {
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
.subscription-choice {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.web-hook-direction {
|
|
|
|
button {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.web-hook-events {
|
|
|
|
li {
|
|
|
|
padding: 2px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col {
|
|
|
|
display: inline-block;
|
|
|
|
padding-top: 6px;
|
|
|
|
vertical-align: top;
|
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col.first {
|
2016-09-15 00:57:04 -04:00
|
|
|
width: 90px;
|
2016-06-15 13:49:57 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.col.event-id {
|
|
|
|
width: 300px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col.timestamp {
|
|
|
|
width: 150px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col.completion {
|
|
|
|
width: 220px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col.actions {
|
|
|
|
width: 305px;
|
|
|
|
padding-top: 0;
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-09-15 00:57:04 -04:00
|
|
|
.col.heading.actions {
|
|
|
|
padding: 4px 0;
|
|
|
|
}
|
|
|
|
|
2016-06-15 13:49:57 -04:00
|
|
|
.details {
|
|
|
|
display: block;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
label {
|
|
|
|
font-size: 1.05em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-09-13 19:54:53 -04:00
|
|
|
.web-hook-events-listing {
|
|
|
|
margin-top: 15px;
|
|
|
|
.alert {
|
|
|
|
margin: 15px 0 0 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-11-24 15:38:22 -05:00
|
|
|
.email-preview-digest {
|
|
|
|
.controls {
|
|
|
|
margin-left: 20px;
|
|
|
|
label {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.preview-output iframe {
|
|
|
|
width: 100%;
|
|
|
|
height: 600px;
|
|
|
|
border-width: 1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-28 16:56:44 -04:00
|
|
|
.watched-word-box {
|
|
|
|
display: inline-block;
|
|
|
|
width: 250px;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.watched-words-list {
|
|
|
|
margin-top: 40px;
|
|
|
|
}
|
|
|
|
.watched-word {
|
|
|
|
display: inline-block;
|
|
|
|
cursor: pointer;
|
2017-07-27 15:03:41 -04:00
|
|
|
.d-icon {
|
2017-06-28 16:56:44 -04:00
|
|
|
margin-right: 0.25em;
|
|
|
|
color: dark-light-diff($primary, $secondary, 50%, -50%);
|
|
|
|
}
|
2017-07-27 15:03:41 -04:00
|
|
|
&:hover .d-icon {
|
2017-06-28 16:56:44 -04:00
|
|
|
color: $primary;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.watched-word-form {
|
|
|
|
display: inline-block;
|
|
|
|
.success-message {
|
|
|
|
margin-left: 1em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.watched-words-uploader {
|
|
|
|
float: right;
|
|
|
|
text-align: right;
|
|
|
|
.instructions {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.watched-words-detail {
|
|
|
|
.about {
|
|
|
|
margin-top: 24px;
|
|
|
|
margin-bottom: 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-08-01 18:00:39 -04:00
|
|
|
// Mobile specific styles
|
2015-08-01 19:57:41 -04:00
|
|
|
// Mobile view text-inputs need some padding
|
2015-08-01 18:00:39 -04:00
|
|
|
.mobile-view .admin-contents {
|
|
|
|
input[type="text"] {
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.mobile-view .admin-controls {
|
|
|
|
padding: 10px 10px 9px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mobile-view .full-width {
|
|
|
|
margin: 0;
|
2015-08-18 14:13:40 -04:00
|
|
|
}
|
2015-08-20 16:30:34 -04:00
|
|
|
|
2016-03-04 12:03:47 -05:00
|
|
|
// Mobile specific style for Admin IP Lookup box
|
|
|
|
.mobile-view .admin-contents .ip-lookup .location-box {
|
|
|
|
width: 300px;
|
2017-04-20 22:18:01 -04:00
|
|
|
left: -100%;
|
2016-03-04 12:03:47 -05:00
|
|
|
}
|
|
|
|
|
2017-05-24 15:52:18 -04:00
|
|
|
|
|
|
|
|
2015-08-20 16:30:34 -04:00
|
|
|
.cboxcontainer {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 8px;
|
|
|
|
padding-bottom: 4px;
|
|
|
|
|
|
|
|
* {
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
display: inline-block;
|
|
|
|
border: 1px solid $tertiary;
|
|
|
|
}
|
|
|
|
&.primary {
|
|
|
|
background: $primary;
|
|
|
|
}
|
|
|
|
&.secondary {
|
|
|
|
background: $secondary;
|
|
|
|
}
|
|
|
|
}
|
2017-04-12 10:52:52 -04:00
|
|
|
|
|
|
|
.inline-edit label {
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: 20px;
|
|
|
|
}
|
|
|
|
|
2015-08-20 19:47:34 -04:00
|
|
|
.cbox0 { background: blend-primary-secondary(0%); }
|
|
|
|
.cbox10 { background: blend-primary-secondary(10%); }
|
|
|
|
.cbox20 { background: blend-primary-secondary(20%); }
|
|
|
|
.cbox30 { background: blend-primary-secondary(30%); }
|
|
|
|
.cbox40 { background: blend-primary-secondary(40%); }
|
|
|
|
.cbox50 { background: blend-primary-secondary(50%); }
|
|
|
|
.cbox60 { background: blend-primary-secondary(60%); }
|
|
|
|
.cbox70 { background: blend-primary-secondary(70%); }
|
|
|
|
.cbox80 { background: blend-primary-secondary(80%); }
|
|
|
|
.cbox90 { background: blend-primary-secondary(90%); }
|
|
|
|
.cbox100 { background: blend-primary-secondary(100%); }
|
|
|
|
.cbox5 { background: blend-primary-secondary(5%); }
|
|
|
|
.cbox7 { background: blend-primary-secondary(7%); }
|
|
|
|
.cbox15 { background: blend-primary-secondary(15%); }
|
|
|
|
.cbox17 { background: blend-primary-secondary(17%); }
|
|
|
|
.cbox25 { background: blend-primary-secondary(25%); }
|
|
|
|
.cbox95 { background: blend-primary-secondary(95%); }
|
|
|
|
.cbox85 { background: blend-primary-secondary(85%); }
|
|
|
|
.cbox75 { background: blend-primary-secondary(75%); }
|
2015-08-20 16:30:34 -04:00
|
|
|
|
|
|
|
.dbox0 { background: dark-light-diff($primary, $secondary, 0%, -0%); }
|
|
|
|
.dbox10 { background: dark-light-diff($primary, $secondary, 10%, -10%); }
|
|
|
|
.dbox20 { background: dark-light-diff($primary, $secondary, 20%, -20%); }
|
|
|
|
.dbox30 { background: dark-light-diff($primary, $secondary, 30%, -30%); }
|
|
|
|
.dbox40 { background: dark-light-diff($primary, $secondary, 40%, -40%); }
|
2017-06-11 22:20:14 -04:00
|
|
|
.dbox50 { background: blend-primary-secondary(50%); }
|
2015-08-20 16:30:34 -04:00
|
|
|
.dbox60 { background: dark-light-diff($primary, $secondary, 60%, -60%); }
|
|
|
|
.dbox70 { background: dark-light-diff($primary, $secondary, 70%, -70%); }
|
|
|
|
.dbox80 { background: dark-light-diff($primary, $secondary, 80%, -80%); }
|
2017-06-11 22:20:14 -04:00
|
|
|
.dbox90 { background: $primary-low; }
|
2015-08-20 16:30:34 -04:00
|
|
|
.dbox100 { background: dark-light-diff($primary, $secondary, 100%, -100%); }
|
|
|
|
.dbox5 { background: dark-light-diff($primary, $secondary, 5%, -5%); }
|
|
|
|
.dbox15 { background: dark-light-diff($primary, $secondary, 15%, -15%); }
|
|
|
|
.dbox25 { background: dark-light-diff($primary, $secondary, 25%, -25%); }
|
|
|
|
.dbox95 { background: dark-light-diff($primary, $secondary, 95%, -95%); }
|
|
|
|
.dbox85 { background: dark-light-diff($primary, $secondary, 85%, -85%); }
|
|
|
|
.dbox75 { background: dark-light-diff($primary, $secondary, 75%, -75%); }
|