aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
authorKris Kowal2012-07-06 11:52:06 -0700
committerKris Kowal2012-07-06 15:01:48 -0700
commit648ee61ae84216d0236e0dbc211addc13b2cfa3a (patch)
tree8f0f55557bd0c47a84e49c1977c950645d284607 /scss
parentaedd14b18695d031f695d27dfbd94df5614495bb (diff)
downloadninja-648ee61ae84216d0236e0dbc211addc13b2cfa3a.tar.gz
Expand tabs
Diffstat (limited to 'scss')
-rwxr-xr-xscss/imports/scss/_Base.scss170
-rwxr-xr-xscss/imports/scss/_MainWindow.scss50
-rwxr-xr-xscss/imports/scss/_PanelUI.scss348
-rwxr-xr-xscss/imports/scss/_ScrollBars.scss8
-rwxr-xr-xscss/imports/scss/_Tools.scss124
-rwxr-xr-xscss/imports/themes/_test.scss14
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,
73button.nj-skinned, 73button.nj-skinned,
74select.nj-skinned, 74select.nj-skinned,
75select.nj-skinned option { 75select.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,
84textarea.nj-skinned, 84textarea.nj-skinned,
85select.nj-skinned, 85select.nj-skinned,
86select.nj-skinned option { 86select.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,
96textarea.nj-skinned:disabled, 96textarea.nj-skinned:disabled,
97select.nj-skinned:disabled, 97select.nj-skinned:disabled,
98button.nj-skinned:disabled { 98button.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,
105input[type="search"].nj-skinned, 105input[type="search"].nj-skinned,
106select.nj-skinned, 106select.nj-skinned,
107select.nj-skinned option { 107select.nj-skinned option {
108 height: 13px; 108 height: 13px;
109} 109}
110// 110//
111input[type="text"].nj-skinned:focus, 111input[type="text"].nj-skinned:focus,
@@ -114,7 +114,7 @@ input[type="search"].nj-skinned:focus,
114textarea.nj-skinned:focus, 114textarea.nj-skinned:focus,
115select.nj-skinned:focus, 115select.nj-skinned:focus,
116select.nj-skinned option:focus { 116select.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
130input[type="search"].nj-skinned { 130input[type="search"].nj-skinned {
131 height: 17px ; 131 height: 17px ;
132 -webkit-box-shadow: none; 132 -webkit-box-shadow: none;
133} 133}
134input[type="search"].nj-skinned::-webkit-search-cancel-button { 134input[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}
140input[type="search"].nj-skinned::-webkit-search-cancel-button:after { 140input[type="search"].nj-skinned::-webkit-search-cancel-button:after {
141 content:"\2716"; 141 content:"\2716";
142} 142}
143 143
144// Buttons 144// Buttons
145button.nj-skinned { 145button.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}
161button.nj-skinned:active, button.nj-skinned.active { 161button.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}
164button.nj-skinned:hover { 164button.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
169input[type="radio"].nj-skinned { 169input[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}
186input[type="radio"].nj-skinned:checked { 186input[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}
196input[type="radio"].nj-skinned:hover { 196input[type="radio"].nj-skinned:hover {
197 border: 2px solid $color-radio-border; 197 border: 2px solid $color-radio-border;
198} 198}
199input[type="radio"].nj-skinned:active { 199input[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}
202input[type="radio"].nj-skinned:disabled { 202input[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
208input[type="checkbox"].nj-skinned { 208input[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;