contentdb/app/scss/components.scss

275 lines
4.0 KiB
SCSS
Raw Normal View History

.ui-autocomplete, ui-front {
position:absolute;
cursor:default;
2020-07-14 04:49:30 +02:00
z-index:1100 !important
}
.ui-autocomplete {
background: #333 !important;
border: 1px solid #444 !important;
2018-05-26 01:32:22 +02:00
overflow-x: hidden;
overflow-y: auto;
2021-02-05 17:19:34 +01:00
max-width: 700px;
2018-05-26 01:32:22 +02:00
max-height: 400px;
li {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
a {
display: block;
padding: 0.3em 0.5em !important;
margin: 0 !important;
}
2021-02-05 17:19:34 +01:00
a:hover, a:focus, li:focus a {
font-weight: normal !important;
text-decoration: none;
padding: 0.3em 0.5em !important;
margin: 0 !important;
}
}
2018-12-29 20:00:13 +01:00
.bulletselector {
height: auto !important;
display: inline-block !important;
}
2018-05-27 21:15:35 +02:00
.bulletselector input {
border: none;
border-radius: 0;
2020-12-06 04:35:25 +01:00
-moz-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
width: auto;
min-width: 50px;
float: left;
2020-12-06 04:35:25 +01:00
padding: 4px 0;
white-space: nowrap;
background: transparent;
}
2018-12-22 12:23:58 +01:00
.bulletselector .badge {
float: left;
2018-12-22 12:23:58 +01:00
padding: 0.4em 0.8em;
margin-right: 0.3em;
}
2018-12-22 12:23:58 +01:00
.invalid-remaining {
display: none;
}
2018-05-18 22:35:54 +02:00
.t-mll tr td:not(:first-child) {
text-align: left;
}
2018-05-15 16:00:07 +02:00
.userlist li.NOT_JOINED {
2020-01-21 23:40:51 +01:00
color: #aaa !important;
2018-05-15 16:00:07 +02:00
}
2020-01-21 23:40:51 +01:00
.NOT_JOINED a, .NOT_JOINED {
2021-08-16 19:57:05 +02:00
color: #aaa !important;
2018-05-15 16:00:07 +02:00
}
2020-01-21 23:40:51 +01:00
.ADMIN a, .ADMIN{
color: #e30 !important;
2018-05-15 16:00:07 +02:00
}
2020-01-21 23:40:51 +01:00
.MODERATOR a, .MODERATOR {
color: #e90 !important;
2018-05-15 16:00:07 +02:00
}
2021-08-16 19:57:05 +02:00
.APPROVER a, .APPROVER {
color: #69f !important;
}
2020-01-21 23:40:51 +01:00
.EDITOR a, .EDITOR {
color: #b6f !important;
2018-05-15 16:00:07 +02:00
}
2018-05-18 03:31:38 +02:00
2020-01-21 23:40:51 +01:00
.TRUSTED_MEMBER a, .TRUSTED_MEMBER {
color: #2c2 !important;
2018-05-29 22:38:35 +02:00
}
.BOT a, .BOT {
color: #FFDF00 !important;
}
2018-12-24 01:13:45 +01:00
.wiptopic a:not(.btn) {
2018-07-07 00:15:56 +02:00
color: #7ac;
}
2018-09-15 00:10:30 +02:00
.discardtopic {
text-decoration: line-through;
2018-12-24 01:13:45 +01:00
a:not(.btn) {
color: #7ac;
}
filter: brightness(0.5);
}
.editor-toolbar, .editor-toolbar.fullscreen {
margin-bottom: 0 !important;
background-color: #444 !important;
border: none !important;
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
2018-09-15 00:10:30 +02:00
}
.editor-toolbar button {
color: white;
}
.editor-toolbar button.active, .editor-toolbar button:hover {
background: #375a7f !important;
color: white !important;
2018-09-15 00:10:30 +02:00
}
.editor-toolbar.fullscreen::before, .editor-toolbar.fullscreen::after {
display: none !important;
}
// .CodeMirror {
// background-color: #222 !important;
// }
.editor-preview-side, .editor-preview {
2018-09-15 00:10:30 +02:00
background-color: #222 !important;
color: white !important;
2018-09-15 00:10:30 +02:00
}
2020-12-06 04:35:25 +01:00
.sortable {
user-select: none;
}
2020-12-17 21:10:46 +01:00
blockquote {
padding: 0.5em 1em;
border-left: 3px solid rgba(255, 255, 255, 0.25);
& > *:last-child {
margin-bottom: 0;
}
}
2021-01-29 20:38:14 +01:00
.tabs-container {
background: #1c1c1c;
border-bottom: 1px solid #444;
.nav {
border-bottom: none;
}
}
2021-02-02 21:05:24 +01:00
.toc {
.nav-link {
color: #ADADAD;
padding: 0.25rem 0.5rem;
&:hover, &.active {
color: #DDD;
}
}
.nav .nav {
margin: 0.1em 0 0.1em 0.7rem;
padding-left: 0.25em;
border-left: 3px solid rgba(173, 173, 173, 0.25);
}
& > .nav > * > .nav {
margin-bottom: 0.5em;
}
}
2021-02-03 01:56:43 +01:00
.signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: 0 auto;
.form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 16px;
}
.form-group {
margin-bottom: 0;
}
.form-control:focus {
z-index: 2;
}
.checkbox {
font-weight: 400;
}
input[type="text"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
2021-02-03 18:40:03 +01:00
.info-sidebar {
color: #999;
h3 {
color: #aaa;
}
& > h3:first-of-type {
margin-top: 0;
}
dt {
font-weight: normal;
}
dd {
font-weight: bold;
max-height: 300px;
overflow-y: auto;
}
.badge, .list-group-item-action {
color: #ddd;
}
& > .btn.btn-secondary {
color: #ddd;
background-color: #303030;
border-color: #444;
&:hover {
background-color: #444;
}
}
}
.panel {
background: #2c2c2c;
padding: 1.25rem;
border: 1px solid rgba(0,0,0,0.125);
border-radius: .25rem;
& > *:first-child {
margin-top: 0 !important;
}
& > *:last-child {
margin-bottom: 0 !important;
}
}