1 | /* Container */
|
---|
2 | .sp-dark.sp-container {
|
---|
3 | background-color: #333;
|
---|
4 | border: solid 1px #555;
|
---|
5 | }
|
---|
6 |
|
---|
7 | /* Replacer (the little preview div that shows up instead of the <input>) */
|
---|
8 | .sp-dark.sp-replacer {
|
---|
9 | border: solid 1px #fff;
|
---|
10 | background: #333;
|
---|
11 | color: #eee;
|
---|
12 | vertical-align: middle;
|
---|
13 | }
|
---|
14 | .sp-replacer:hover, .sp-replacer.sp-active {
|
---|
15 | border-color: #F0C49B;
|
---|
16 | color: #fff;
|
---|
17 | }
|
---|
18 | .sp-replacer.sp-disabled {
|
---|
19 | border-color: silver;
|
---|
20 | color: silver;
|
---|
21 | }
|
---|
22 | .sp-dark .sp-preview {
|
---|
23 | border: solid 1px #999;
|
---|
24 | }
|
---|
25 | .sp-dark .sp-cancel {
|
---|
26 | color: #f99f9f !important;
|
---|
27 | }
|
---|
28 |
|
---|
29 | .sp-dark, .sp-dark button, .sp-dark input, .sp-color, .sp-hue {
|
---|
30 |
|
---|
31 | }
|
---|
32 |
|
---|
33 | /* Input */
|
---|
34 | .sp-dark .sp-input-container {
|
---|
35 |
|
---|
36 | }
|
---|
37 | .sp-dark .sp-initial-disabled .sp-input-container {
|
---|
38 |
|
---|
39 | }
|
---|
40 | .sp-dark .sp-input {
|
---|
41 |
|
---|
42 | }
|
---|
43 | .sp-dark .sp-input:focus {
|
---|
44 |
|
---|
45 | }
|
---|
46 | .sp-dark .sp-input.sp-validation-error {
|
---|
47 |
|
---|
48 | }
|
---|
49 |
|
---|
50 | .sp-dark .sp-picker-container , .sp-dark .sp-palette-container {
|
---|
51 |
|
---|
52 | }
|
---|
53 | .sp-dark .sp-picker-container {
|
---|
54 |
|
---|
55 | }
|
---|
56 |
|
---|
57 | /* Palettes */
|
---|
58 | .sp-dark .sp-palette-container {
|
---|
59 |
|
---|
60 | }
|
---|
61 |
|
---|
62 | .sp-dark .sp-palette .sp-thumb-el {
|
---|
63 |
|
---|
64 | }
|
---|
65 | .sp-dark .sp-palette .sp-thumb-el:hover, .sp-dark .sp-palette .sp-thumb-el.sp-thumb-active {
|
---|
66 |
|
---|
67 | }
|
---|
68 | .sp-dark .sp-thumb-el {
|
---|
69 | }
|
---|
70 |
|
---|
71 | /* Initial */
|
---|
72 | .sp-dark .sp-initial {
|
---|
73 |
|
---|
74 | }
|
---|
75 | .sp-dark .sp-initial span {
|
---|
76 |
|
---|
77 | }
|
---|
78 |
|
---|
79 | /* Buttons */
|
---|
80 | .sp-dark .sp-button-container {
|
---|
81 |
|
---|
82 | }
|
---|
83 |
|
---|
84 | /* Replacer (the little preview div that shows up instead of the <input>) */
|
---|
85 | .sp-dark.sp-replacer {
|
---|
86 |
|
---|
87 | }
|
---|
88 | .sp-dark.sp-replacer:hover, .sp-dark.sp-replacer.sp-active {
|
---|
89 | border-color: #F0C49B;
|
---|
90 | color: #111;
|
---|
91 | }
|
---|
92 | .sp-dark.sp-replacer.sp-disabled {
|
---|
93 |
|
---|
94 | }
|
---|
95 | .sp-dark .sp-dd {
|
---|
96 |
|
---|
97 | }
|
---|
98 |
|
---|
99 |
|
---|
100 |
|
---|
101 | .sp-dark .sp-preview {
|
---|
102 |
|
---|
103 | }
|
---|
104 | .sp-dark .sp-palette {
|
---|
105 |
|
---|
106 | }
|
---|
107 | .sp-dark .sp-palette .sp-thumb-el {
|
---|
108 |
|
---|
109 | }
|
---|
110 |
|
---|
111 | .sp-dark button {
|
---|
112 |
|
---|
113 | }
|
---|
114 | .sp-dark button:hover {
|
---|
115 |
|
---|
116 | }
|
---|
117 | .sp-dark button:active {
|
---|
118 |
|
---|
119 | }
|
---|
120 | .sp-dark .sp-cancel {
|
---|
121 |
|
---|
122 | }
|
---|
123 | .sp-dark .sp-cancel:hover {
|
---|
124 |
|
---|
125 | }
|
---|
126 | .sp-dark .sp-palette span:hover, .sp-dark .sp-palette span.sp-thumb-active {
|
---|
127 |
|
---|
128 | }
|
---|