GccStart: test.css

File test.css, 6.8 KB (added by Roan Kanninga, 11 years ago)
Line 
1
2body {
3  margin: 0;
4  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
5  font-size: 13px;
6  color: #333333;
7  background-color: #ffffff;
8}
9
10a {
11  color: #0088cc;
12}
13
14p {
15  font-size: 16px;
16}
17
18h1,
19h2,
20h3,
21h4,
22h5,
23h6 {
24  color: #333333;
25}
26
27.page-header {
28  border-bottom: 1pxpx solid #eeeeee;
29}
30
31hr {
32  border-top: 1px solid #e5e5e5;
33  border-bottom: 1px solid #ffffff;
34}
35
36select,
37textarea,
38input[type="text"],
39input[type="password"],
40input[type="datetime"],
41input[type="datetime-local"],
42input[type="date"],
43input[type="month"],
44input[type="time"],
45input[type="week"],
46input[type="number"],
47input[type="email"],
48input[type="url"],
49input[type="search"],
50input[type="tel"],
51input[type="color"],
52.uneditable-input {
53  background-color: #ffffff;
54  padding: 4px 4px 4px 4px;
55  font-size: 13px;
56  color: #555555;
57  border: 1px solid #ccc;
58}
59
60.well {
61  background-color: #f5f5f5;
62}
63
64.btn {
65  color: #333333;
66  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
67  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
68  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
69  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
70  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
71  background-image: linear-gradient(top, #ffffff, #e6e6e6);
72  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'e6e6e6, GradientType=0);
73}
74
75.btn:hover,
76.btn:active,
77.btn.active,
78.btn.disabled,
79.btn[disabled] {
80  color: #333333;
81  background-color: #e6e6e6;
82}
83
84.btn-primary {
85  background-color: #006dcc;
86  color: #ffffff;
87  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
88  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
89  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
90  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
91  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
92  background-image: linear-gradient(top, #0088cc, #0044cc);
93  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'0088cc, endColorstr='#'0044cc, GradientType=0);
94}
95
96.btn-primary:hover,
97.btn-primary:active,
98.btn-primary.active,
99.btn-primary.disabled,
100.btn-primary[disabled] {
101  background-color: #0044cc;
102}
103
104.btn-warning {
105  color: #ffffff;
106  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
107  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
108  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
109  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
110  background-image: -o-linear-gradient(top, #fbb450, #f89406);
111  background-image: linear-gradient(top, #fbb450, #f89406);
112  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fbb450, endColorstr='#'f89406, GradientType=0);
113}
114
115.btn-warning:hover,
116.btn-warning:active,
117.btn-warning.active,
118.btn-warning.disabled,
119.btn-warning[disabled] {
120  background-color: #f89406;
121}
122
123.btn-danger {
124  color: #ffffff;
125  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
126  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
127  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
128  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
129  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
130  background-image: linear-gradient(top, #ee5f5b, #bd362f);
131  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ee5f5b, endColorstr='#'bd362f, GradientType=0);
132}
133
134.btn-danger:hover,
135.btn-danger:active,
136.btn-danger.active,
137.btn-danger.disabled,
138.btn-danger[disabled] {
139  background-color: #bd362f}
140
141.btn-success {
142  color: #ffffff;
143  background-image: -moz-linear-gradient(top, #62c462, #51a351);
144  background-image: -ms-linear-gradient(top, #62c462, #51a351);
145  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
146  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
147  background-image: -o-linear-gradient(top, #62c462, #51a351);
148  background-image: linear-gradient(top, #62c462, #51a351);
149  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'62c462, endColorstr='#'51a351, GradientType=0);
150}
151.btn-success:hover,
152.btn-success:active,
153.btn-success.active,
154.btn-success.disabled,
155.btn-success[disabled] {
156  background-color: #51a351;
157}
158
159.btn-info {
160  color: #ffffff;
161  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
162  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
163  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
164  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
165  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
166  background-image: linear-gradient(top, #5bc0de, #2f96b4);
167  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'5bc0de, endColorstr='#'2f96b4, GradientType=0);
168}
169.btn-info:hover,
170.btn-info:active,
171.btn-info.active,
172.btn-info.disabled,
173.btn-info[disabled] {
174  background-color: #2f96b4;
175}
176
177.alert {
178  padding: 8px 35px 8px 14px;
179  background-color: #fcf8e3;
180  border: 1px solid #fbeed5;
181}
182
183.alert-success {
184  background-color: #dff0d8;
185  border-color: #d6e9c6;
186}
187.alert-success, .alert-success .alert-heading {
188  color: #468847;
189}
190.alert-danger, .alert-error {
191  background-color: #f2dede;
192  border-color: #eed3d7;
193}
194.alert-danger,
195.alert-error,
196.alert-danger .alert-heading,
197.alert-error .alert-heading {
198  color: #b94a48;
199}
200.alert-info {
201  background-color: #d9edf7;
202  border-color: #bce8f1;
203}
204.alert-info, .alert-info .alert-heading {
205  color: #3a87ad;
206}
207
208.navbar-inner {
209  background-image: -moz-linear-gradient(top, #ffffff, #023770);
210  background-image: -ms-linear-gradient(top, #ffffff, #023770);
211  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#023770));
212  background-image: -webkit-linear-gradient(top, #ffffff, #023770);
213  background-image: -o-linear-gradient(top, #ffffff, #023770);
214  background-image: linear-gradient(top, #ffffff, #023770);
215  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'023770, GradientType=0);
216}
217
218.navbar .brand {
219  padding: 8px 20px 12px;
220  font-size: 20px;
221  color: #050000;
222}
223
224.navbar .divider-vertical {
225  height: 41px;
226  background-color: #ffffff;
227  border-right: 1px solid #898282;
228}
229
230.navbar .nav > li > a {
231  padding: 10px 10px 11px;
232  font-size: 14px;
233  color: #000000;
234}
235
236.navbar .nav > .active > a,
237.navbar .nav > .active > a:hover,
238.navbar .nav > .active > a:focus {
239  color: #f70707;
240}
241
242.label,
243.badge {
244  padding: 1px 3px 2px;
245  font-size: 9.75px;
246  color: #ffffff;
247  background-color: #999999;
248}
249
250.label-important,
251.badge-important {
252  background-color: #468847;
253}
254
255.label-warning,
256.badge-warning {
257  background-color: #b94a48;
258}
259
260.label-success,
261.badge-success {
262  background-color: #f89406;
263}
264
265.label-info,
266.badge-info {
267   background-color: #3a87ad;
268}