fume 0.1.4 → 0.2.0
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.
- data/VERSION.yml +2 -2
- data/fume.gemspec +11 -5
- data/generators/fume/capify/capify_gen.rb +8 -0
- data/generators/fume/capify/templates/Capfile +3 -0
- data/generators/fume/capify/templates/config/deploy.rb +33 -0
- data/generators/fume/simple_theme/templates/public/demo.html +477 -0
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-1.3.2.js +4376 -0
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-ui-1.7.2.js +9133 -0
- data/generators/fume/simple_theme/templates/public/stylesheets/base.less +27 -343
- data/generators/fume/simple_theme/templates/public/stylesheets/drastic-dark.less +0 -426
- data/generators/fume/simple_theme/templates/public/stylesheets/ie_patch.less +4 -0
- data/generators/fume/simple_theme/templates/public/stylesheets/layout.less +413 -0
- data/generators/fume/simple_theme/templates/public/stylesheets/simple-theme.css +429 -397
- data/generators/fume/simple_theme/templates/public/stylesheets/simple-theme.less +476 -2
- data/lib/fume/rails_ext.rb +22 -0
- data/lib/fume.rb +4 -2
- metadata +11 -5
- data/generators/fume/simple_theme/USAGE +0 -3
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-1.3.2.min.js +0 -19
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-ui-1.7.2.full.min.js +0 -298
@@ -163,12 +163,13 @@ caption { background: #eeeeee; }
|
|
163
163
|
margin-bottom: 0;
|
164
164
|
padding-bottom: 0;
|
165
165
|
}
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
font-size:
|
166
|
+
button, input, select, textarea {
|
167
|
+
font-weight: inherit;
|
168
|
+
font-style: inherit;
|
169
|
+
font-size: 100%;
|
170
|
+
font-family: inherit;
|
171
|
+
vertical-align: baseline;
|
170
172
|
}
|
171
|
-
.clear { clear: both; }
|
172
173
|
h1, h2 { margin: 15px 0; }
|
173
174
|
h3, h4 { margin: 10px 0; }
|
174
175
|
hr {
|
@@ -176,152 +177,259 @@ hr {
|
|
176
177
|
border: 0;
|
177
178
|
}
|
178
179
|
p { margin: 15px 0; }
|
180
|
+
.clear { clear: both; }
|
179
181
|
#container { min-width: 1050px; }
|
180
182
|
#header, #page { margin: 0 40px; }
|
181
|
-
#
|
182
|
-
#
|
183
|
-
margin: 0;
|
184
|
-
padding: 10px 0;
|
185
|
-
font-size: 30px;
|
186
|
-
}
|
187
|
-
#header h1 a { text-decoration: none; }
|
183
|
+
#page { padding-top: 20px; }
|
184
|
+
#footer { padding-bottom: 20px; }
|
188
185
|
.sidebar #main {
|
189
186
|
width: 78%;
|
190
187
|
float: left;
|
191
188
|
}
|
192
|
-
.actions-bar { padding: 10px 1px; }
|
193
|
-
.actions-bar .actions { float: left; }
|
194
|
-
.actions-bar .pagination {
|
195
|
-
float: right;
|
196
|
-
padding: 1px 0;
|
197
|
-
}
|
198
189
|
#sidebar {
|
199
190
|
width: 21%;
|
200
191
|
float: right;
|
201
192
|
}
|
202
|
-
#
|
203
|
-
|
193
|
+
#box {
|
194
|
+
width: 500px;
|
195
|
+
margin: 50px auto;
|
196
|
+
}
|
197
|
+
#header { position: relative; }
|
198
|
+
#header h1 {
|
204
199
|
margin: 0;
|
205
|
-
|
200
|
+
padding: 0.5em 0;
|
201
|
+
font-size: 2.75em;
|
206
202
|
}
|
207
|
-
#
|
208
|
-
|
209
|
-
|
203
|
+
#header h1 a { text-decoration: none; }
|
204
|
+
#main .block { margin-bottom: 20px; }
|
205
|
+
#main .block .secondary-navigation {
|
206
|
+
font-size: 1.2em;
|
207
|
+
line-height: 1;
|
208
|
+
border-bottom-width: 0.4em;
|
209
|
+
border-bottom-style: solid;
|
210
|
+
border-top-left-radius: 0.4em;
|
211
|
+
-moz-border-radius-topleft: 0.4em;
|
212
|
+
-webkit-border-top-left-radius: 0.4em;
|
213
|
+
border-top-right-radius: 0.4em;
|
214
|
+
-moz-border-radius-topright: 0.4em;
|
215
|
+
-webkit-border-top-right-radius: 0.4em;
|
216
|
+
}
|
217
|
+
#main .block .secondary-navigation ul {
|
218
|
+
margin: 0;
|
219
|
+
padding: 0;
|
220
|
+
list-style-type: none;
|
210
221
|
}
|
211
|
-
#
|
212
|
-
#
|
213
|
-
#sidebar .notice { padding: 10px; }
|
214
|
-
#sidebar ul.navigation li a:link {
|
222
|
+
#main .block .secondary-navigation ul li { float: left; }
|
223
|
+
#main .block .secondary-navigation ul li a {
|
215
224
|
display: block;
|
216
|
-
padding:
|
225
|
+
padding: 0.75em 1em 0.55em 1em;
|
226
|
+
text-decoration: none;
|
217
227
|
}
|
218
|
-
#
|
228
|
+
#main .block .secondary-navigation ul li span {
|
219
229
|
display: block;
|
220
|
-
padding:
|
230
|
+
padding: 0.75em 1em 0.55em 1em;
|
231
|
+
text-decoration: none;
|
221
232
|
}
|
222
|
-
#
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
position: absolute;
|
227
|
-
right: 20px;
|
228
|
-
bottom: 5px;
|
233
|
+
#main .block .secondary-navigation ul li.first {
|
234
|
+
border-top-left-radius: 0.4em;
|
235
|
+
-moz-border-radius-topleft: 0.4em;
|
236
|
+
-webkit-border-top-left-radius: 0.4em;
|
229
237
|
}
|
230
|
-
#main-navigation
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
padding: 8px 15px;
|
238
|
+
#main .block .secondary-navigation ul li.first a {
|
239
|
+
border-top-left-radius: 0.4em;
|
240
|
+
-moz-border-radius-topleft: 0.4em;
|
241
|
+
-webkit-border-top-left-radius: 0.4em;
|
235
242
|
}
|
236
|
-
#
|
243
|
+
#main .block .secondary-navigation ul li.first a:hover {
|
244
|
+
border-top-left-radius: 0.4em;
|
245
|
+
-moz-border-radius-topleft: 0.4em;
|
246
|
+
-webkit-border-top-left-radius: 0.4em;
|
247
|
+
}
|
248
|
+
#main .block .content { padding: 1.2em; }
|
249
|
+
#main .block .content h2 {
|
237
250
|
margin: 0;
|
238
251
|
padding: 0;
|
239
|
-
|
252
|
+
margin-bottom: 0.4em;
|
253
|
+
font-size: 2em;
|
240
254
|
}
|
241
|
-
#main
|
242
|
-
margin: 0;
|
255
|
+
#main .block .content .inner {
|
243
256
|
padding: 0;
|
244
|
-
|
257
|
+
margin: 0;
|
245
258
|
}
|
246
|
-
|
259
|
+
#sidebar h3 {
|
247
260
|
margin: 0;
|
248
|
-
padding: 0;
|
249
|
-
|
261
|
+
padding: 0.75em 1em 0.55em 1em;
|
262
|
+
font-size: 1.2em;
|
263
|
+
border-bottom-width: 0.4em;
|
264
|
+
border-bottom-style: solid;
|
265
|
+
border-top-left-radius: 0.4em;
|
266
|
+
-moz-border-radius-topleft: 0.4em;
|
267
|
+
-webkit-border-top-left-radius: 0.4em;
|
268
|
+
border-top-right-radius: 0.4em;
|
269
|
+
-moz-border-radius-topright: 0.4em;
|
270
|
+
-webkit-border-top-right-radius: 0.4em;
|
250
271
|
}
|
251
272
|
#sidebar ul.navigation {
|
252
273
|
margin: 0;
|
253
274
|
padding: 0;
|
254
275
|
list-style-type: none;
|
276
|
+
line-height: 1;
|
255
277
|
}
|
256
|
-
#
|
257
|
-
#main-navigation ul li { float: left; }
|
258
|
-
.secondary-navigation ul li { float: left; }
|
259
|
-
#main-navigation ul li { margin-right: 5px; }
|
260
|
-
#user-navigation ul li { padding: 5px 10px; }
|
261
|
-
#main-navigation ul li a:link { text-decoration: none; }
|
262
|
-
#main-navigation ul li a:visited { text-decoration: none; }
|
263
|
-
#main-navigation ul li a:hover { text-decoration: none; }
|
264
|
-
#main-navigation ul li a:active { text-decoration: none; }
|
265
|
-
.secondary-navigation ul li a:link { text-decoration: none; }
|
266
|
-
.secondary-navigation ul li a:visited { text-decoration: none; }
|
267
|
-
.secondary-navigation ul li a:hover { text-decoration: none; }
|
268
|
-
.secondary-navigation ul li a:active { text-decoration: none; }
|
269
|
-
#user-navigation ul li a:link { text-decoration: none; }
|
270
|
-
#user-navigation ul li a:visited { text-decoration: none; }
|
271
|
-
#user-navigation ul li a:hover { text-decoration: none; }
|
272
|
-
#user-navigation ul li a:active { text-decoration: none; }
|
273
|
-
.secondary-navigation {
|
274
|
-
font-size: 1.2em;
|
275
|
-
border-bottom-width: 10px;
|
276
|
-
border-bottom-style: solid;
|
277
|
-
}
|
278
|
-
.secondary-navigation ul li a {
|
278
|
+
#sidebar ul.navigation li a {
|
279
279
|
display: block;
|
280
|
-
padding:
|
280
|
+
padding: 1em 1.2em;
|
281
|
+
text-decoration: none;
|
281
282
|
}
|
282
|
-
.
|
283
|
-
|
284
|
-
padding:
|
283
|
+
#sidebar .block {
|
284
|
+
margin-bottom: 1em;
|
285
|
+
padding-bottom: 1em;
|
286
|
+
border-radius: 0.4em;
|
287
|
+
-moz-border-radius: 0.4em;
|
288
|
+
-webkit-border-radius: 0.4em;
|
289
|
+
}
|
290
|
+
#sidebar .block .content { padding: 1em 1em 0 1em; }
|
291
|
+
#sidebar .block .content p { margin: 0; }
|
292
|
+
#sidebar .notice { padding: 1em; }
|
293
|
+
#sidebar .sidebar-block { padding: 1em; }
|
294
|
+
#box .block { margin-bottom: 20px; }
|
295
|
+
#box .block h1 { font-size: 2.75em; }
|
296
|
+
#box .block h2 {
|
297
|
+
padding: 0.5em 0.8em;
|
298
|
+
font-size: 1.5em;
|
299
|
+
margin: 0;
|
285
300
|
}
|
286
|
-
#
|
287
|
-
.
|
288
|
-
|
289
|
-
|
290
|
-
|
301
|
+
#box .block .content { padding: 1em 1.5em; }
|
302
|
+
#footer .block {
|
303
|
+
border-radius: 0.4em;
|
304
|
+
-moz-border-radius: 0.4em;
|
305
|
+
-webkit-border-radius: 0.4em;
|
306
|
+
}
|
307
|
+
#footer .block p {
|
308
|
+
margin: 0;
|
309
|
+
padding: 0.9em;
|
310
|
+
}
|
311
|
+
#main-navigation {
|
312
|
+
width: 100%;
|
313
|
+
font-size: 1.3em;
|
314
|
+
line-height: 1;
|
315
|
+
border-top-left-radius: 0.4em;
|
316
|
+
-moz-border-radius-topleft: 0.4em;
|
317
|
+
-webkit-border-top-left-radius: 0.4em;
|
318
|
+
border-top-right-radius: 0.4em;
|
319
|
+
-moz-border-radius-topright: 0.4em;
|
320
|
+
-webkit-border-top-right-radius: 0.4em;
|
321
|
+
}
|
322
|
+
#main-navigation ul {
|
323
|
+
margin: 0;
|
324
|
+
padding: 0;
|
325
|
+
list-style-type: none;
|
326
|
+
}
|
327
|
+
#main-navigation ul li {
|
291
328
|
float: left;
|
292
|
-
|
293
|
-
border-
|
329
|
+
margin-left: 1.2em;
|
330
|
+
border-top-left-radius: 0.4em;
|
331
|
+
-moz-border-radius-topleft: 0.4em;
|
332
|
+
-webkit-border-top-left-radius: 0.4em;
|
333
|
+
border-top-right-radius: 0.4em;
|
334
|
+
-moz-border-radius-topright: 0.4em;
|
335
|
+
-webkit-border-top-right-radius: 0.4em;
|
294
336
|
}
|
295
|
-
|
296
|
-
padding: 2px 5px;
|
297
|
-
margin-right: 5px;
|
337
|
+
#main-navigation ul li a {
|
298
338
|
display: block;
|
339
|
+
padding: 0.7em 0em;
|
340
|
+
text-decoration: none;
|
341
|
+
}
|
342
|
+
#main-navigation ul li.active a { padding: 0.7em 1.2em; }
|
343
|
+
#user-navigation {
|
344
|
+
position: absolute;
|
345
|
+
right: 1.5em;
|
346
|
+
bottom: 0.2em;
|
347
|
+
line-height: 1;
|
348
|
+
}
|
349
|
+
#user-navigation ul {
|
350
|
+
margin: 0;
|
351
|
+
padding: 0;
|
352
|
+
list-style-type: none;
|
353
|
+
}
|
354
|
+
#user-navigation ul li {
|
299
355
|
float: left;
|
300
|
-
|
301
|
-
|
356
|
+
padding: 0 0.5em;
|
357
|
+
height: 2.5em;
|
358
|
+
line-height: 2.5em;
|
359
|
+
}
|
360
|
+
#user-navigation ul li a {
|
361
|
+
padding: 0.4em;
|
362
|
+
text-decoration: none;
|
363
|
+
}
|
364
|
+
#user-navigation ul li span {
|
365
|
+
padding: 0.4em;
|
366
|
+
text-decoration: none;
|
367
|
+
}
|
368
|
+
#user-navigation ul li button {
|
369
|
+
padding: 0.4em;
|
370
|
+
text-decoration: none;
|
371
|
+
}
|
372
|
+
#user-navigation ul li input {
|
373
|
+
padding: 0.4em;
|
374
|
+
text-decoration: none;
|
302
375
|
}
|
303
|
-
.pagination span.current { font-weight: bold; }
|
304
|
-
.pagination a { text-decoration: none; }
|
305
376
|
.table {
|
306
377
|
width: 100%;
|
307
378
|
border-collapse: collapse;
|
308
|
-
margin-bottom:
|
379
|
+
margin-bottom: 1.25em;
|
309
380
|
}
|
310
381
|
.table th {
|
311
|
-
padding: 10px;
|
312
382
|
font-weight: bold;
|
313
383
|
text-align: left;
|
314
384
|
}
|
315
|
-
.table .
|
316
|
-
|
385
|
+
.table th.first {
|
386
|
+
border-top-left-radius: 0.4em;
|
387
|
+
-moz-border-radius-topleft: 0.4em;
|
388
|
+
-webkit-border-top-left-radius: 0.4em;
|
389
|
+
}
|
390
|
+
.table th.last {
|
391
|
+
border-top-right-radius: 0.4em;
|
392
|
+
-moz-border-radius-topright: 0.4em;
|
393
|
+
-webkit-border-top-right-radius: 0.4em;
|
394
|
+
}
|
395
|
+
.table th { padding: 0.8em; }
|
396
|
+
.table th form { display: inline; }
|
397
|
+
.table th form div { display: inline; }
|
398
|
+
.table td { padding: 0.8em; }
|
317
399
|
.table td form { display: inline; }
|
318
400
|
.table td form div { display: inline; }
|
319
401
|
.table td.last { text-align: right; }
|
320
|
-
|
321
|
-
|
322
|
-
|
402
|
+
.actions-bar { padding: 1em 1px; }
|
403
|
+
.actions-bar .actions { float: left; }
|
404
|
+
.actions-bar .pagination {
|
405
|
+
float: right;
|
406
|
+
padding: 1px 0;
|
323
407
|
}
|
324
|
-
.
|
408
|
+
.pagination a {
|
409
|
+
display: block;
|
410
|
+
float: left;
|
411
|
+
padding: 0.25em 0.45em;
|
412
|
+
margin-right: 0.45em;
|
413
|
+
border-style: solid;
|
414
|
+
border-width: 1px;
|
415
|
+
border-radius: 0.25em;
|
416
|
+
-moz-border-radius: 0.25em;
|
417
|
+
-webkit-border-radius: 0.25em;
|
418
|
+
}
|
419
|
+
.pagination span {
|
420
|
+
display: block;
|
421
|
+
float: left;
|
422
|
+
padding: 0.25em 0.45em;
|
423
|
+
margin-right: 0.45em;
|
424
|
+
border-style: solid;
|
425
|
+
border-width: 1px;
|
426
|
+
border-radius: 0.25em;
|
427
|
+
-moz-border-radius: 0.25em;
|
428
|
+
-webkit-border-radius: 0.25em;
|
429
|
+
}
|
430
|
+
.pagination span.current { font-weight: bold; }
|
431
|
+
.pagination a { text-decoration: none; }
|
432
|
+
.form .group { margin-bottom: 1.25em; }
|
325
433
|
.form div.left {
|
326
434
|
width: 20%;
|
327
435
|
float: left;
|
@@ -349,22 +457,24 @@ input.checkbox {
|
|
349
457
|
margin: 0;
|
350
458
|
}
|
351
459
|
.form label.right { text-align: right; }
|
352
|
-
.form input.checkbox { margin-right:
|
353
|
-
.form input.radio { margin-right:
|
460
|
+
.form input.checkbox { margin-right: 0.5em; }
|
461
|
+
.form input.radio { margin-right: 0.5em; }
|
354
462
|
.form label.checkbox { line-height: 1.5em; }
|
355
463
|
.form label.radio { line-height: 1.5em; }
|
356
464
|
.form label.label {
|
357
465
|
display: block;
|
358
|
-
padding-bottom:
|
466
|
+
padding-bottom: 0.2em;
|
359
467
|
font-weight: bold;
|
360
468
|
}
|
361
469
|
.form div.fieldWithErrors label.label { display: inline; }
|
362
470
|
.form .fieldWithErrors .error { color: red; }
|
363
471
|
.form input.text_field {
|
472
|
+
width: 100%;
|
364
473
|
border-width: 1px;
|
365
474
|
border-style: solid;
|
366
475
|
}
|
367
476
|
.form textarea.text_area {
|
477
|
+
width: 100%;
|
368
478
|
border-width: 1px;
|
369
479
|
border-style: solid;
|
370
480
|
}
|
@@ -389,116 +499,32 @@ ul.list li .item .avatar {
|
|
389
499
|
width: 30px;
|
390
500
|
height: 30px;
|
391
501
|
}
|
392
|
-
#
|
393
|
-
|
394
|
-
|
395
|
-
|
396
|
-
|
397
|
-
#
|
398
|
-
|
399
|
-
margin: 0;
|
400
|
-
}
|
401
|
-
#box .block .content { padding: 10px 20px; }
|
402
|
-
#color_schemes { disabled: #888888; }
|
403
|
-
.small {
|
404
|
-
font-size: 11px;
|
405
|
-
font-style: normal;
|
406
|
-
font-weight: normal;
|
407
|
-
text-transform: normal;
|
408
|
-
letter-spacing: normal;
|
409
|
-
line-height: 1.4em;
|
410
|
-
}
|
411
|
-
.gray {
|
412
|
-
color: #999999;
|
413
|
-
font-family: Georgia, serif;
|
414
|
-
font-size: 13px;
|
415
|
-
font-style: italic;
|
416
|
-
font-weight: normal;
|
417
|
-
text-transform: normal;
|
418
|
-
letter-spacing: normal;
|
419
|
-
line-height: 1.6em;
|
420
|
-
}
|
421
|
-
.hightlight {
|
422
|
-
background-color: #ffff88;
|
423
|
-
font-weight: bold;
|
424
|
-
color: #36393d;
|
502
|
+
#color_schemes {
|
503
|
+
nav: #ffffff;
|
504
|
+
nav-bg: #36393d;
|
505
|
+
nav-dark-bg: #1a1a1a;
|
506
|
+
nav-hover-bg: #666666;
|
507
|
+
disabled: #888888;
|
508
|
+
body-color: #222222;
|
425
509
|
}
|
426
|
-
a:link { color: #36393d; }
|
427
|
-
a:visited { color: #36393d; }
|
428
|
-
a:hover { color: #36393d; }
|
429
|
-
a:active { color: #36393d; }
|
430
|
-
h1, h2, h3 { color: #36393d; }
|
431
|
-
a { -moz-outline: none; }
|
432
510
|
body {
|
433
511
|
color: #222222;
|
434
512
|
background: #cfcfcf;
|
435
513
|
font-family: helvetica, arial, sans-serif;
|
436
514
|
}
|
437
|
-
hr {
|
438
|
-
background: #f0f0ee;
|
439
|
-
color: #f0f0ee;
|
440
|
-
}
|
441
515
|
#header_wrapper { background: #36393d; }
|
442
|
-
#header h1 {
|
443
|
-
padding: 15px 0;
|
444
|
-
font-size: 28px;
|
445
|
-
font-style: normal;
|
446
|
-
font-weight: bold;
|
447
|
-
text-transform: normal;
|
448
|
-
letter-spacing: -1px;
|
449
|
-
line-height: 1.2em;
|
450
|
-
}
|
516
|
+
#header h1 { font-weight: bold; }
|
451
517
|
#header h1 a { color: #ffffff; }
|
452
|
-
#
|
453
|
-
|
454
|
-
|
455
|
-
-moz-border-radius: 4px;
|
456
|
-
-webkit-border-radius: 3px;
|
457
|
-
}
|
458
|
-
#user-navigation input.logout {
|
459
|
-
background: #cc0000;
|
518
|
+
#main .block .content { background: #ffffff; }
|
519
|
+
#main .block .content h2 { font-weight: bold; }
|
520
|
+
#footer .block {
|
460
521
|
color: #ffffff;
|
461
|
-
|
462
|
-
padding-top: 1px;
|
463
|
-
border: 0px solid #999999;
|
464
|
-
-moz-border-radius: 4px;
|
465
|
-
-webkit-border-radius: 3px;
|
466
|
-
cursor: pointer;
|
467
|
-
}
|
468
|
-
#user-navigation ul li {
|
469
|
-
padding: 0px 10px;
|
470
|
-
height: 1.66em;
|
471
|
-
line-height: 1.66em;
|
472
|
-
}
|
473
|
-
#main .block .content {
|
474
|
-
background: #ffffff;
|
475
|
-
padding-top: 1px;
|
476
|
-
}
|
477
|
-
#main .block .content h2 {
|
478
|
-
margin-left: 15px;
|
479
|
-
font-size: 22px;
|
480
|
-
font-style: normal;
|
481
|
-
font-weight: bold;
|
482
|
-
text-transform: normal;
|
483
|
-
letter-spacing: -1px;
|
484
|
-
line-height: 1.2em;
|
485
|
-
}
|
486
|
-
#main .block .content p {
|
487
|
-
font-size: 13px;
|
488
|
-
font-style: normal;
|
489
|
-
font-weight: normal;
|
490
|
-
text-transform: normal;
|
491
|
-
letter-spacing: normal;
|
492
|
-
line-height: 1.45em;
|
522
|
+
background: #1a1a1a;
|
493
523
|
}
|
494
|
-
#sidebar .block { background: #ffffff; }
|
495
|
-
#sidebar .block h4 { font-weight: bold; }
|
496
|
-
#sidebar .notice { background: #e6eefc; }
|
497
|
-
#sidebar .notice h4 { color: #0b43a8; }
|
498
524
|
#sidebar h3 {
|
499
525
|
background: #36393d;
|
500
526
|
color: #ffffff;
|
501
|
-
border-
|
527
|
+
border-color: #1a1a1a;
|
502
528
|
}
|
503
529
|
#sidebar ul li a:link {
|
504
530
|
background: #ffffff;
|
@@ -518,118 +544,215 @@ hr {
|
|
518
544
|
background: #666666;
|
519
545
|
color: #ffffff;
|
520
546
|
}
|
521
|
-
#
|
522
|
-
#
|
523
|
-
#
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
|
530
|
-
|
531
|
-
|
532
|
-
|
533
|
-
|
534
|
-
|
535
|
-
#
|
536
|
-
#main-navigation ul li a:hover { color: #ffffff; }
|
537
|
-
#main-navigation ul li a:active { color: #ffffff; }
|
538
|
-
.secondary-navigation ul li a { color: #ffffff; }
|
539
|
-
.secondary-navigation ul li a:link { color: #ffffff; }
|
540
|
-
.secondary-navigation ul li a:visited { color: #ffffff; }
|
541
|
-
.secondary-navigation ul li a:hover { color: #ffffff; }
|
542
|
-
.secondary-navigation ul li a:active { color: #ffffff; }
|
547
|
+
#sidebar .block { background: #ffffff; }
|
548
|
+
#sidebar .block h4 { font-weight: bold; }
|
549
|
+
#sidebar .notice { background: #e6eefc; }
|
550
|
+
#sidebar .notice h4 { color: #0b43a8; }
|
551
|
+
#box .block h2 {
|
552
|
+
background: #36393d;
|
553
|
+
color: #ffffff;
|
554
|
+
border-top-left-radius: 0.4em;
|
555
|
+
-moz-border-radius-topleft: 0.4em;
|
556
|
+
-webkit-border-top-left-radius: 0.4em;
|
557
|
+
border-top-right-radius: 0.4em;
|
558
|
+
-moz-border-radius-topright: 0.4em;
|
559
|
+
-webkit-border-top-right-radius: 0.4em;
|
560
|
+
}
|
561
|
+
#box .block .content { background: #ffffff; }
|
543
562
|
#main-navigation { background: #1a1a1a; }
|
544
|
-
#main-navigation ul li {
|
545
|
-
|
546
|
-
margin-right: 0;
|
547
|
-
}
|
563
|
+
#main-navigation ul li { background: #1a1a1a; }
|
564
|
+
#main-navigation ul li a { color: #ffffff; }
|
548
565
|
#main-navigation ul li.active { background: #f0f0ee; }
|
549
566
|
#main-navigation ul li.active a { color: #1a1a1a; }
|
550
567
|
#main-navigation ul li.active a:link { color: #1a1a1a; }
|
551
568
|
#main-navigation ul li.active a:visited { color: #1a1a1a; }
|
552
569
|
#main-navigation ul li.active a:hover { color: #1a1a1a; }
|
553
570
|
#main-navigation ul li.active a:active { color: #1a1a1a; }
|
571
|
+
#user-navigation ul li span { color: #ffffff; }
|
572
|
+
#user-navigation ul li span:link { color: #ffffff; }
|
573
|
+
#user-navigation ul li span:visited { color: #ffffff; }
|
574
|
+
#user-navigation ul li span:hover { color: #ffffff; }
|
575
|
+
#user-navigation ul li span:active { color: #ffffff; }
|
576
|
+
#user-navigation ul li a { color: #ffffff; }
|
577
|
+
#user-navigation ul li a:link { color: #ffffff; }
|
578
|
+
#user-navigation ul li a:visited { color: #ffffff; }
|
579
|
+
#user-navigation ul li a:hover { color: #ffffff; }
|
580
|
+
#user-navigation ul li a:active { color: #ffffff; }
|
581
|
+
#user-navigation ul li .logout {
|
582
|
+
background-color: red;
|
583
|
+
color: #ffffff;
|
584
|
+
border: 0px solid #999999;
|
585
|
+
border-radius: 0.4em;
|
586
|
+
-moz-border-radius: 0.4em;
|
587
|
+
-webkit-border-radius: 0.4em;
|
588
|
+
cursor: pointer;
|
589
|
+
}
|
554
590
|
.secondary-navigation {
|
555
591
|
background: #36393d;
|
556
592
|
border-bottom-color: #1a1a1a;
|
557
|
-
border-bottom-width: 5px;
|
558
593
|
}
|
559
594
|
.secondary-navigation li a:hover { background: #666666; }
|
560
595
|
.secondary-navigation ul li.active { background-color: #1a1a1a; }
|
561
596
|
.secondary-navigation ul li.active a:hover { background-color: #1a1a1a; }
|
562
|
-
|
563
|
-
|
564
|
-
|
597
|
+
.secondary-navigation ul li a { color: #ffffff; }
|
598
|
+
.secondary-navigation ul li a:link { color: #ffffff; }
|
599
|
+
.secondary-navigation ul li a:visited { color: #ffffff; }
|
600
|
+
.secondary-navigation ul li a:hover { color: #ffffff; }
|
601
|
+
.secondary-navigation ul li a:active { color: #ffffff; }
|
602
|
+
.secondary-navigation ul li span { color: #ffffff; }
|
603
|
+
.secondary-navigation ul li span:link { color: #ffffff; }
|
604
|
+
.secondary-navigation ul li span:visited { color: #ffffff; }
|
605
|
+
.secondary-navigation ul li span:hover { color: #ffffff; }
|
606
|
+
.secondary-navigation ul li span:active { color: #ffffff; }
|
607
|
+
.small {
|
608
|
+
font-size: 11px;
|
609
|
+
font-style: normal;
|
610
|
+
font-weight: normal;
|
611
|
+
text-transform: normal;
|
612
|
+
letter-spacing: normal;
|
613
|
+
line-height: 1.4em;
|
565
614
|
}
|
566
|
-
|
567
|
-
|
568
|
-
|
615
|
+
.table th {
|
616
|
+
background: #36393d;
|
617
|
+
color: #ffffff;
|
569
618
|
}
|
619
|
+
.table th a { color: #ffffff; }
|
620
|
+
.table td { border-bottom: 1px solid #f0f0ee; }
|
621
|
+
.table tr.even { background: #ebebeb; }
|
570
622
|
.pagination a {
|
571
623
|
background: #cfcfcf;
|
572
|
-
-moz-border-radius: 3px;
|
573
624
|
border: 1px solid #c1c1c1;
|
574
625
|
}
|
575
626
|
.pagination span {
|
576
627
|
background: #cfcfcf;
|
577
|
-
-moz-border-radius: 3px;
|
578
628
|
border: 1px solid #c1c1c1;
|
579
629
|
}
|
580
|
-
.pagination span.disabled { color: #
|
630
|
+
.pagination span.disabled { color: #888888; }
|
581
631
|
.pagination span.current {
|
582
632
|
background: #36393d;
|
583
633
|
color: #ffffff;
|
584
634
|
border: 1px solid #36393d;
|
585
635
|
}
|
586
636
|
.pagination a { color: #1a1a1a; }
|
587
|
-
.pagination a:hover { border: 1px solid #
|
588
|
-
.
|
589
|
-
|
590
|
-
|
637
|
+
.pagination a:hover { border: 1px solid #36393d; }
|
638
|
+
.formtastic ol {
|
639
|
+
list-style: none;
|
640
|
+
margin: 0;
|
641
|
+
padding: 0;
|
591
642
|
}
|
592
|
-
.
|
593
|
-
.
|
594
|
-
|
643
|
+
.formtastic ol li { margin-bottom: 1em; }
|
644
|
+
.formtastic ol .required abbr {
|
645
|
+
color: red;
|
646
|
+
border: none;
|
647
|
+
vertical-align: super;
|
648
|
+
}
|
649
|
+
.formtastic ol .error {
|
650
|
+
border-left: 0.3em solid red;
|
651
|
+
padding-left: 1em;
|
652
|
+
}
|
653
|
+
.formtastic ol .error .inline-errors {
|
654
|
+
color: red;
|
655
|
+
margin: 0;
|
656
|
+
font-size: 1.1em;
|
657
|
+
}
|
658
|
+
.formtastic ol .string label {
|
659
|
+
font-size: 1.2em;
|
660
|
+
color: #666666;
|
661
|
+
display: block;
|
662
|
+
padding-bottom: 0.2em;
|
663
|
+
}
|
664
|
+
.formtastic ol .string input { display: inline; }
|
665
|
+
.formtastic ol .string .inline-hints {
|
666
|
+
margin: 0 0 0 1em;
|
667
|
+
font-style: italic;
|
668
|
+
display: inline;
|
669
|
+
color: #888888;
|
670
|
+
}
|
671
|
+
.formtastic ol .select label {
|
672
|
+
font-size: 1.2em;
|
673
|
+
color: #666666;
|
674
|
+
display: block;
|
675
|
+
padding-bottom: 0.2em;
|
676
|
+
}
|
677
|
+
.formtastic ol .select input { display: inline; }
|
678
|
+
.formtastic ol .select .inline-hints {
|
679
|
+
margin: 0 0 0 1em;
|
680
|
+
font-style: italic;
|
681
|
+
display: inline;
|
682
|
+
color: #888888;
|
683
|
+
}
|
684
|
+
.formtastic ol .text label {
|
685
|
+
font-size: 1.2em;
|
686
|
+
color: #666666;
|
687
|
+
display: block;
|
688
|
+
padding-bottom: 0.2em;
|
689
|
+
}
|
690
|
+
.formtastic ol .text input { display: inline; }
|
691
|
+
.formtastic ol .text .inline-hints {
|
692
|
+
margin: 0 0 0 1em;
|
693
|
+
font-style: italic;
|
694
|
+
display: inline;
|
695
|
+
color: #888888;
|
696
|
+
}
|
697
|
+
.formtastic ol .check_boxes fieldset .label label { font-size: 1.2em; }
|
698
|
+
.formtastic ol .check_boxes fieldset ol li {
|
699
|
+
float: left;
|
700
|
+
margin-right: 0.5em;
|
701
|
+
}
|
702
|
+
.formtastic ol .check_boxes fieldset ol li label {
|
703
|
+
font-size: 1em;
|
704
|
+
color: #222222;
|
705
|
+
}
|
706
|
+
.formtastic fieldset.inputs {
|
707
|
+
border-top: 1px solid #999999;
|
708
|
+
padding: 1em 1em 0 1em;
|
709
|
+
}
|
710
|
+
.formtastic fieldset.inputs legend { color: #666666; }
|
711
|
+
.formtastic fieldset.inputs legend span { font-size: 1.3em; }
|
712
|
+
.formtastic fieldset.buttons { padding: 0 1em 1em 1em; }
|
713
|
+
.formtastic fieldset.buttons ol {
|
714
|
+
list-style: none;
|
715
|
+
margin: 0;
|
716
|
+
padding: 0;
|
717
|
+
}
|
718
|
+
.formtastic fieldset.buttons ol li {
|
719
|
+
float: left;
|
720
|
+
line-height: 2;
|
721
|
+
margin-right: 0.5em;
|
722
|
+
}
|
723
|
+
.formtastic fieldset.buttons ol .commit input {
|
724
|
+
background: #cfcfcf;
|
725
|
+
border-radius: 5px;
|
726
|
+
-moz-border-radius: 5px;
|
727
|
+
-webkit-border-radius: 5px;
|
728
|
+
border: 1px solid #c1c1c1;
|
729
|
+
padding: 0.2em 0.5em;
|
730
|
+
cursor: pointer;
|
731
|
+
font-weight: bold;
|
732
|
+
}
|
733
|
+
.formtastic fieldset.buttons ol .commit input:hover { border: 1px solid #666666; }
|
734
|
+
.formtastic fieldset.buttons ol .cancel a { color: #cc0000; }
|
595
735
|
.form label.label { color: #666666; }
|
596
736
|
.form input.text_field { border: 1px solid #cfcfcf; }
|
597
737
|
.form textarea.text_area { border: 1px solid #cfcfcf; }
|
598
738
|
.form input.button {
|
599
739
|
background: #cfcfcf;
|
740
|
+
border-radius: 5px;
|
600
741
|
-moz-border-radius: 5px;
|
742
|
+
-webkit-border-radius: 5px;
|
601
743
|
border: 1px solid #c1c1c1;
|
602
744
|
padding: 2px 5px;
|
603
745
|
cursor: pointer;
|
604
746
|
font-weight: bold;
|
605
747
|
}
|
606
748
|
.form input.button:hover { border: 1px solid #666666; }
|
607
|
-
.form input.button[disabled] { color: #
|
749
|
+
.form input.button[disabled] { color: #888888; }
|
608
750
|
.form .description {
|
609
751
|
font-style: italic;
|
610
752
|
color: #8c8c8c;
|
611
753
|
font-size: 0.9em;
|
612
754
|
}
|
613
755
|
.form .navform a { color: #cc0000; }
|
614
|
-
.flash .message {
|
615
|
-
-moz-border-radius: 3px;
|
616
|
-
-webkit-border-radius: 3px;
|
617
|
-
text-align: center;
|
618
|
-
margin: 0 auto 15px;
|
619
|
-
}
|
620
|
-
.flash .message p { margin: 8px; }
|
621
|
-
.flash .error {
|
622
|
-
border: 1px solid #ffbbbb;
|
623
|
-
background-color: #ffdddd;
|
624
|
-
}
|
625
|
-
.flash .warning {
|
626
|
-
border: 1px solid #fffaaa;
|
627
|
-
background-color: #ffffcc;
|
628
|
-
}
|
629
|
-
.flash .notice {
|
630
|
-
border: 1px solid #1fdf00;
|
631
|
-
background-color: #bbffb6;
|
632
|
-
}
|
633
756
|
ul.list li {
|
634
757
|
border-bottom-color: #f0f0ee;
|
635
758
|
border-bottom-width: 1px;
|
@@ -641,146 +764,55 @@ ul.list li .item .avatar {
|
|
641
764
|
border-style: solid;
|
642
765
|
padding: 2px;
|
643
766
|
}
|
644
|
-
|
645
|
-
|
646
|
-
|
647
|
-
|
648
|
-
|
649
|
-
|
650
|
-
-moz-border-radius-topleft: 4px;
|
651
|
-
-webkit-border-top-left-radius: 4px;
|
652
|
-
-moz-border-radius-topright: 4px;
|
653
|
-
-webkit-border-top-right-radius: 4px;
|
654
|
-
}
|
655
|
-
#main-navigation li {
|
656
|
-
-moz-border-radius-topleft: 4px;
|
657
|
-
-webkit-border-top-left-radius: 4px;
|
658
|
-
-moz-border-radius-topright: 4px;
|
659
|
-
-webkit-border-top-right-radius: 4px;
|
660
|
-
}
|
661
|
-
.secondary-navigation {
|
662
|
-
-moz-border-radius-topleft: 4px;
|
663
|
-
-webkit-border-top-left-radius: 4px;
|
664
|
-
-moz-border-radius-topright: 4px;
|
665
|
-
-webkit-border-top-right-radius: 4px;
|
666
|
-
}
|
667
|
-
#main .block {
|
668
|
-
-moz-border-radius-topleft: 4px;
|
669
|
-
-webkit-border-top-left-radius: 4px;
|
670
|
-
-moz-border-radius-topright: 4px;
|
671
|
-
-webkit-border-top-right-radius: 4px;
|
672
|
-
}
|
673
|
-
#sidebar .block {
|
674
|
-
-moz-border-radius-topleft: 4px;
|
675
|
-
-webkit-border-top-left-radius: 4px;
|
676
|
-
-moz-border-radius-topright: 4px;
|
677
|
-
-webkit-border-top-right-radius: 4px;
|
678
|
-
}
|
679
|
-
#sidebar h3 {
|
680
|
-
-moz-border-radius-topleft: 4px;
|
681
|
-
-webkit-border-top-left-radius: 4px;
|
682
|
-
-moz-border-radius-topright: 4px;
|
683
|
-
-webkit-border-top-right-radius: 4px;
|
684
|
-
}
|
685
|
-
ul.list li {
|
686
|
-
-moz-border-radius-topleft: 4px;
|
687
|
-
-webkit-border-top-left-radius: 4px;
|
688
|
-
-moz-border-radius-topright: 4px;
|
689
|
-
-webkit-border-top-right-radius: 4px;
|
690
|
-
}
|
691
|
-
#footer .block {
|
692
|
-
-moz-border-radius-topleft: 4px;
|
693
|
-
-webkit-border-top-left-radius: 4px;
|
694
|
-
-moz-border-radius-topright: 4px;
|
695
|
-
-webkit-border-top-right-radius: 4px;
|
696
|
-
}
|
697
|
-
.form input.button {
|
698
|
-
-moz-border-radius-topleft: 4px;
|
699
|
-
-webkit-border-top-left-radius: 4px;
|
700
|
-
-moz-border-radius-topright: 4px;
|
701
|
-
-webkit-border-top-right-radius: 4px;
|
702
|
-
}
|
703
|
-
#box .block {
|
704
|
-
-moz-border-radius-topleft: 4px;
|
705
|
-
-webkit-border-top-left-radius: 4px;
|
706
|
-
-moz-border-radius-topright: 4px;
|
707
|
-
-webkit-border-top-right-radius: 4px;
|
708
|
-
}
|
709
|
-
#box .block h2 {
|
710
|
-
-moz-border-radius-topleft: 4px;
|
711
|
-
-webkit-border-top-left-radius: 4px;
|
712
|
-
-moz-border-radius-topright: 4px;
|
713
|
-
-webkit-border-top-right-radius: 4px;
|
714
|
-
}
|
715
|
-
.secondary-navigation li.first a {
|
716
|
-
-moz-border-radius-topleft: 4px;
|
717
|
-
-webkit-border-top-left-radius: 4px;
|
718
|
-
}
|
719
|
-
.secondary-navigation ul li.first {
|
720
|
-
-moz-border-radius-topleft: 4px;
|
721
|
-
-webkit-border-top-left-radius: 4px;
|
722
|
-
}
|
723
|
-
.table th.first {
|
724
|
-
-moz-border-radius-topleft: 4px;
|
725
|
-
-webkit-border-top-left-radius: 4px;
|
726
|
-
}
|
727
|
-
.table th.first {
|
728
|
-
-moz-border-radius-topleft: 4px;
|
729
|
-
-webkit-border-top-left-radius: 4px;
|
730
|
-
}
|
731
|
-
.table th.last {
|
732
|
-
-moz-border-radius-topright: 4px;
|
733
|
-
-webkit-border-top-right-radius: 4px;
|
767
|
+
.flash .message {
|
768
|
+
border-radius: 0.4em;
|
769
|
+
-moz-border-radius: 0.4em;
|
770
|
+
-webkit-border-radius: 0.4em;
|
771
|
+
text-align: center;
|
772
|
+
margin: 0 auto 15px;
|
734
773
|
}
|
735
|
-
.
|
736
|
-
|
737
|
-
|
774
|
+
.flash .message p { margin: 0.75em; }
|
775
|
+
.flash .error {
|
776
|
+
border: 1px solid #ffbbbb;
|
777
|
+
background-color: #ffdddd;
|
738
778
|
}
|
739
|
-
|
740
|
-
|
741
|
-
-
|
742
|
-
-moz-border-radius-bottomright: 4px;
|
743
|
-
-webkit-border-bottom-right-radius: 4px;
|
779
|
+
.flash .warning {
|
780
|
+
border: 1px solid #e3da4c;
|
781
|
+
background-color: #ffffcc;
|
744
782
|
}
|
745
|
-
|
746
|
-
|
747
|
-
-
|
748
|
-
-moz-border-radius-bottomright: 4px;
|
749
|
-
-webkit-border-bottom-right-radius: 4px;
|
783
|
+
.flash .notice {
|
784
|
+
border: 1px solid #1fdf00;
|
785
|
+
background-color: #bbffb6;
|
750
786
|
}
|
751
|
-
|
752
|
-
|
753
|
-
-
|
754
|
-
-
|
755
|
-
-
|
787
|
+
.gray {
|
788
|
+
color: #999999;
|
789
|
+
font-family: serif;
|
790
|
+
font-style: italic;
|
791
|
+
font-weight: normal;
|
792
|
+
text-transform: normal;
|
793
|
+
letter-spacing: normal;
|
794
|
+
line-height: 1.6em;
|
756
795
|
}
|
757
|
-
|
758
|
-
|
759
|
-
-
|
760
|
-
-
|
761
|
-
-webkit-border-bottom-right-radius: 4px;
|
796
|
+
.hightlight {
|
797
|
+
color: #36393d;
|
798
|
+
background-color: #ffff88;
|
799
|
+
font-weight: bold;
|
762
800
|
}
|
763
|
-
|
764
|
-
|
765
|
-
|
766
|
-
|
767
|
-
|
801
|
+
a:link { color: #36393d; }
|
802
|
+
a:visited { color: #36393d; }
|
803
|
+
a:hover { color: #36393d; }
|
804
|
+
a:active { color: #36393d; }
|
805
|
+
h1, h2, h3 { color: #36393d; }
|
806
|
+
a { -moz-outline: none; }
|
807
|
+
hr {
|
808
|
+
background: #f0f0ee;
|
809
|
+
color: #f0f0ee;
|
768
810
|
}
|
769
|
-
#
|
770
|
-
|
771
|
-
|
772
|
-
-moz-border-radius-bottomright: 4px;
|
773
|
-
-webkit-border-bottom-right-radius: 4px;
|
811
|
+
* html #header {
|
812
|
+
width: 1120px;
|
813
|
+
margin: 0 auto;
|
774
814
|
}
|
775
|
-
|
776
|
-
|
777
|
-
|
778
|
-
-moz-border-radius-bottomright: 4px;
|
779
|
-
-webkit-border-bottom-right-radius: 4px;
|
780
|
-
}
|
781
|
-
#box .block {
|
782
|
-
-moz-border-radius-bottomleft: 4px;
|
783
|
-
-webkit-border-bottom-left-radius: 4px;
|
784
|
-
-moz-border-radius-bottomright: 4px;
|
785
|
-
-webkit-border-bottom-right-radius: 4px;
|
815
|
+
* html #page {
|
816
|
+
width: 1120px;
|
817
|
+
margin: 0 auto;
|
786
818
|
}
|