diff options
Diffstat (limited to 'scss')
-rwxr-xr-x | scss/imports/scss/_Base.scss | 170 | ||||
-rwxr-xr-x | scss/imports/scss/_MainWindow.scss | 50 | ||||
-rwxr-xr-x | scss/imports/scss/_PanelUI.scss | 348 | ||||
-rwxr-xr-x | scss/imports/scss/_ScrollBars.scss | 8 | ||||
-rwxr-xr-x | scss/imports/scss/_Tools.scss | 124 | ||||
-rwxr-xr-x | scss/imports/themes/_test.scss | 14 |
6 files changed, 357 insertions, 357 deletions
diff --git a/scss/imports/scss/_Base.scss b/scss/imports/scss/_Base.scss index 78a3bbaf..45ff8975 100755 --- a/scss/imports/scss/_Base.scss +++ b/scss/imports/scss/_Base.scss | |||
@@ -45,9 +45,9 @@ POSSIBILITY OF SUCH DAMAGE. | |||
45 | font-weight: bold; | 45 | font-weight: bold; |
46 | } | 46 | } |
47 | :focus { | 47 | :focus { |
48 | outline: none; | 48 | outline: none; |
49 | border: none; | 49 | border: none; |
50 | -webkit-box-shadow: 0px 0px 1px 1px $color-focus-outline; | 50 | -webkit-box-shadow: 0px 0px 1px 1px $color-focus-outline; |
51 | 51 | ||
52 | } | 52 | } |
53 | .layout-table { | 53 | .layout-table { |
@@ -73,8 +73,8 @@ textarea.nj-skinned, | |||
73 | button.nj-skinned, | 73 | button.nj-skinned, |
74 | select.nj-skinned, | 74 | select.nj-skinned, |
75 | select.nj-skinned option { | 75 | select.nj-skinned option { |
76 | -webkit-appearance: none; | 76 | -webkit-appearance: none; |
77 | outline: none; | 77 | outline: none; |
78 | } | 78 | } |
79 | 79 | ||
80 | // Base styles | 80 | // Base styles |
@@ -84,11 +84,11 @@ input[type="search"].nj-skinned, | |||
84 | textarea.nj-skinned, | 84 | textarea.nj-skinned, |
85 | select.nj-skinned, | 85 | select.nj-skinned, |
86 | select.nj-skinned option { | 86 | select.nj-skinned option { |
87 | border: 1px solid $color-input-border; | 87 | border: 1px solid $color-input-border; |
88 | color: $color-input; | 88 | color: $color-input; |
89 | background-color: $color-input-bg; | 89 | background-color: $color-input-bg; |
90 | font-size: 12px; | 90 | font-size: 12px; |
91 | font-family: 'Droid Sans', sans-serif; | 91 | font-family: 'Droid Sans', sans-serif; |
92 | } | 92 | } |
93 | 93 | ||
94 | // Disabled styles | 94 | // Disabled styles |
@@ -96,7 +96,7 @@ input.nj-skinned:disabled, | |||
96 | textarea.nj-skinned:disabled, | 96 | textarea.nj-skinned:disabled, |
97 | select.nj-skinned:disabled, | 97 | select.nj-skinned:disabled, |
98 | button.nj-skinned:disabled { | 98 | button.nj-skinned:disabled { |
99 | opacity: 0.4; | 99 | opacity: 0.4; |
100 | } | 100 | } |
101 | 101 | ||
102 | // Text inputs and select boxes | 102 | // Text inputs and select boxes |
@@ -105,7 +105,7 @@ input[type="password"].nj-skinned, | |||
105 | input[type="search"].nj-skinned, | 105 | input[type="search"].nj-skinned, |
106 | select.nj-skinned, | 106 | select.nj-skinned, |
107 | select.nj-skinned option { | 107 | select.nj-skinned option { |
108 | height: 13px; | 108 | height: 13px; |
109 | } | 109 | } |
110 | // | 110 | // |
111 | input[type="text"].nj-skinned:focus, | 111 | input[type="text"].nj-skinned:focus, |
@@ -114,7 +114,7 @@ input[type="search"].nj-skinned:focus, | |||
114 | textarea.nj-skinned:focus, | 114 | textarea.nj-skinned:focus, |
115 | select.nj-skinned:focus, | 115 | select.nj-skinned:focus, |
116 | select.nj-skinned option:focus { | 116 | select.nj-skinned option:focus { |
117 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; | 117 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; |
118 | } | 118 | } |
119 | 119 | ||
120 | 120 | ||
@@ -122,99 +122,99 @@ select.nj-skinned { | |||
122 | background-image: url("../images/dropdown-bg.png"); | 122 | background-image: url("../images/dropdown-bg.png"); |
123 | background-repeat: no-repeat; | 123 | background-repeat: no-repeat; |
124 | background-position: right center; | 124 | background-position: right center; |
125 | font-size: 12px; | 125 | font-size: 12px; |
126 | height: 16px; | 126 | height: 16px; |
127 | padding-right: 20px; | 127 | padding-right: 20px; |
128 | } | 128 | } |
129 | 129 | ||
130 | input[type="search"].nj-skinned { | 130 | input[type="search"].nj-skinned { |
131 | height: 17px ; | 131 | height: 17px ; |
132 | -webkit-box-shadow: none; | 132 | -webkit-box-shadow: none; |
133 | } | 133 | } |
134 | input[type="search"].nj-skinned::-webkit-search-cancel-button { | 134 | input[type="search"].nj-skinned::-webkit-search-cancel-button { |
135 | -webkit-appearance: none; | 135 | -webkit-appearance: none; |
136 | font-size: 10px; | 136 | font-size: 10px; |
137 | height: 10px; | 137 | height: 10px; |
138 | width: 10px; | 138 | width: 10px; |
139 | } | 139 | } |
140 | input[type="search"].nj-skinned::-webkit-search-cancel-button:after { | 140 | input[type="search"].nj-skinned::-webkit-search-cancel-button:after { |
141 | content:"\2716"; | 141 | content:"\2716"; |
142 | } | 142 | } |
143 | 143 | ||
144 | // Buttons | 144 | // Buttons |
145 | button.nj-skinned { | 145 | button.nj-skinned { |
146 | font-size: 9px; | 146 | font-size: 9px; |
147 | cursor: pointer; | 147 | cursor: pointer; |
148 | display: block; | 148 | display: block; |
149 | border: 0px; | 149 | border: 0px; |
150 | margin: 0px; | 150 | margin: 0px; |
151 | padding: 4px; | 151 | padding: 4px; |
152 | border: 1px $color-input-border solid; | 152 | border: 1px $color-input-border solid; |
153 | background-color: $color-menu-bg; | 153 | background-color: $color-menu-bg; |
154 | background-image: -webkit-linear-gradient(top, $color-formgrad-top 0%, $color-formgrad-bottom 100%); | 154 | background-image: -webkit-linear-gradient(top, $color-formgrad-top 0%, $color-formgrad-bottom 100%); |
155 | border-radius: 4px; | 155 | border-radius: 4px; |
156 | color: $color-menu-text; | 156 | color: $color-menu-text; |
157 | text-transform: uppercase; | 157 | text-transform: uppercase; |
158 | cursor: pointer; | 158 | cursor: pointer; |
159 | text-shadow: 1px 1px 1px $color-app-shadow | 159 | text-shadow: 1px 1px 1px $color-app-shadow |
160 | } | 160 | } |
161 | button.nj-skinned:active, button.nj-skinned.active { | 161 | button.nj-skinned:active, button.nj-skinned.active { |
162 | background-image: -webkit-linear-gradient(top, $color-formgrad-bottom 0%, $color-formgrad-top 100%); | 162 | background-image: -webkit-linear-gradient(top, $color-formgrad-bottom 0%, $color-formgrad-top 100%); |
163 | } | 163 | } |
164 | button.nj-skinned:hover { | 164 | button.nj-skinned:hover { |
165 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; | 165 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; |
166 | } | 166 | } |
167 | 167 | ||
168 | // Radio buttons | 168 | // Radio buttons |
169 | input[type="radio"].nj-skinned { | 169 | input[type="radio"].nj-skinned { |
170 | background-color: $color-menu-bg; | 170 | background-color: $color-menu-bg; |
171 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 171 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); |
172 | color: $color-radio; | 172 | color: $color-radio; |
173 | border: 2px solid $color-radio-border; | 173 | border: 2px solid $color-radio-border; |
174 | width: 12px; | 174 | width: 12px; |
175 | height: 12px; | 175 | height: 12px; |
176 | overflow: hidden; | 176 | overflow: hidden; |
177 | border-radius: 10px; | 177 | border-radius: 10px; |
178 | font-size: 16px; | 178 | font-size: 16px; |
179 | line-height: 7px; | 179 | line-height: 7px; |
180 | text-indent: -7px; | 180 | text-indent: -7px; |
181 | cursor: pointer; | 181 | cursor: pointer; |
182 | -webkit-box-shadow: 0px 0px 2px $color-radio-shadow; | 182 | -webkit-box-shadow: 0px 0px 2px $color-radio-shadow; |
183 | -moz-box-shadow: 0px 0px 2px $color-radio-shadow; | 183 | -moz-box-shadow: 0px 0px 2px $color-radio-shadow; |
184 | box-shadow: 0px 0px 2px $color-radio-shadow; | 184 | box-shadow: 0px 0px 2px $color-radio-shadow; |
185 | } | 185 | } |
186 | input[type="radio"].nj-skinned:checked { | 186 | input[type="radio"].nj-skinned:checked { |
187 | background: -webkit-radial-gradient(center, | 187 | background: -webkit-radial-gradient(center, |
188 | circle cover, | 188 | circle cover, |
189 | $color-radio 0%, | 189 | $color-radio 0%, |
190 | $color-radio 15%, | 190 | $color-radio 15%, |
191 | $color-radio 30%, | 191 | $color-radio 30%, |
192 | $color-transparent 31%), | 192 | $color-transparent 31%), |
193 | -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 193 | -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); |
194 | border: 2px solid $color-radio-border; | 194 | border: 2px solid $color-radio-border; |
195 | } | 195 | } |
196 | input[type="radio"].nj-skinned:hover { | 196 | input[type="radio"].nj-skinned:hover { |
197 | border: 2px solid $color-radio-border; | 197 | border: 2px solid $color-radio-border; |
198 | } | 198 | } |
199 | input[type="radio"].nj-skinned:active { | 199 | input[type="radio"].nj-skinned:active { |
200 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); | 200 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); |
201 | } | 201 | } |
202 | input[type="radio"].nj-skinned:disabled { | 202 | input[type="radio"].nj-skinned:disabled { |
203 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 203 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); |
204 | border: 2px solid $color-radio-border; | 204 | border: 2px solid $color-radio-border; |
205 | cursor: default; | 205 | cursor: default; |
206 | } | 206 | } |
207 | // Checkboxes | 207 | // Checkboxes |
208 | input[type="checkbox"].nj-skinned { | 208 | input[type="checkbox"].nj-skinned { |
209 | background-color: $color-menu-bg; | 209 | background-color: $color-menu-bg; |
210 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 210 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); |
211 | color: $color-radio; | 211 | color: $color-radio; |
212 | border: 1px solid $color-radio-border; | 212 | border: 1px solid $color-radio-border; |
213 | width: 10px; | 213 | width: 10px; |
214 | height: 10px; | 214 | height: 10px; |
215 | font-size: 12px; | 215 | font-size: 12px; |
216 | overflow: visible; | 216 | overflow: visible; |
217 | cursor: pointer; | 217 | cursor: pointer; |
218 | -webkit-box-shadow: 0px 0px 2px $color-radio-shadow; |