aboutsummaryrefslogtreecommitdiff
path: root/app/scss/components.scss
blob: a9ce978b074127729da17204bdd088b8c055f8c6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
.ui-autocomplete, ui-front {
	position:absolute;
	cursor:default;
	z-index:1100 !important
}

.ui-autocomplete {
	background: #333 !important;
	border: 1px solid #444 !important;
	overflow-x: hidden;
	overflow-y: auto;
	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;
	}
}

.bulletselector {
	height: auto !important;
	display: inline-block !important;
}

.bulletselector input {
	border: none;
	border-radius: 0;
    -moz-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	width: auto;
	min-width: 50px;
	float: left;
    padding: 4px 0;
	white-space: nowrap;
	background: transparent;
}
.bulletselector .badge {
	float: left;
	padding: 0.4em 0.8em;
	margin-right: 0.3em;
}

.invalid-remaining {
	display: none;
}

.t-mll tr td:not(:first-child) {
	text-align: left;
}

.userlist li.NOT_JOINED {
	color: #aaa !important;
}

.NOT_JOINED a, .NOT_JOINED {
	color: #7ac !important;
}

.ADMIN a, .ADMIN{
	color: #e30 !important;
}

.MODERATOR a, .MODERATOR {
	color: #e90 !important;
}

.EDITOR a, .EDITOR {
	color: #b6f !important;
}

.TRUSTED_MEMBER a, .TRUSTED_MEMBER {
	color: #2c2 !important;
}

.wiptopic a:not(.btn) {
	color: #7ac;
}

.discardtopic {
	text-decoration: line-through;
	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;
}

.editor-toolbar button {
	color: white;
}

.editor-toolbar button.active, .editor-toolbar button:hover {
	background: #375a7f !important;
	color: white !important;
}

.editor-toolbar.fullscreen::before, .editor-toolbar.fullscreen::after {
	display: none !important;
}

// .CodeMirror {
// 	background-color: #222 !important;
// }

.editor-preview-side, .editor-preview {
	background-color: #222 !important;
	color: white !important;
}