CoCalc -- cafe.css

GitHub Repository: malwaredllc/byob
Path: blob/master/web-gui/buildyourownbotnet/assets/css/skins/cafe.css
¹²⁹³ views
1
body a {
2
  color: #31271e;
3
}
4
body .profile-info.dropdown .dropdown-menu {
5
  background: #31271e;
6
  border-color: #31271e;
7
}
8
body .profile-info.dropdown .dropdown-menu > li {
9
  border-bottom-color: transparent;
10
}
11
body .profile-info.dropdown .dropdown-menu li a {
12
  color: #fbf1df;
13
}
14
body .profile-info.dropdown .dropdown-menu li a:hover {
15
  background: #2c231b;
16
}
17
body .page-container .sidebar-menu {
18
  background: #31271e;
19
  color: #32281f;
20
}
21
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search .search-input {
22
  background-color: #2c231b !important;
23
  border-color: #352a21 !important;
24
}
25
body .page-container .sidebar-menu #main-menu li#search {
26
  background-color: #2c231b;
27
  border-color: #352a21;
28
}
29
body .page-container .sidebar-menu #main-menu li ul {
30
  border-color: rgba(53, 42, 33, 0.7);
31
}
32
body .page-container .sidebar-menu #main-menu li ul > li {
33
  border-color: rgba(53, 42, 33, 0.7);
34
}
35
body .page-container .sidebar-menu #main-menu li ul > li > a {
36
  background-color: #31271e;
37
}
38
body .page-container .sidebar-menu #main-menu li.active > a {
39
  background: #2c231b;
40
}
41
body .page-container .sidebar-menu #main-menu li ul > li > a {
42
  background-color: #2c231b;
43
}
44
body .page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
45
body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
46
  border-color: #352a21;
47
}
48
body .page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover {
49
  background: #2c231b;
50
}
51
body .page-container .sidebar-menu .sidebar-user-info {
52
  border-color: #352a21;
53
}
54
body .page-container .sidebar-menu .sidebar-user-info .sui-hover {
55
  background-color: #31271e;
56
}
57
body .page-container .sidebar-menu #main-menu li {
58
  border-color: #352a21;
59
}
60
body .page-container .sidebar-menu #main-menu li a {
61
  color: #fbf1df;
62
}
63
body .page-container .sidebar-menu #main-menu li a:hover {
64
  background-color: #32281f;
65
}
66
body .page-container .sidebar-menu #main-menu li ul > li > a:hover {
67
  background-color: #32281f;
68
}
69
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li {
70
  border-color: #352a21;
71
}
72
body .page-container .sidebar-menu #main-menu li ul > li ul > li > a {
73
  background-color: #271f18;
74
}
75
body .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li > a {
76
  background-color: #271f18;
77
}
78
body .page-container .sidebar-menu #main-menu li ul > li ul > li ul > li ul > li > a {
79
  background-color: #271f18;
80
}
81
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
82
  background: #31271e;
83
  border-color: #352a21;
84
}
85
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li ul {
86
  border-color: #352a21;
87
}
88
body .profile-info.dropdown .dropdown-menu > .caret {
89
  border-bottom-color: #31271e;
90
}
91
body #chat {
92
  background: #31271e;
93
}
94
body #chat .chat-header {
95
  color: #FFF;
96
  border-bottom: 1px solid #352a21;
97
}
98
body #chat .chat-group > a:hover,
99
body #chat .chat-group > a.active {
100
  background: #352a21;
101
}
102
body #chat .chat-group > strong {
103
  color: rgba(255, 255, 255, 0.4);
104
}
105
body #chat .chat-conversation {
106
  background: #271f18;
107
}
108
body #chat .chat-conversation .conversation-body > li.odd,
109
body #chat .chat-conversation .conversation-body > li.even,
110
body #chat .chat-conversation .conversation-body > li.opponent {
111
  background: #2c231b;
112
}
113
body #chat .chat-conversation .conversation-header {
114
  border-color: #352a21;
115
}
116
body #chat .chat-conversation .chat-textarea textarea {
117
  background: #2c231b;
118
  box-shadow: none;
119
  border-color: #2c231b;
120
}
121
body #chat .chat-group > a:before {
122
  border-color: transparent transparent transparent #271f18;
123
}
124
body.login-page .login-form .form-group .input-group {
125
  border-color: #352a21;
126
}
127
body.login-page {
128
  background: #2c231b;
129
  color: rgba(255, 255, 255, 0.5);
130
}
131
body.login-page .login-form .form-group .input-group .form-control::-webkit-input-placeholder {
132
  color: #fbf1df;
133
}
134
body.login-page .login-form .form-group .input-group .form-control:-moz-placeholder {
135
  color: #fbf1df;
136
}
137
body.login-page .login-form .form-group .input-group .form-control::-moz-placeholder {
138
  color: #fbf1df;
139
}
140
body.login-page .login-form .form-group .input-group .form-control:-ms-input-placeholder {
141
  color: #fbf1df;
142
}
143
body.login-page .login-form .form-group .input-group {
144
  background: #31271e;
145
  border-color: #352a21;
146
}
147
body.login-page .login-form .form-group .input-group.focused {
148
  border-color: #45362b;
149
}
150
body.login-page .login-form .form-group .input-group .input-group-addon:after {
151
  background: #352a21;
152
}
153
body.login-page .login-form .form-group .btn-login {
154
  background: #2c231b;
155
  border-color: #352a21;
156
}
157
body.login-page .login-form .form-group .btn-login:hover {
158
  background: #31271e;
159
}
160
body .login-container .login-header {
161
  background-color: #31271e;
162
}
163
body .login-container .login-header.login-caret:after {
164
  border-top-color: #31271e;
165
}
166
body.login-page.logging-in .login-progressbar {
167
  background: #574535;
168
  height: 2px;
169
}
170
body.login-page.logging-in .login-progressbar div {
171
  background: #ffba00;
172
}
173
body .tile-primary {
174
  background: #31271e;
175
}
176
body .tile-primary .tile-entry {
177
  border-color: #352a21;
178
}
179
body .tile-primary .title {
180
  background: #211a14;
181
}
182
body .tile-white-primary .num,
183
body .tile-white-primary h3,
184
body .tile-white-primary p {
185
  color: #352a21;
186
}
187
body .btn-primary {
188
  background: #31271e;
189
  border-color: #31271e;
190
}
191
body .panel-invert {
192
  background: #31271e;
193
}
194
body .navbar-inverse {
195
  border-color: #31271e;
196
  background: #31271e;
197
}
198
body .navbar-inverse .navbar-nav > li > a {
199
  color: #fbf1df;
200
}
201
body .navbar-inverse .navbar-nav > .open > a,
202
body .navbar-inverse .navbar-nav > .open > a:hover,
203
body .navbar-inverse .navbar-nav > .open > a:focus {
204
  background: #2c231b;
205
}
206
body .navbar-inverse .navbar-nav > .active > a,
207
body .navbar-inverse .navbar-nav > .active > a:hover,
208
body .navbar-inverse .navbar-nav > .active > a:focus {
209
  background: #2c231b;
210
}
211
body .badge.badge-primary,
212
body .label-primary {
213
  background-color: #31271e;
214
}
215
body .badge.badge-secondary,
216
body .label-secondary {
217
  background-color: #ffba00;
218
}
219
body .pagination > .active > a,
220
body .pagination > .active > span,
221
body .pagination > .active > a:hover,
222
body .pagination > .active > span:hover,
223
body .pagination > .active > a:focus,
224
body .pagination > .active > span:focus {
225
  border-color: #31271e;
226
  background: #31271e;
227
}
228
body div.datepicker table tr td.active,
229
body div.datepicker table tr td.active:hover,
230
body div.datepicker table tr td.active.disabled,
231
body div.datepicker table tr td.active.disabled:hover {
232
  background-color: #31271e;
233
}
234
body.login-page .login-form .form-group.lockscreen-input .lockscreen-thumb img {
235
  border-color: #2c231b;
236
}
237
body.login-page .login-content a {
238
  color: #fbf1df;
239
}
240
body .input-group-addon {
241
  color: #fbf1df;
242
}
243
body.page-left-in,
244
body.page-right-in,
245
body.page-fade-only,
246
body.page-fade {
247
  background: #31271e !important;
248
}
249
body .page-container .sidebar-menu #main-menu li#search button i {
250
  color: #fbf1df;
251
}
252
body .btn-primary.btn-icon i {
253
  background-color: rgba(0, 0, 0, 0.2);
254
}
255
body .btn-primary:hover,
256
body .btn-primary:focus,
257
body .btn-primary:active,
258
body .btn-primary.active,
259
body .open .dropdown-toggle.btn-primary {
260
  background: #271f18;
261
  border-color: #271f18;
262
}
263
body .tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
264
  background: #31271e;
265
}
266
body .page-container.horizontal-menu header.navbar {
267
  background: #31271e;
268
}
269
body .page-container.horizontal-menu.with-sidebar header.navbar {
270
  border-color: #352a21;
271
}
272
body .page-container.horizontal-menu.with-sidebar .sidebar-user-info {
273
  border-color: #352a21;
274
}
275
body .page-container.horizontal-menu header.navbar .navbar-nav > li > a {
276
  border-right-color: rgba(53, 42, 33, 0.7);
277
  color: #fbf1df;
278
}
279
body .page-container.horizontal-menu header.navbar .navbar-nav > li.active > a {
280
  background: #2c231b;
281
}
282
body .page-container.horizontal-menu header.navbar .navbar-nav {
283
  border-left-color: rgba(53, 42, 33, 0.7);
284
}
285
body .page-container.horizontal-menu header.navbar .navbar-nav > li#search {
286
  border-right-color: rgba(53, 42, 33, 0.7);
287
}
288
body .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a {
289
  background: #2c231b;
290
}
291
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul {
292
  background: #31271e;
293
}
294
body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open {
295
  background: #2c231b;
296
}
297
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
298
  border-color: #352a21;
299
}
300
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
301
  background: #2c231b;
302
}
303
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a {
304
  background: #2c231b;
305
}
306
body .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input,
307
body .page-container.horizontal-menu header.navbar > ul > li#search .search-input {
308
  background: #2c231b;
309
  border-color: #352a21;
310
}
311
body .page-container.horizontal-menu header.navbar .navbar-nav > li#search.search-input-collapsed:hover {
312
  border-color: #352a21;
313
  background: #2c231b;
314
}
315
body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
316
  border-color: #352a21;
317
}
318
body .page-container.horizontal-menu header.navbar ul.nav > li > a,
319
body .page-container.horizontal-menu header.navbar ul.nav > li > span {
320
  color: #fbf1df;
321
}
322
body .entypo-menu {
323
  color: #fbf1df;
324
}
325
body .page-container .sidebar-menu #main-menu li#search .search-input {
326
  color: #fbf1df;
327
}
328
body .page-container .sidebar-menu #main-menu li#search .search-input::-webkit-input-placeholder {
329
  color: #fbf1df;
330
}
331
body .page-container .sidebar-menu #main-menu li#search .search-input:-moz-placeholder {
332
  color: #fbf1df;
333
}
334
body .page-container .sidebar-menu #main-menu li#search .search-input::-moz-placeholder {
335
  color: #fbf1df;
336
}
337
body .page-container .sidebar-menu #main-menu li#search .search-input:-ms-input-placeholder {
338
  color: #fbf1df;
339
}
340
body #chat .chat-group > a {
341
  color: #fbf1df;
342
}
343
body .conversation-body,
344
body #chat .entypo-cancel,
345
body #chat .chat-conversation .chat-textarea:after {
346
  color: #fbf1df;
347
}
348
body #chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {
349
  color: #fbf1df;
350
}
351
body #chat .chat-conversation .chat-textarea textarea:-moz-placeholder {
352
  color: #fbf1df;
353
}
354
body #chat .chat-conversation .chat-textarea textarea::-moz-placeholder {
355
  color: #fbf1df;
356
}
357
body #chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {
358
  color: #fbf1df;
359
}
360
body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
361
  color: #fbf1df;
362
}
363
body .page-container.horizontal-menu header.navbar .navbar-inner > ul > li#search button i,
364
body .page-container.horizontal-menu header.navbar > ul > li#search button i {
365
  color: #fbf1df;
366
}
367
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub:hover.has-sub > a:hover,
368
body .page-container.sidebar-collapsed .sidebar-menu #main-menu > li:hover.has-sub > a:hover {
369
  color: #fbf1df;
370
}
371
body .panel-invert > .panel-heading,
372
body .modal.invert .modal-dialog .modal-content .modal-header,
373
body .modal.invert .modal-dialog .modal-content .modal-footer {
374
  background: #31271e;
375
  border-color: #352a21;
376
}
377
body .panel-invert > .panel-body,
378
body .modal.invert .modal-dialog .modal-content {
379
  background: #31271e;
380
  color: #fbf1df;
381
}
382
body .modal.invert .modal-dialog .modal-content {
383
  border-color: #31271e;
384
}
385
body .panel-invert {
386
  border-color: #31271e;
387
}
388
body .panel-invert > .panel-heading > .panel-options > a.bg,
389
body .modal.invert .modal-dialog .modal-content .modal-header .close {
390
  background-color: #2c231b;
391
}
392
body .panel-invert > .panel-heading > .panel-options > a.bg:hover {
393
  background-color: #271f18;
394
}
395
body a.list-group-item.active,
396
body a.list-group-item.active:hover,
397
body a.list-group-item.active:focus {
398
  background-color: #31271e;
399
  border-color: #31271e;
400
}
401
body a.list-group-item.active .list-group-item-text,
402
body a.list-group-item.active:hover .list-group-item-text,
403
body a.list-group-item.active:focus .list-group-item-text {
404
  color: #fbf1df;
405
}
406
body .popover.popover-primary {
407
  background-color: #31271e;
408
  border-color: #31271e;
409
}
410
body .popover.popover-primary .popover-title {
411
  background-color: #271f18;
412
  border-color: #271f18;
413
}
414
body .popover.popover-primary.top .arrow {
415
  border-top-color: #31271e;
416
}
417
body .popover.popover-primary.top .arrow:after {
418
  border-top-color: #31271e;
419
}
420
body .popover.popover-primary.right .arrow {
421
  border-right-color: #31271e;
422
}
423
body .popover.popover-primary.right .arrow:after {
424
  border-right-color: #31271e;
425
}
426
body .popover.popover-primary.bottom .arrow {
427
  border-bottom-color: #31271e;
428
}
429
body .popover.popover-primary.bottom .arrow:after {
430
  border-bottom-color: #31271e;
431
}
432
body .popover.popover-primary.left .arrow {
433
  border-left-color: #31271e;
434
}
435
body .popover.popover-primary.left .arrow:after {
436
  border-left-color: #31271e;
437
}
438
body .popover.popover-secondary {
439
  background-color: #ffba00;
440
  border-color: #ffba00;
441
}
442
body .popover.popover-secondary .popover-title {
443
  background-color: #ffba00;
444
  border-color: #ffba00;
445
}
446
body .popover.popover-secondary.top .arrow {
447
  border-top-color: #ffba00;
448
}
449
body .popover.popover-secondary.top .arrow:after {
450
  border-top-color: #ffba00;
451
}
452
body .popover.popover-secondary.right .arrow {
453
  border-right-color: #ffba00;
454
}
455
body .popover.popover-secondary.right .arrow:after {
456
  border-right-color: #ffba00;
457
}
458
body .popover.popover-secondary.bottom .arrow {
459
  border-bottom-color: #ffba00;
460
}
461
body .popover.popover-secondary.bottom .arrow:after {
462
  border-bottom-color: #ffba00;
463
}
464
body .popover.popover-secondary.left .arrow {
465
  border-left-color: #ffba00;
466
}
467
body .popover.popover-secondary.left .arrow:after {
468
  border-left-color: #ffba00;
469
}
470
body .tooltip.tooltip-primary .tooltip-inner {
471
  background-color: #31271e;
472
  color: #fbf1df;
473
}
474
body .tooltip.tooltip-primary.top .tooltip-arrow {
475
  border-top-color: #31271e;
476
}
477
body .tooltip.tooltip-primary.top-left .tooltip-arrow {
478
  border-top-color: #31271e;
479
}
480
body .tooltip.tooltip-primary.top-right .tooltip-arrow {
481
  border-top-color: #31271e;
482
}
483
body .tooltip.tooltip-primary.right .tooltip-arrow {
484
  border-right-color: #31271e;
485
}
486
body .tooltip.tooltip-primary.left .tooltip-arrow {
487
  border-left-color: #31271e;
488
}
489
body .tooltip.tooltip-primary.bottom .tooltip-arrow {
490
  border-bottom-color: #31271e;
491
}
492
body .tooltip.tooltip-primary.bottom-left .tooltip-arrow {
493
  border-bottom-color: #31271e;
494
}
495
body .tooltip.tooltip-primary.bottom-right .tooltip-arrow {
496
  border-bottom-color: #31271e;
497
}
498
body .tooltip.tooltip-secondary .tooltip-inner {
499
  background-color: #ffba00;
500
  color: #fbf1df;
501
}
502
body .tooltip.tooltip-secondary.top .tooltip-arrow {
503
  border-top-color: #ffba00;
504
}
505
body .tooltip.tooltip-secondary.top-left .tooltip-arrow {
506
  border-top-color: #ffba00;
507
}
508
body .tooltip.tooltip-secondary.top-right .tooltip-arrow {
509
  border-top-color: #ffba00;
510
}
511
body .tooltip.tooltip-secondary.right .tooltip-arrow {
512
  border-right-color: #ffba00;
513
}
514
body .tooltip.tooltip-secondary.left .tooltip-arrow {
515
  border-left-color: #ffba00;
516
}
517
body .tooltip.tooltip-secondary.bottom .tooltip-arrow {
518
  border-bottom-color: #ffba00;
519
}
520
body .tooltip.tooltip-secondary.bottom-left .tooltip-arrow {
521
  border-bottom-color: #ffba00;
522
}
523
body .tooltip.tooltip-secondary.bottom-right .tooltip-arrow {
524
  border-bottom-color: #ffba00;
525
}
526
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input::-webkit-input-placeholder,
527
body .horizontal-menu header.navbar > ul > li#search .search-input::-webkit-input-placeholder {
528
  color: #fbf1df;
529
}
530
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input:-moz-placeholder,
531
body .horizontal-menu header.navbar > ul > li#search .search-input:-moz-placeholder {
532
  color: #fbf1df;
533
}
534
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input::-moz-placeholder,
535
body .horizontal-menu header.navbar > ul > li#search .search-input::-moz-placeholder {
536
  color: #fbf1df;
537
}
538
body .horizontal-menu header.navbar .navbar-inner > ul > li#search .search-input:-ms-input-placeholder,
539
body .horizontal-menu header.navbar > ul > li#search .search-input:-ms-input-placeholder {
540
  color: #fbf1df;
541
}
542

543
Product

Resources

Company
