CoCalc -- dark.css

GitHub Repository: Ryan778/Ryan778.github.io
Path: blob/master/final-grade-calculator/themes/dark.css
⁵⁷⁸ views
1
/* Everything NOT part of the calc box*/
2
html{
3
  background: #181818;
4
  color: #eaeaea;
5
}
6
.halert-warn{
7
  background: #b84004;
8
}
9
.halert-info{
10
  background: #10204d;
11
}
12
#i-toggleTheme:hover, #i-toggleTheme:focus{
13
  color: #fff;
14
}
15
#main{
16
  background: #1d1e1f;
17
}
18
#calc{
19
  background: #27262c;
20
}
21
#footer{
22
  color: #888;
23
}
24
hr{
25
  border: 1px solid #3a3f44;
26
  border-bottom: none;
27
}
28
a{
29
  text-decoration: none;
30
  color: #b5cfff;
31
}
32

33
/* Dark inputs and dialogs */
34
input, select{
35
  background: #222;
36
  color: #fff;
37
}
38

39
.alertify .alert>*, .alertify .dialog>*{
40
  background: #282828;
41
}
42

43
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover {
44
  background-color: rgba(255, 255, 255, 0.05);
45
}
46

47
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
48
  color: rgba(255, 255, 255, 0.87);
49
}
50

51
/* Formatting*/
52
.gray{
53
  color: #aaa}
54
.gr{
55
  color: #8c8}
56
.gr-b{
57
  border-color: #4fa14f}
58
.gr-b:hover, .gr-b:focus{
59
  border-color: #66cf66}
60
.gr-bk{
61
  background: #143b14}
62
.org{
63
  color: #ffb23d}
64
.org-b{
65
  border-color: #7c4d05}
66
.org-bk{
67
  background: #4d2418}
68
.org-b:hover{
69
  border-color: #a75}
70
.red{
71
  color: #e26363}
72
.red-b{
73
  border-color: #bb6969}
74
.red-b:hover{
75
  border-color: #f37a7a}
76

77
.bl{
78
  color: #16f;
79
}
80
.lbl{
81
  color: #83a5e2;
82
}
83
.bl_i{
84
  color: #16f;
85
  cursor: pointer;
86
  transition: all 0.2s;
87
}
88
.bl_i:hover{
89
  color: #48f;
90
}
91

92
::selection{
93
  background: #28d;
94
}
95

96
/* Everything that IS part of the calc box*/
97
button, input, select{
98
  border: 1px solid #555;
99
}
100
input:hover, select:hover{
101
  border-color: #777;
102
}
103
input:focus, select:focus{
104
  border-color: #999;
105
  outline: none;
106
}
107
.btn-opt{
108
  background: #414141;
109
  color: #ddd;
110
}
111
.btn-opt:focus{
112
  border-color: #8282c0;
113
  outline: none;
114
}
115
.btn-opt:hover{
116
  background: #1f4e24;
117
  color: #fff;
118
}
119
.btn-opt:active{
120
  background: #255a2a;
121
  color: #fff;
122
}
123
.btn-opt:disabled{
124
  background: #0b7415;
125
  border-color: #329132;
126
  color: #fff;
127
}
128
#calcBtn{
129
  background: #33394e;
130
  color: #eaeaea;
131
  font-size: 16px;
132
  padding: 4px 6px;
133
}
134
#calcBtn:hover, #calcBtn:focus{
135
  background: #414863;
136
  border-color: #888;
137
  outline: none;
138
}
139
#calcBtn:active{
140
  background: #485b74;
141
  border-color: #aaa;
142
}
143
#res_return{
144
  background: rgb(37, 56, 90);
145
  padding: 1px 4px;
146
  margin-bottom: 5px;
147
}
148
#res_return_or{
149
  background: rgb(87, 53, 37);
150
  padding: 1px 4px;
151
  margin-bottom: 5px;
152
}
153

154
Product

Resources

Company
