compass-pattern-primer 0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/lib/compass-pattern-primer.rb +31 -0
- data/stylesheets/compass-pattern-primer.scss +12 -0
- data/stylesheets/compass-pattern-primer/_base.scss +10 -0
- data/stylesheets/compass-pattern-primer/_modules.scss +8 -0
- data/stylesheets/compass-pattern-primer/_reset.scss +10 -0
- data/stylesheets/compass-pattern-primer/base/_buttons.scss +24 -0
- data/stylesheets/compass-pattern-primer/base/_forms.scss +26 -0
- data/stylesheets/compass-pattern-primer/base/_links.scss +24 -0
- data/stylesheets/compass-pattern-primer/base/_page.scss +16 -0
- data/stylesheets/compass-pattern-primer/base/_search.scss +19 -0
- data/stylesheets/compass-pattern-primer/base/_typography.scss +142 -0
- data/stylesheets/compass-pattern-primer/modules/_control.scss +3 -0
- data/stylesheets/compass-pattern-primer/modules/_feedback.scss +9 -0
- data/stylesheets/compass-pattern-primer/modules/_options.scss +3 -0
- data/stylesheets/compass-pattern-primer/modules/_pagination.scss +3 -0
- data/stylesheets/compass-pattern-primer/partials/_colors.scss +29 -0
- data/stylesheets/compass-pattern-primer/partials/_extendables.scss +188 -0
- data/stylesheets/compass-pattern-primer/partials/_functions.scss +8 -0
- data/stylesheets/compass-pattern-primer/partials/_mixins.scss +145 -0
- data/stylesheets/compass-pattern-primer/partials/variables/_variables.scss +18 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_buttons.scss +68 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_colors.scss +1 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_forms.scss +10 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_links.scss +31 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_page.scss +30 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_search.scss +20 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_typography.scss +202 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_control.scss +24 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_feedback.scss +22 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_options.scss +23 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_pagination.scss +26 -0
- data/stylesheets/compass-pattern-primer/reset/_reset.scss +19 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss +51 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_formalize.scss +378 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_normalize.scss +935 -0
- data/templates/project/ie.scss +4 -0
- data/templates/project/manifest.rb +26 -0
- data/templates/project/pattern-primer.html +401 -0
- data/templates/project/print.scss +1 -0
- data/templates/project/screen.scss +3 -0
- metadata +112 -0
@@ -0,0 +1,24 @@
|
|
1
|
+
// Controls
|
2
|
+
$controls-font-family: $secondary-font !default;
|
3
|
+
$controls-font-size: 1.5em !default;
|
4
|
+
$controls-padding: 0.5em 0.75em !default;
|
5
|
+
$controls-border-pos: false !default;
|
6
|
+
$controls-border-width: 1px !default;
|
7
|
+
$controls-border-style: solid !default;
|
8
|
+
$controls-border-color: #666 !default;
|
9
|
+
$controls-border-radius: 0.25em !default;
|
10
|
+
/// Visited
|
11
|
+
$controls-visited-color: $button-color !default;
|
12
|
+
$controls-visited-gradient-pos: $button-gradient-pos !default;
|
13
|
+
$controls-visited-gradient-stop-1: #47a !default;
|
14
|
+
$controls-visited-gradient-stop-2: #258 !default;
|
15
|
+
/// Hover
|
16
|
+
$controls-hover-color: $button-color !default;
|
17
|
+
$controls-hover-gradient-pos: $button-gradient-pos !default;
|
18
|
+
$controls-hover-gradient-stop-1: #d04 !default;
|
19
|
+
$controls-hover-gradient-stop-2: #b02 !default;
|
20
|
+
/// Active
|
21
|
+
$controls-active-color: $button-color !default;
|
22
|
+
$controls-active-gradient-pos: $button-gradient-pos !default;
|
23
|
+
$controls-active-gradient-stop-1: #800 !default;
|
24
|
+
$controls-active-gradient-stop-2: #a00 !default;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
// Feedback
|
2
|
+
$feedback-background: #d9edf7 !default;
|
3
|
+
$feedback-padding: 0.125em 1em !default;
|
4
|
+
$feedback-margin: 1em !default;
|
5
|
+
$feedback-color: #3A87AD !default;
|
6
|
+
$feedback-border-pos: false !default;
|
7
|
+
$feedback-border-width: 1px !default;
|
8
|
+
$feedback-border-style: solid !default;
|
9
|
+
$feedback-border-color: #bce8f1 !default;
|
10
|
+
$feedback-border-radius: 0.5em !default;
|
11
|
+
$feedback-a-font-bold: true !default; // bold
|
12
|
+
$feedback-a-font-italic: false !default;
|
13
|
+
$feedback-a-font-uppercase: false !default;
|
14
|
+
$feedback-a-font-variant: false !default;
|
15
|
+
/// Feedback Error
|
16
|
+
$feedback-error-background: #fcc !default;
|
17
|
+
$feedback-error-color: #B94A48 !default;
|
18
|
+
$feedback-error-border-color: #c99 !default;
|
19
|
+
/// Feedback Warning
|
20
|
+
$feedback-warning-background: #FFF7BD !default;
|
21
|
+
$feedback-warning-color: #947D72 !default;
|
22
|
+
$feedback-warning-border-color: #947D72 !default;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
// Options
|
2
|
+
$options-border-pos: top !default;
|
3
|
+
$options-border-width: 1px !default;
|
4
|
+
$options-border-style: solid !default;
|
5
|
+
$options-border-color: #ccc !default;
|
6
|
+
$options-list-style: none !default;
|
7
|
+
/// Options li
|
8
|
+
$options-li-font-family: $secondary-font !default;
|
9
|
+
$options-li-text-indent: 0 !default;
|
10
|
+
$options-li-text-transform: uppercase !default;
|
11
|
+
$options-li-letter-spacing: 0.15em !default;
|
12
|
+
$options-li-font-weight: bold !default;
|
13
|
+
$options-li-margin: 0 !default;
|
14
|
+
$options-li-padding: 0.3125em 0.625em !default;
|
15
|
+
$options-li-border-pos: bottom !default;
|
16
|
+
$options-li-border-width: 1px !default;
|
17
|
+
$options-li-border-style: solid !default;
|
18
|
+
$options-li-border-color: #ccc !default;
|
19
|
+
/// Options a
|
20
|
+
$options-a-border-pos: none !default;
|
21
|
+
$options-a-border-width: 0 !default;
|
22
|
+
$options-a-border-style: solid !default;
|
23
|
+
$options-a-border-color: #ccc !default;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
// Pagination
|
2
|
+
$pagination-font-family: $secondary-font !default;
|
3
|
+
$pagination-text-indent: 0 !default;
|
4
|
+
/// Pagination li
|
5
|
+
$pagination-li-margin: 0 !default;
|
6
|
+
$pagination-li-margin-pos: left !default;
|
7
|
+
$pagination-li-display: inline !default;
|
8
|
+
/// Pagination a
|
9
|
+
$pagination-a-display: inline-block !default;
|
10
|
+
$pagination-a-padding: 0.5em 1em !default;
|
11
|
+
$pagination-a-margin: 0.1em !default;
|
12
|
+
$pagination-a-border-radius: 0.25em !default;
|
13
|
+
$pagination-a-line-height: 1em !default;
|
14
|
+
$pagination-a-border-pos: false !default;
|
15
|
+
$pagination-a-border-width: 1px !default;
|
16
|
+
$pagination-a-border-style: solid !default;
|
17
|
+
$pagination-a-border-color: #666 !default;
|
18
|
+
/// Pagination links
|
19
|
+
$pagination-link-color: #fff !default;
|
20
|
+
$pagination-link-background-color: #369 !default;
|
21
|
+
//// hover
|
22
|
+
$pagination-link-hover-color: $pagination-link-color !default;
|
23
|
+
$pagination-link-hover-background-color: #c03 !default;
|
24
|
+
//// Active
|
25
|
+
$pagination-link-active-color: $pagination-link-color !default;
|
26
|
+
$pagination-link-active-background-color: #900 !default;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
$use_eric_meyer_reset: false !default;
|
2
|
+
$use_formalize_reset: true !default;
|
3
|
+
$use_normalize_reset: true !default;
|
4
|
+
|
5
|
+
@import "libraries/_eric_meyer_reset";
|
6
|
+
@import "libraries/_normalize";
|
7
|
+
@import "libraries/_formalize";
|
8
|
+
|
9
|
+
@if $use_eric_meyer_reset {
|
10
|
+
@include eric_meyer_reset();
|
11
|
+
}
|
12
|
+
|
13
|
+
@if $use_formalize_reset {
|
14
|
+
@include formalize();
|
15
|
+
}
|
16
|
+
|
17
|
+
@if $use_normalize_reset {
|
18
|
+
@include normalize();
|
19
|
+
}
|
@@ -0,0 +1,51 @@
|
|
1
|
+
@mixin eric_meyer_reset() {
|
2
|
+
|
3
|
+
/* http://meyerweb.com/eric/tools/css/reset/
|
4
|
+
v2.0 | 20110126
|
5
|
+
License: none (public domain)
|
6
|
+
*/
|
7
|
+
|
8
|
+
html, body, div, span, applet, object, iframe,
|
9
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
10
|
+
a, abbr, acronym, address, big, cite, code,
|
11
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
12
|
+
small, strike, strong, sub, sup, tt, var,
|
13
|
+
b, u, i, center,
|
14
|
+
dl, dt, dd, ol, ul, li,
|
15
|
+
fieldset, form, label, legend,
|
16
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
17
|
+
article, aside, canvas, details, embed,
|
18
|
+
figure, figcaption, footer, header, hgroup,
|
19
|
+
menu, nav, output, ruby, section, summary,
|
20
|
+
time, mark, audio, video {
|
21
|
+
margin: 0;
|
22
|
+
padding: 0;
|
23
|
+
border: 0;
|
24
|
+
font-size: 100%;
|
25
|
+
font: inherit;
|
26
|
+
vertical-align: baseline;
|
27
|
+
}
|
28
|
+
/* HTML5 display-role reset for older browsers */
|
29
|
+
article, aside, details, figcaption, figure,
|
30
|
+
footer, header, hgroup, menu, nav, section {
|
31
|
+
display: block;
|
32
|
+
}
|
33
|
+
body {
|
34
|
+
line-height: 1;
|
35
|
+
}
|
36
|
+
ol, ul {
|
37
|
+
list-style: none;
|
38
|
+
}
|
39
|
+
blockquote, q {
|
40
|
+
quotes: none;
|
41
|
+
}
|
42
|
+
blockquote:before, blockquote:after,
|
43
|
+
q:before, q:after {
|
44
|
+
content: '';
|
45
|
+
content: none;
|
46
|
+
}
|
47
|
+
table {
|
48
|
+
border-collapse: collapse;
|
49
|
+
border-spacing: 0;
|
50
|
+
}
|
51
|
+
}
|
@@ -0,0 +1,378 @@
|
|
1
|
+
$legacy-support-for-ie6: true !default;
|
2
|
+
|
3
|
+
@import "compass/css3";
|
4
|
+
|
5
|
+
@mixin formalize() {
|
6
|
+
|
7
|
+
// FORMALIZE
|
8
|
+
// Note: This file is dependent on Sass and Compass.
|
9
|
+
// Sass = http://sass-lang.com
|
10
|
+
// Compass = http://compass-style.org
|
11
|
+
|
12
|
+
// `Widths
|
13
|
+
//----------------------------------------------------------------------------------------------------
|
14
|
+
|
15
|
+
.input_tiny {
|
16
|
+
width: 50px;
|
17
|
+
}
|
18
|
+
|
19
|
+
.input_small {
|
20
|
+
width: 100px;
|
21
|
+
}
|
22
|
+
|
23
|
+
.input_medium {
|
24
|
+
width: 150px;
|
25
|
+
}
|
26
|
+
|
27
|
+
.input_large {
|
28
|
+
width: 200px;
|
29
|
+
}
|
30
|
+
|
31
|
+
.input_xlarge {
|
32
|
+
width: 250px;
|
33
|
+
}
|
34
|
+
|
35
|
+
.input_xxlarge {
|
36
|
+
width: 300px;
|
37
|
+
}
|
38
|
+
|
39
|
+
.input_full {
|
40
|
+
width: 100%;
|
41
|
+
}
|
42
|
+
|
43
|
+
// Added via JS to <textarea> and class="input-full".
|
44
|
+
// Applies only to IE7. Other browsers don't need it.
|
45
|
+
|
46
|
+
.input_full_wrap {
|
47
|
+
display: block;
|
48
|
+
padding-right: 8px;
|
49
|
+
}
|
50
|
+
|
51
|
+
// `UI Consistency
|
52
|
+
//----------------------------------------------------------------------------------------------------
|
53
|
+
|
54
|
+
input[type="search"]::-webkit-search-decoration {
|
55
|
+
display: none;
|
56
|
+
}
|
57
|
+
|
58
|
+
input,
|
59
|
+
button,
|
60
|
+
a.button,
|
61
|
+
select,
|
62
|
+
textarea {
|
63
|
+
// Suppress red glow that Firefox
|
64
|
+
// adds to form fields by default.
|
65
|
+
&:invalid {
|
66
|
+
@include box-shadow(none);
|
67
|
+
}
|
68
|
+
// Add blue glow.
|
69
|
+
&:focus {
|
70
|
+
@include box-shadow(#0066ff 0 0 5px 0);
|
71
|
+
// for Opera
|
72
|
+
z-index: 1;
|
73
|
+
}
|
74
|
+
}
|
75
|
+
|
76
|
+
input[type="file"],
|
77
|
+
input[type="radio"],
|
78
|
+
input[type="checkbox"] {
|
79
|
+
&:focus,
|
80
|
+
&:active {
|
81
|
+
@include box-shadow(none);
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
button,
|
86
|
+
a.button,
|
87
|
+
input[type="reset"],
|
88
|
+
input[type="submit"],
|
89
|
+
input[type="button"] {
|
90
|
+
-webkit-appearance: none;
|
91
|
+
@include border-radius(4px);
|
92
|
+
@include background-clip(padding-box);
|
93
|
+
background: #ddd;
|
94
|
+
@include background-image(linear-gradient(white, #dddddd));
|
95
|
+
border: 1px solid;
|
96
|
+
border-color: #dddddd #bbbbbb #999999;
|
97
|
+
cursor: pointer;
|
98
|
+
color: #333333;
|
99
|
+
display: inline-block;
|
100
|
+
// Helvetica Neue present, because it works better
|
101
|
+
// for line-height on buttons than Arial, on OS X.
|
102
|
+
font: bold 12px / 1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
|
103
|
+
outline: 0;
|
104
|
+
overflow: visible;
|
105
|
+
margin: 0;
|
106
|
+
padding: 3px 10px;
|
107
|
+
text-shadow: white 0 1px 1px;
|
108
|
+
text-decoration: none;
|
109
|
+
vertical-align: top;
|
110
|
+
width: auto;
|
111
|
+
&:hover {
|
112
|
+
@include background-image(linear-gradient(white, #eeeeee 1px, #cccccc));
|
113
|
+
}
|
114
|
+
&:active {
|
115
|
+
@include background-image(linear-gradient(white, #dddddd 1px, #eeeeee));
|
116
|
+
@include box-shadow(inset rgba(black, 0.25) 0 1px 2px 0);
|
117
|
+
border-color: #999999 #bbbbbb #dddddd;
|
118
|
+
}
|
119
|
+
// IE7
|
120
|
+
*padding-top: 2px;
|
121
|
+
*padding-bottom: 0;
|
122
|
+
// Kill phantom spacing and dotted
|
123
|
+
// border that appears in Firefox.
|
124
|
+
&::-moz-focus-inner {
|
125
|
+
border: 0;
|
126
|
+
padding: 0;
|
127
|
+
}
|
128
|
+
}
|
129
|
+
|
130
|
+
a.button {
|
131
|
+
// IE7
|
132
|
+
*padding-bottom: 3px;
|
133
|
+
}
|
134
|
+
|
135
|
+
button {
|
136
|
+
// IE7
|
137
|
+
*padding-top: 1px;
|
138
|
+
*padding-bottom: 1px;
|
139
|
+
}
|
140
|
+
|
141
|
+
textarea,
|
142
|
+
select,
|
143
|
+
input[type="date"],
|
144
|
+
input[type="datetime"],
|
145
|
+
input[type="datetime-local"],
|
146
|
+
input[type="email"],
|
147
|
+
input[type="month"],
|
148
|
+
input[type="number"],
|
149
|
+
input[type="password"],
|
150
|
+
input[type="search"],
|
151
|
+
input[type="tel"],
|
152
|
+
input[type="text"],
|
153
|
+
input[type="time"],
|
154
|
+
input[type="url"],
|
155
|
+
input[type="week"] {
|
156
|
+
@include box-sizing(border-box);
|
157
|
+
@include background-clip(padding-box);
|
158
|
+
@include border-radius(0);
|
159
|
+
-webkit-appearance: none;
|
160
|
+
background-color: white;
|
161
|
+
border: 1px solid;
|
162
|
+
border-color: #848484 #c1c1c1 #e1e1e1;
|
163
|
+
color: black;
|
164
|
+
outline: 0;
|
165
|
+
margin: 0;
|
166
|
+
padding: 2px 3px;
|
167
|
+
text-align: left;
|
168
|
+
font-size: 13px;
|
169
|
+
// Leaving out Helvetica Neue, to not throw off size="..."
|
170
|
+
// on inputs. Arial is more reliable, on Windows and OS X.
|
171
|
+
font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
|
172
|
+
height: 1.8em;
|
173
|
+
vertical-align: top;
|
174
|
+
// IE7
|
175
|
+
*padding-top: 2px;
|
176
|
+
*padding-bottom: 1px;
|
177
|
+
*height: auto;
|
178
|
+
&[disabled] {
|
179
|
+
background-color: #eeeeee;
|
180
|
+
}
|
181
|
+
}
|
182
|
+
|
183
|
+
button[disabled],
|
184
|
+
input[disabled],
|
185
|
+
select[disabled],
|
186
|
+
select[disabled] option,
|
187
|
+
select[disabled] optgroup,
|
188
|
+
textarea[disabled],
|
189
|
+
a.button_disabled {
|
190
|
+
@include box-shadow(none);
|
191
|
+
-moz-user-select: -moz-none;
|
192
|
+
-webkit-user-select: none;
|
193
|
+
-khtml-user-select: none;
|
194
|
+
user-select: none;
|
195
|
+
color: #888888;
|
196
|
+
cursor: default;
|
197
|
+
}
|
198
|
+
|
199
|
+
// Separate rule for Firefox.
|
200
|
+
// Separate rule for IE, too.
|
201
|
+
// Cannot stack with WebKit's.
|
202
|
+
input::-webkit-input-placeholder,
|
203
|
+
textarea::-webkit-input-placeholder {
|
204
|
+
color: #888888;
|
205
|
+
}
|
206
|
+
|
207
|
+
input:-moz-placeholder,
|
208
|
+
textarea:-moz-placeholder {
|
209
|
+
color: #888888;
|
210
|
+
}
|
211
|
+
|
212
|
+
input.placeholder_text,
|
213
|
+
textarea.placeholder_text {
|
214
|
+
color: #888888;
|
215
|
+
}
|
216
|
+
|
217
|
+
textarea,
|
218
|
+
select[size],
|
219
|
+
select[multiple] {
|
220
|
+
height: auto;
|
221
|
+
}
|
222
|
+
|
223
|
+
// Set height back to normal,
|
224
|
+
// for Opera, WebKit, and IE.
|
225
|
+
select[size="0"],
|
226
|
+
select[size="1"] {
|
227
|
+
height: 1.8em;
|
228
|
+
// IE7
|
229
|
+
*height: auto;
|
230
|
+
}
|
231
|
+
|
232
|
+
// Tweaks for Safari + Chrome.
|
233
|
+
@media (-webkit-min-device-pixel-ratio: 0) {
|
234
|
+
select[size],
|
235
|
+
select[multiple],
|
236
|
+
select[multiple][size] {
|
237
|
+
background-image: none;
|
238
|
+
padding-right: 3px;
|
239
|
+
}
|
240
|
+
select,
|
241
|
+
select[size="0"],
|
242
|
+
select[size="1"] {
|
243
|
+
// Base64 encoded "../images/select_arrow.gif"
|
244
|
+
background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
|
245
|
+
background-repeat: no-repeat;
|
246
|
+
background-position: right center;
|
247
|
+
padding-right: 20px;
|
248
|
+
}
|
249
|
+
::-webkit-validation-bubble-message {
|
250
|
+
-webkit-box-shadow: none;
|
251
|
+
box-shadow: none;
|
252
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
|
253
|
+
border: 1px solid;
|
254
|
+
border-color: #747474 #5e5e5e #4f4f4f;
|
255
|
+
color: white;
|
256
|
+
font: 13px / 17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
|
257
|
+
overflow: hidden;
|
258
|
+
padding: 15px 15px 17px;
|
259
|
+
text-shadow: black 0 0 1px;
|
260
|
+
height: 16px;
|
261
|
+
}
|
262
|
+
::-webkit-validation-bubble-arrow,
|
263
|
+
::-webkit-validation-bubble-top-outer-arrow,
|
264
|
+
::-webkit-validation-bubble-top-inner-arrow {
|
265
|
+
-webkit-box-shadow: none;
|
266
|
+
box-shadow: none;
|
267
|
+
background: #666666;
|
268
|
+
border: 0;
|
269
|
+
}
|
270
|
+
}
|
271
|
+
|
272
|
+
textarea {
|
273
|
+
min-height: 40px;
|
274
|
+
overflow: auto;
|
275
|
+
resize: vertical;
|
276
|
+
width: 100%;
|
277
|
+
}
|
278
|
+
|
279
|
+
optgroup {
|
280
|
+
color: black;
|
281
|
+
font-style: normal;
|
282
|
+
font-weight: normal;
|
283
|
+
// Font family repeated, for Firefox.
|
284
|
+
font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
|
285
|
+
// Kill phantom spacing and dotted
|
286
|
+
// border that appears in Firefox.
|
287
|
+
&::-moz-focus-inner {
|
288
|
+
border: 0;
|
289
|
+
padding: 0;
|
290
|
+
}
|
291
|
+
}
|
292
|
+
|
293
|
+
@if $legacy-support-for-ie6 {
|
294
|
+
|
295
|
+
// Note: This file is dependent on Sass and Compass.
|
296
|
+
// Sass = http://sass-lang.com
|
297
|
+
// Compass = http://compass-style.org
|
298
|
+
|
299
|
+
// `IE6
|
300
|
+
//----------------------------------------------------------------------------------------------------
|
301
|
+
|
302
|
+
// Everything below this line is for IE6.
|
303
|
+
// Delete it if you don't support it! :)
|
304
|
+
|
305
|
+
// Classes are added dynamically via JS,
|
306
|
+
// because IE6 doesn't support attribute
|
307
|
+
// selectors: .ie6_button, .ie6_input, etc.
|
308
|
+
|
309
|
+
// Note: These style rules are somewhat
|
310
|
+
// duplicated because IE6 bombs out when
|
311
|
+
// it sees attribute selectors. Example:
|
312
|
+
|
313
|
+
// .ie6_button {
|
314
|
+
// This works in IE6.
|
315
|
+
// }
|
316
|
+
|
317
|
+
// .ie6_button,
|
318
|
+
// input[type=submit] {
|
319
|
+
// This doesn't work.
|
320
|
+
// }
|
321
|
+
|
322
|
+
.ie6_button,
|
323
|
+
* html button,
|
324
|
+
* html a.button {
|
325
|
+
//background: #dddddd image-url("button.png") repeat-x;
|
326
|
+
background: #dddddd;
|
327
|
+
border: 1px solid;
|
328
|
+
border-color: #dddddd #bbbbbb #999999;
|
329
|
+
cursor: pointer;
|
330
|
+
color: #333333;
|
331
|
+
font: bold 12px / 1.2 Arial, sans-serif;
|
332
|
+
padding: 2px 10px 0px;
|
333
|
+
text-decoration: none;
|
334
|
+
overflow: visible;
|
335
|
+
vertical-align: top;
|
336
|
+
width: auto;
|
337
|
+
}
|
338
|
+
|
339
|
+
* html a.button {
|
340
|
+
position: relative;
|
341
|
+
top: 3px;
|
342
|
+
padding-bottom: 2px;
|
343
|
+
}
|
344
|
+
|
345
|
+
* html button {
|
346
|
+
padding-top: 1px;
|
347
|
+
padding-bottom: 1px;
|
348
|
+
}
|
349
|
+
|
350
|
+
.ie6_input,
|
351
|
+
* html textarea,
|
352
|
+
* html select {
|
353
|
+
background: white;
|
354
|
+
border: 1px solid;
|
355
|
+
border-color: #848484 #c1c1c1 #e1e1e1;
|
356
|
+
color: black;
|
357
|
+
padding: 2px 3px 1px;
|
358
|
+
font-size: 13px;
|
359
|
+
font-family: Arial, sans-serif;
|
360
|
+
vertical-align: top;
|
361
|
+
}
|
362
|
+
|
363
|
+
* html select {
|
364
|
+
margin-top: 1px;
|
365
|
+
}
|
366
|
+
|
367
|
+
.placeholder_text,
|
368
|
+
.ie6_input_disabled,
|
369
|
+
.ie6_button_disabled {
|
370
|
+
color: #888888;
|
371
|
+
}
|
372
|
+
|
373
|
+
.ie6_input_disabled {
|
374
|
+
background: #eeeeee;
|
375
|
+
}
|
376
|
+
|
377
|
+
}
|
378
|
+
}
|