the_role 1.7.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. data/.travis.yml +5 -0
  2. data/README.md +139 -114
  3. data/app/assets/stylesheets/the_role.css.scss +47 -0
  4. data/app/controllers/admin/role_sections_controller.rb +8 -6
  5. data/app/controllers/admin/roles_controller.rb +9 -6
  6. data/app/controllers/the_role_controller.rb +18 -0
  7. data/app/models/concerns/role_model.rb +124 -0
  8. data/app/models/concerns/the_role_base.rb +30 -0
  9. data/app/models/concerns/the_role_user_model.rb +45 -0
  10. data/app/views/admin/roles/_role.html.haml +54 -53
  11. data/app/views/admin/roles/_sidebar.html.haml +4 -1
  12. data/app/views/admin/roles/edit.html.haml +2 -2
  13. data/app/views/admin/roles/index.haml +2 -2
  14. data/app/views/admin/roles/new.html.haml +18 -17
  15. data/lib/generators/the_role/USAGE +19 -0
  16. data/lib/generators/the_role/templates/the_role.rb +5 -0
  17. data/lib/generators/the_role/the_role_generator.rb +23 -0
  18. data/lib/the_role/config.rb +20 -0
  19. data/lib/the_role/hash.rb +23 -30
  20. data/lib/the_role/param_helper.rb +5 -11
  21. data/lib/the_role/version.rb +1 -1
  22. data/lib/the_role.rb +15 -14
  23. data/the_role.gemspec +2 -2
  24. metadata +20 -18
  25. data/app/assets/javascripts/admin_the_role.js +0 -4
  26. data/app/assets/javascripts/bootstrap-alert.js +0 -90
  27. data/app/assets/javascripts/bootstrap-dropdown.js +0 -100
  28. data/app/assets/stylesheets/admin_the_role.css +0 -6
  29. data/app/assets/stylesheets/custom.css +0 -3
  30. data/app/assets/stylesheets/headers.css +0 -12
  31. data/app/assets/stylesheets/reset.css +0 -117
  32. data/app/assets/stylesheets/role_base.css +0 -1739
  33. data/lib/the_role/engine.rb +0 -16
  34. data/lib/the_role/modules/base.rb +0 -30
  35. data/lib/the_role/modules/controller_requires.rb +0 -17
  36. data/lib/the_role/modules/role_model.rb +0 -121
  37. data/lib/the_role/modules/user_model.rb +0 -31
@@ -1,1739 +0,0 @@
1
- .clearfix {
2
- *zoom: 1;
3
- }
4
- .clearfix:before,
5
- .clearfix:after {
6
- display: table;
7
- content: "";
8
- }
9
- .clearfix:after {
10
- clear: both;
11
- }
12
- .hide-text {
13
- font: 0/0 a;
14
- color: transparent;
15
- text-shadow: none;
16
- background-color: transparent;
17
- border: 0;
18
- }
19
- .input-block-level {
20
- display: block;
21
- width: 100%;
22
- min-height: 28px;
23
- -webkit-box-sizing: border-box;
24
- -moz-box-sizing: border-box;
25
- -ms-box-sizing: border-box;
26
- box-sizing: border-box;
27
- }
28
- .btn {
29
- display: inline-block;
30
- *display: inline;
31
- /* IE7 inline-block hack */
32
-
33
- *zoom: 1;
34
- padding: 4px 10px 4px;
35
- margin-bottom: 0;
36
- font-size: 13px;
37
- line-height: 18px;
38
- *line-height: 20px;
39
- color: #333333;
40
- text-align: center;
41
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
42
- vertical-align: middle;
43
- cursor: pointer;
44
- background-color: #f5f5f5;
45
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
46
- background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
47
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
48
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
49
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
50
- background-image: linear-gradient(top, #ffffff, #e6e6e6);
51
- background-repeat: repeat-x;
52
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
53
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
54
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
55
- *background-color: #e6e6e6;
56
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
57
-
58
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
59
- border: 1px solid #cccccc;
60
- *border: 0;
61
- border-bottom-color: #b3b3b3;
62
- -webkit-border-radius: 4px;
63
- -moz-border-radius: 4px;
64
- border-radius: 4px;
65
- *margin-left: .3em;
66
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
67
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
68
- box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
69
- }
70
- .btn:hover,
71
- .btn:active,
72
- .btn.active,
73
- .btn.disabled,
74
- .btn[disabled] {
75
- background-color: #e6e6e6;
76
- *background-color: #d9d9d9;
77
- }
78
- .btn:active,
79
- .btn.active {
80
- background-color: #cccccc \9;
81
- }
82
- .btn:first-child {
83
- *margin-left: 0;
84
- }
85
- .btn:hover {
86
- color: #333333;
87
- text-decoration: none;
88
- background-color: #e6e6e6;
89
- *background-color: #d9d9d9;
90
- /* Buttons in IE7 don't get borders, so darken on hover */
91
-
92
- background-position: 0 -15px;
93
- -webkit-transition: background-position 0.1s linear;
94
- -moz-transition: background-position 0.1s linear;
95
- -ms-transition: background-position 0.1s linear;
96
- -o-transition: background-position 0.1s linear;
97
- transition: background-position 0.1s linear;
98
- }
99
- .btn:focus {
100
- outline: thin dotted #333;
101
- outline: 5px auto -webkit-focus-ring-color;
102
- outline-offset: -2px;
103
- }
104
- .btn.active,
105
- .btn:active {
106
- background-color: #e6e6e6;
107
- background-color: #d9d9d9 \9;
108
- background-image: none;
109
- outline: 0;
110
- -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
111
- -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
112
- box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
113
- }
114
- .btn.disabled,
115
- .btn[disabled] {
116
- cursor: default;
117
- background-color: #e6e6e6;
118
- background-image: none;
119
- opacity: 0.65;
120
- filter: alpha(opacity=65);
121
- -webkit-box-shadow: none;
122
- -moz-box-shadow: none;
123
- box-shadow: none;
124
- }
125
- .btn-large {
126
- padding: 9px 14px;
127
- font-size: 15px;
128
- line-height: normal;
129
- -webkit-border-radius: 5px;
130
- -moz-border-radius: 5px;
131
- border-radius: 5px;
132
- }
133
- .btn-large [class^="icon-"] {
134
- margin-top: 1px;
135
- }
136
- .btn-small {
137
- padding: 5px 9px;
138
- font-size: 11px;
139
- line-height: 16px;
140
- }
141
- .btn-small [class^="icon-"] {
142
- margin-top: -1px;
143
- }
144
- .btn-mini {
145
- padding: 2px 6px;
146
- font-size: 11px;
147
- line-height: 14px;
148
- }
149
- .btn-primary,
150
- .btn-primary:hover,
151
- .btn-warning,
152
- .btn-warning:hover,
153
- .btn-danger,
154
- .btn-danger:hover,
155
- .btn-success,
156
- .btn-success:hover,
157
- .btn-info,
158
- .btn-info:hover,
159
- .btn-inverse,
160
- .btn-inverse:hover {
161
- color: #ffffff;
162
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
163
- }
164
- .btn-primary.active,
165
- .btn-warning.active,
166
- .btn-danger.active,
167
- .btn-success.active,
168
- .btn-info.active,
169
- .btn-inverse.active {
170
- color: rgba(255, 255, 255, 0.75);
171
- }
172
- .btn {
173
- border-color: #ccc;
174
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
175
- }
176
- .btn-primary {
177
- background-color: #0074cc;
178
- background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
179
- background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
180
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
181
- background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
182
- background-image: -o-linear-gradient(top, #0088cc, #0055cc);
183
- background-image: linear-gradient(top, #0088cc, #0055cc);
184
- background-repeat: repeat-x;
185
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
186
- border-color: #0055cc #0055cc #003580;
187
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
188
- *background-color: #0055cc;
189
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
190
-
191
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
192
- }
193
- .btn-primary:hover,
194
- .btn-primary:active,
195
- .btn-primary.active,
196
- .btn-primary.disabled,
197
- .btn-primary[disabled] {
198
- background-color: #0055cc;
199
- *background-color: #004ab3;
200
- }
201
- .btn-primary:active,
202
- .btn-primary.active {
203
- background-color: #004099 \9;
204
- }
205
- .btn-warning {
206
- background-color: #faa732;
207
- background-image: -moz-linear-gradient(top, #fbb450, #f89406);
208
- background-image: -ms-linear-gradient(top, #fbb450, #f89406);
209
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
210
- background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
211
- background-image: -o-linear-gradient(top, #fbb450, #f89406);
212
- background-image: linear-gradient(top, #fbb450, #f89406);
213
- background-repeat: repeat-x;
214
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
215
- border-color: #f89406 #f89406 #ad6704;
216
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
217
- *background-color: #f89406;
218
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
219
-
220
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
221
- }
222
- .btn-warning:hover,
223
- .btn-warning:active,
224
- .btn-warning.active,
225
- .btn-warning.disabled,
226
- .btn-warning[disabled] {
227
- background-color: #f89406;
228
- *background-color: #df8505;
229
- }
230
- .btn-warning:active,
231
- .btn-warning.active {
232
- background-color: #c67605 \9;
233
- }
234
- .btn-danger {
235
- background-color: #da4f49;
236
- background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
237
- background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
238
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
239
- background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
240
- background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
241
- background-image: linear-gradient(top, #ee5f5b, #bd362f);
242
- background-repeat: repeat-x;
243
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
244
- border-color: #bd362f #bd362f #802420;
245
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
246
- *background-color: #bd362f;
247
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
248
-
249
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
250
- }
251
- .btn-danger:hover,
252
- .btn-danger:active,
253
- .btn-danger.active,
254
- .btn-danger.disabled,
255
- .btn-danger[disabled] {
256
- background-color: #bd362f;
257
- *background-color: #a9302a;
258
- }
259
- .btn-danger:active,
260
- .btn-danger.active {
261
- background-color: #942a25 \9;
262
- }
263
- .btn-success {
264
- background-color: #5bb75b;
265
- background-image: -moz-linear-gradient(top, #62c462, #51a351);
266
- background-image: -ms-linear-gradient(top, #62c462, #51a351);
267
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
268
- background-image: -webkit-linear-gradient(top, #62c462, #51a351);
269
- background-image: -o-linear-gradient(top, #62c462, #51a351);
270
- background-image: linear-gradient(top, #62c462, #51a351);
271
- background-repeat: repeat-x;
272
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
273
- border-color: #51a351 #51a351 #387038;
274
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
275
- *background-color: #51a351;
276
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
277
-
278
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
279
- }
280
- .btn-success:hover,
281
- .btn-success:active,
282
- .btn-success.active,
283
- .btn-success.disabled,
284
- .btn-success[disabled] {
285
- background-color: #51a351;
286
- *background-color: #499249;
287
- }
288
- .btn-success:active,
289
- .btn-success.active {
290
- background-color: #408140 \9;
291
- }
292
- .btn-info {
293
- background-color: #49afcd;
294
- background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
295
- background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
296
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
297
- background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
298
- background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
299
- background-image: linear-gradient(top, #5bc0de, #2f96b4);
300
- background-repeat: repeat-x;
301
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
302
- border-color: #2f96b4 #2f96b4 #1f6377;
303
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
304
- *background-color: #2f96b4;
305
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
306
-
307
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
308
- }
309
- .btn-info:hover,
310
- .btn-info:active,
311
- .btn-info.active,
312
- .btn-info.disabled,
313
- .btn-info[disabled] {
314
- background-color: #2f96b4;
315
- *background-color: #2a85a0;
316
- }
317
- .btn-info:active,
318
- .btn-info.active {
319
- background-color: #24748c \9;
320
- }
321
- .btn-inverse {
322
- background-color: #414141;
323
- background-image: -moz-linear-gradient(top, #555555, #222222);
324
- background-image: -ms-linear-gradient(top, #555555, #222222);
325
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
326
- background-image: -webkit-linear-gradient(top, #555555, #222222);
327
- background-image: -o-linear-gradient(top, #555555, #222222);
328
- background-image: linear-gradient(top, #555555, #222222);
329
- background-repeat: repeat-x;
330
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
331
- border-color: #222222 #222222 #000000;
332
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
333
- *background-color: #222222;
334
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
335
-
336
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
337
- }
338
- .btn-inverse:hover,
339
- .btn-inverse:active,
340
- .btn-inverse.active,
341
- .btn-inverse.disabled,
342
- .btn-inverse[disabled] {
343
- background-color: #222222;
344
- *background-color: #151515;
345
- }
346
- .btn-inverse:active,
347
- .btn-inverse.active {
348
- background-color: #080808 \9;
349
- }
350
- button.btn,
351
- input[type="submit"].btn {
352
- *padding-top: 2px;
353
- *padding-bottom: 2px;
354
- }
355
- button.btn::-moz-focus-inner,
356
- input[type="submit"].btn::-moz-focus-inner {
357
- padding: 0;
358
- border: 0;
359
- }
360
- button.btn.btn-large,
361
- input[type="submit"].btn.btn-large {
362
- *padding-top: 7px;
363
- *padding-bottom: 7px;
364
- }
365
- button.btn.btn-small,
366
- input[type="submit"].btn.btn-small {
367
- *padding-top: 3px;
368
- *padding-bottom: 3px;
369
- }
370
- button.btn.btn-mini,
371
- input[type="submit"].btn.btn-mini {
372
- *padding-top: 1px;
373
- *padding-bottom: 1px;
374
- }
375
- .btn-group {
376
- position: relative;
377
- *zoom: 1;
378
- *margin-left: .3em;
379
- }
380
- .btn-group:before,
381
- .btn-group:after {
382
- display: table;
383
- content: "";
384
- }
385
- .btn-group:after {
386
- clear: both;
387
- }
388
- .btn-group:first-child {
389
- *margin-left: 0;
390
- }
391
- .btn-group + .btn-group {
392
- margin-left: 5px;
393
- }
394
- .btn-toolbar {
395
- margin-top: 9px;
396
- margin-bottom: 9px;
397
- }
398
- .btn-toolbar .btn-group {
399
- display: inline-block;
400
- *display: inline;
401
- /* IE7 inline-block hack */
402
-
403
- *zoom: 1;
404
- }
405
- .btn-group > .btn {
406
- position: relative;
407
- float: left;
408
- margin-left: -1px;
409
- -webkit-border-radius: 0;
410
- -moz-border-radius: 0;
411
- border-radius: 0;
412
- }
413
- .btn-group > .btn:first-child {
414
- margin-left: 0;
415
- -webkit-border-top-left-radius: 4px;
416
- -moz-border-radius-topleft: 4px;
417
- border-top-left-radius: 4px;
418
- -webkit-border-bottom-left-radius: 4px;
419
- -moz-border-radius-bottomleft: 4px;
420
- border-bottom-left-radius: 4px;
421
- }
422
- .btn-group > .btn:last-child,
423
- .btn-group > .dropdown-toggle {
424
- -webkit-border-top-right-radius: 4px;
425
- -moz-border-radius-topright: 4px;
426
- border-top-right-radius: 4px;
427
- -webkit-border-bottom-right-radius: 4px;
428
- -moz-border-radius-bottomright: 4px;
429
- border-bottom-right-radius: 4px;
430
- }
431
- .btn-group > .btn.large:first-child {
432
- margin-left: 0;
433
- -webkit-border-top-left-radius: 6px;
434
- -moz-border-radius-topleft: 6px;
435
- border-top-left-radius: 6px;
436
- -webkit-border-bottom-left-radius: 6px;
437
- -moz-border-radius-bottomleft: 6px;
438
- border-bottom-left-radius: 6px;
439
- }
440
- .btn-group > .btn.large:last-child,
441
- .btn-group > .large.dropdown-toggle {
442
- -webkit-border-top-right-radius: 6px;
443
- -moz-border-radius-topright: 6px;
444
- border-top-right-radius: 6px;
445
- -webkit-border-bottom-right-radius: 6px;
446
- -moz-border-radius-bottomright: 6px;
447
- border-bottom-right-radius: 6px;
448
- }
449
- .btn-group > .btn:hover,
450
- .btn-group > .btn:focus,
451
- .btn-group > .btn:active,
452
- .btn-group > .btn.active {
453
- z-index: 2;
454
- }
455
- .btn-group .dropdown-toggle:active,
456
- .btn-group.open .dropdown-toggle {
457
- outline: 0;
458
- }
459
- .btn-group > .dropdown-toggle {
460
- padding-left: 8px;
461
- padding-right: 8px;
462
- -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
463
- -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
464
- box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
465
- *padding-top: 4px;
466
- *padding-bottom: 4px;
467
- }
468
- .btn-group > .btn-mini.dropdown-toggle {
469
- padding-left: 5px;
470
- padding-right: 5px;
471
- }
472
- .btn-group > .btn-small.dropdown-toggle {
473
- *padding-top: 4px;
474
- *padding-bottom: 4px;
475
- }
476
- .btn-group > .btn-large.dropdown-toggle {
477
- padding-left: 12px;
478
- padding-right: 12px;
479
- }
480
- .btn-group.open .dropdown-toggle {
481
- background-image: none;
482
- -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
483
- -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
484
- box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
485
- }
486
- .btn-group.open .btn.dropdown-toggle {
487
- background-color: #e6e6e6;
488
- }
489
- .btn-group.open .btn-primary.dropdown-toggle {
490
- background-color: #0055cc;
491
- }
492
- .btn-group.open .btn-warning.dropdown-toggle {
493
- background-color: #f89406;
494
- }
495
- .btn-group.open .btn-danger.dropdown-toggle {
496
- background-color: #bd362f;
497
- }
498
- .btn-group.open .btn-success.dropdown-toggle {
499
- background-color: #51a351;
500
- }
501
- .btn-group.open .btn-info.dropdown-toggle {
502
- background-color: #2f96b4;
503
- }
504
- .btn-group.open .btn-inverse.dropdown-toggle {
505
- background-color: #222222;
506
- }
507
- .btn .caret {
508
- margin-top: 7px;
509
- margin-left: 0;
510
- }
511
- .btn:hover .caret,
512
- .open.btn-group .caret {
513
- opacity: 1;
514
- filter: alpha(opacity=100);
515
- }
516
- .btn-mini .caret {
517
- margin-top: 5px;
518
- }
519
- .btn-small .caret {
520
- margin-top: 6px;
521
- }
522
- .btn-large .caret {
523
- margin-top: 6px;
524
- border-left-width: 5px;
525
- border-right-width: 5px;
526
- border-top-width: 5px;
527
- }
528
- .dropup .btn-large .caret {
529
- border-bottom: 5px solid #000000;
530
- border-top: 0;
531
- }
532
- .btn-primary .caret,
533
- .btn-warning .caret,
534
- .btn-danger .caret,
535
- .btn-info .caret,
536
- .btn-success .caret,
537
- .btn-inverse .caret {
538
- border-top-color: #ffffff;
539
- border-bottom-color: #ffffff;
540
- opacity: 0.75;
541
- filter: alpha(opacity=75);
542
- }
543
- .dropup,
544
- .dropdown {
545
- position: relative;
546
- }
547
- .dropdown-toggle {
548
- *margin-bottom: -3px;
549
- }
550
- .dropdown-toggle:active,
551
- .open .dropdown-toggle {
552
- outline: 0;
553
- }
554
- .caret {
555
- display: inline-block;
556
- width: 0;
557
- height: 0;
558
- vertical-align: top;
559
- border-top: 4px solid #000000;
560
- border-right: 4px solid transparent;
561
- border-left: 4px solid transparent;
562
- content: "";
563
- opacity: 0.3;
564
- filter: alpha(opacity=30);
565
- }
566
- .dropdown .caret {
567
- margin-top: 8px;
568
- margin-left: 2px;
569
- }
570
- .dropdown:hover .caret,
571
- .open .caret {
572
- opacity: 1;
573
- filter: alpha(opacity=100);
574
- }
575
- .dropdown-menu {
576
- position: absolute;
577
- top: 100%;
578
- left: 0;
579
- z-index: 1000;
580
- display: none;
581
- float: left;
582
- min-width: 160px;
583
- padding: 4px 0;
584
- margin: 1px 0 0;
585
- list-style: none;
586
- background-color: #ffffff;
587
- border: 1px solid #ccc;
588
- border: 1px solid rgba(0, 0, 0, 0.2);
589
- *border-right-width: 2px;
590
- *border-bottom-width: 2px;
591
- -webkit-border-radius: 5px;
592
- -moz-border-radius: 5px;
593
- border-radius: 5px;
594
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
595
- -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
596
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
597
- -webkit-background-clip: padding-box;
598
- -moz-background-clip: padding;
599
- background-clip: padding-box;
600
- }
601
- .dropdown-menu.pull-right {
602
- right: 0;
603
- left: auto;
604
- }
605
- .dropdown-menu .divider {
606
- *width: 100%;
607
- height: 1px;
608
- margin: 8px 1px;
609
- *margin: -5px 0 5px;
610
- overflow: hidden;
611
- background-color: #e5e5e5;
612
- border-bottom: 1px solid #ffffff;
613
- }
614
- .dropdown-menu a {
615
- display: block;
616
- padding: 3px 15px;
617
- clear: both;
618
- font-weight: normal;
619
- line-height: 18px;
620
- color: #333333;
621
- white-space: nowrap;
622
- }
623
- .dropdown-menu li > a:hover,
624
- .dropdown-menu .active > a,
625
- .dropdown-menu .active > a:hover {
626
- color: #ffffff;
627
- text-decoration: none;
628
- background-color: #0088cc;
629
- }
630
- .open {
631
- *z-index: 1000;
632
- }
633
- .open > .dropdown-menu {
634
- display: block;
635
- }
636
- .pull-right > .dropdown-menu {
637
- right: 0;
638
- left: auto;
639
- }
640
- .dropup .caret,
641
- .navbar-fixed-bottom .dropdown .caret {
642
- border-top: 0;
643
- border-bottom: 4px solid #000000;
644
- content: "\2191";
645
- }
646
- .dropup .dropdown-menu,
647
- .navbar-fixed-bottom .dropdown .dropdown-menu {
648
- top: auto;
649
- bottom: 100%;
650
- margin-bottom: 1px;
651
- }
652
- .typeahead {
653
- margin-top: 2px;
654
- -webkit-border-radius: 4px;
655
- -moz-border-radius: 4px;
656
- border-radius: 4px;
657
- }
658
- body {
659
- margin: 0;
660
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
661
- font-size: 13px;
662
- line-height: 18px;
663
- color: #333333;
664
- background-color: #ffffff;
665
- }
666
- a {
667
- color: #0088cc;
668
- text-decoration: none;
669
- }
670
- a:hover {
671
- color: #005580;
672
- text-decoration: underline;
673
- }
674
- .row {
675
- margin-left: -20px;
676
- *zoom: 1;
677
- }
678
- .row:before,
679
- .row:after {
680
- display: table;
681
- content: "";
682
- }
683
- .row:after {
684
- clear: both;
685
- }
686
- [class*="span"] {
687
- float: left;
688
- margin-left: 20px;
689
- }
690
- .container,
691
- .navbar-fixed-top .container,
692
- .navbar-fixed-bottom .container {
693
- width: 940px;
694
- }
695
- .span12 {
696
- width: 940px;
697
- }
698
- .span11 {
699
- width: 860px;
700
- }
701
- .span10 {
702
- width: 780px;
703
- }
704
- .span9 {
705
- width: 700px;
706
- }
707
- .span8 {
708
- width: 620px;
709
- }
710
- .span7 {
711
- width: 540px;
712
- }
713
- .span6 {
714
- width: 460px;
715
- }
716
- .span5 {
717
- width: 380px;
718
- }
719
- .span4 {
720
- width: 300px;
721
- }
722
- .span3 {
723
- width: 220px;
724
- }
725
- .span2 {
726
- width: 140px;
727
- }
728
- .span1 {
729
- width: 60px;
730
- }
731
- .offset12 {
732
- margin-left: 980px;
733
- }
734
- .offset11 {
735
- margin-left: 900px;
736
- }
737
- .offset10 {
738
- margin-left: 820px;
739
- }
740
- .offset9 {
741
- margin-left: 740px;
742
- }
743
- .offset8 {
744
- margin-left: 660px;
745
- }
746
- .offset7 {
747
- margin-left: 580px;
748
- }
749
- .offset6 {
750
- margin-left: 500px;
751
- }
752
- .offset5 {
753
- margin-left: 420px;
754
- }
755
- .offset4 {
756
- margin-left: 340px;
757
- }
758
- .offset3 {
759
- margin-left: 260px;
760
- }
761
- .offset2 {
762
- margin-left: 180px;
763
- }
764
- .offset1 {
765
- margin-left: 100px;
766
- }
767
- .row-fluid {
768
- width: 100%;
769
- *zoom: 1;
770
- }
771
- .row-fluid:before,
772
- .row-fluid:after {
773
- display: table;
774
- content: "";
775
- }
776
- .row-fluid:after {
777
- clear: both;
778
- }
779
- .row-fluid [class*="span"] {
780
- display: block;
781
- width: 100%;
782
- min-height: 28px;
783
- -webkit-box-sizing: border-box;
784
- -moz-box-sizing: border-box;
785
- -ms-box-sizing: border-box;
786
- box-sizing: border-box;
787
- float: left;
788
- margin-left: 2.127659574%;
789
- *margin-left: 2.0744680846382977%;
790
- }
791
- .row-fluid [class*="span"]:first-child {
792
- margin-left: 0;
793
- }
794
- .row-fluid .span12 {
795
- width: 99.99999998999999%;
796
- *width: 99.94680850063828%;
797
- }
798
- .row-fluid .span11 {
799
- width: 91.489361693%;
800
- *width: 91.4361702036383%;
801
- }
802
- .row-fluid .span10 {
803
- width: 82.97872339599999%;
804
- *width: 82.92553190663828%;
805
- }
806
- .row-fluid .span9 {
807
- width: 74.468085099%;
808
- *width: 74.4148936096383%;
809
- }
810
- .row-fluid .span8 {
811
- width: 65.95744680199999%;
812
- *width: 65.90425531263828%;
813
- }
814
- .row-fluid .span7 {
815
- width: 57.446808505%;
816
- *width: 57.3936170156383%;
817
- }
818
- .row-fluid .span6 {
819
- width: 48.93617020799999%;
820
- *width: 48.88297871863829%;
821
- }
822
- .row-fluid .span5 {
823
- width: 40.425531911%;
824
- *width: 40.3723404216383%;
825
- }
826
- .row-fluid .span4 {
827
- width: 31.914893614%;
828
- *width: 31.8617021246383%;
829
- }
830
- .row-fluid .span3 {
831
- width: 23.404255317%;
832
- *width: 23.3510638276383%;
833
- }
834
- .row-fluid .span2 {
835
- width: 14.89361702%;
836
- *width: 14.8404255306383%;
837
- }
838
- .row-fluid .span1 {
839
- width: 6.382978723%;
840
- *width: 6.329787233638298%;
841
- }
842
- .container {
843
- margin-right: auto;
844
- margin-left: auto;
845
- *zoom: 1;
846
- }
847
- .container:before,
848
- .container:after {
849
- display: table;
850
- content: "";
851
- }
852
- .container:after {
853
- clear: both;
854
- }
855
- .container-fluid {
856
- padding-right: 20px;
857
- padding-left: 20px;
858
- *zoom: 1;
859
- }
860
- .container-fluid:before,
861
- .container-fluid:after {
862
- display: table;
863
- content: "";
864
- }
865
- .container-fluid:after {
866
- clear: both;
867
- }
868
- form {
869
- margin: 0 0 18px;
870
- }
871
- fieldset {
872
- padding: 0;
873
- margin: 0;
874
- border: 0;
875
- }
876
- legend {
877
- display: block;
878
- width: 100%;
879
- padding: 0;
880
- margin-bottom: 27px;
881
- font-size: 19.5px;
882
- line-height: 36px;
883
- color: #333333;
884
- border: 0;
885
- border-bottom: 1px solid #e5e5e5;
886
- }
887
- legend small {
888
- font-size: 13.5px;
889
- color: #999999;
890
- }
891
- label,
892
- input,
893
- button,
894
- select,
895
- textarea {
896
- font-size: 13px;
897
- font-weight: normal;
898
- line-height: 18px;
899
- }
900
- input,
901
- button,
902
- select,
903
- textarea {
904
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
905
- }
906
- label {
907
- display: block;
908
- margin-bottom: 5px;
909
- }
910
- select,
911
- textarea,
912
- input[type="text"],
913
- input[type="password"],
914
- input[type="datetime"],
915
- input[type="datetime-local"],
916
- input[type="date"],
917
- input[type="month"],
918
- input[type="time"],
919
- input[type="week"],
920
- input[type="number"],
921
- input[type="email"],
922
- input[type="url"],
923
- input[type="search"],
924
- input[type="tel"],
925
- input[type="color"],
926
- .uneditable-input {
927
- display: inline-block;
928
- height: 18px;
929
- padding: 4px;
930
- margin-bottom: 9px;
931
- font-size: 13px;
932
- line-height: 18px;
933
- color: #555555;
934
- }
935
- input,
936
- textarea {
937
- width: 210px;
938
- }
939
- textarea {
940
- height: auto;
941
- }
942
- textarea,
943
- input[type="text"],
944
- input[type="password"],
945
- input[type="datetime"],
946
- input[type="datetime-local"],
947
- input[type="date"],
948
- input[type="month"],
949
- input[type="time"],
950
- input[type="week"],
951
- input[type="number"],
952
- input[type="email"],
953
- input[type="url"],
954
- input[type="search"],
955
- input[type="tel"],
956
- input[type="color"],
957
- .uneditable-input {
958
- background-color: #ffffff;
959
- border: 1px solid #cccccc;
960
- -webkit-border-radius: 3px;
961
- -moz-border-radius: 3px;
962
- border-radius: 3px;
963
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
964
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
965
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
966
- -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
967
- -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
968
- -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
969
- -o-transition: border linear 0.2s, box-shadow linear 0.2s;
970
- transition: border linear 0.2s, box-shadow linear 0.2s;
971
- }
972
- textarea:focus,
973
- input[type="text"]:focus,
974
- input[type="password"]:focus,
975
- input[type="datetime"]:focus,
976
- input[type="datetime-local"]:focus,
977
- input[type="date"]:focus,
978
- input[type="month"]:focus,
979
- input[type="time"]:focus,
980
- input[type="week"]:focus,
981
- input[type="number"]:focus,
982
- input[type="email"]:focus,
983
- input[type="url"]:focus,
984
- input[type="search"]:focus,
985
- input[type="tel"]:focus,
986
- input[type="color"]:focus,
987
- .uneditable-input:focus {
988
- border-color: rgba(82, 168, 236, 0.8);
989
- outline: 0;
990
- outline: thin dotted \9;
991
- /* IE6-9 */
992
-
993
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
994
- -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
995
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
996
- }
997
- input[type="radio"],
998
- input[type="checkbox"] {
999
- margin: 3px 0;
1000
- *margin-top: 0;
1001
- /* IE7 */
1002
-
1003
- line-height: normal;
1004
- cursor: pointer;
1005
- }
1006
- input[type="submit"],
1007
- input[type="reset"],
1008
- input[type="button"],
1009
- input[type="radio"],
1010
- input[type="checkbox"] {
1011
- width: auto;
1012
- }
1013
- .uneditable-textarea {
1014
- width: auto;
1015
- height: auto;
1016
- }
1017
- select,
1018
- input[type="file"] {
1019
- height: 28px;
1020
- /* In IE7, the height of the select element cannot be changed by height, only font-size */
1021
-
1022
- *margin-top: 4px;
1023
- /* For IE7, add top margin to align select with labels */
1024
-
1025
- line-height: 28px;
1026
- }
1027
- select {
1028
- width: 220px;
1029
- border: 1px solid #bbb;
1030
- }
1031
- select[multiple],
1032
- select[size] {
1033
- height: auto;
1034
- }
1035
- select:focus,
1036
- input[type="file"]:focus,
1037
- input[type="radio"]:focus,
1038
- input[type="checkbox"]:focus {
1039
- outline: thin dotted #333;
1040
- outline: 5px auto -webkit-focus-ring-color;
1041
- outline-offset: -2px;
1042
- }
1043
- .radio,
1044
- .checkbox {
1045
- min-height: 18px;
1046
- padding-left: 18px;
1047
- }
1048
- .radio input[type="radio"],
1049
- .checkbox input[type="checkbox"] {
1050
- float: left;
1051
- margin-left: -18px;
1052
- }
1053
- .controls > .radio:first-child,
1054
- .controls > .checkbox:first-child {
1055
- padding-top: 5px;
1056
- }
1057
- .radio.inline,
1058
- .checkbox.inline {
1059
- display: inline-block;
1060
- padding-top: 5px;
1061
- margin-bottom: 0;
1062
- vertical-align: middle;
1063
- }
1064
- .radio.inline + .radio.inline,
1065
- .checkbox.inline + .checkbox.inline {
1066
- margin-left: 10px;
1067
- }
1068
- .input-mini {
1069
- width: 60px;
1070
- }
1071
- .input-small {
1072
- width: 90px;
1073
- }
1074
- .input-medium {
1075
- width: 150px;
1076
- }
1077
- .input-large {
1078
- width: 210px;
1079
- }
1080
- .input-xlarge {
1081
- width: 270px;
1082
- }
1083
- .input-xxlarge {
1084
- width: 530px;
1085
- }
1086
- input[class*="span"],
1087
- select[class*="span"],
1088
- textarea[class*="span"],
1089
- .uneditable-input[class*="span"],
1090
- .row-fluid input[class*="span"],
1091
- .row-fluid select[class*="span"],
1092
- .row-fluid textarea[class*="span"],
1093
- .row-fluid .uneditable-input[class*="span"] {
1094
- float: none;
1095
- margin-left: 0;
1096
- }
1097
- .input-append input[class*="span"],
1098
- .input-append .uneditable-input[class*="span"],
1099
- .input-prepend input[class*="span"],
1100
- .input-prepend .uneditable-input[class*="span"],
1101
- .row-fluid .input-prepend [class*="span"],
1102
- .row-fluid .input-append [class*="span"] {
1103
- display: inline-block;
1104
- }
1105
- input,
1106
- textarea,
1107
- .uneditable-input {
1108
- margin-left: 0;
1109
- }
1110
- input.span12, textarea.span12, .uneditable-input.span12 {
1111
- width: 930px;
1112
- }
1113
- input.span11, textarea.span11, .uneditable-input.span11 {
1114
- width: 850px;
1115
- }
1116
- input.span10, textarea.span10, .uneditable-input.span10 {
1117
- width: 770px;
1118
- }
1119
- input.span9, textarea.span9, .uneditable-input.span9 {
1120
- width: 690px;
1121
- }
1122
- input.span8, textarea.span8, .uneditable-input.span8 {
1123
- width: 610px;
1124
- }
1125
- input.span7, textarea.span7, .uneditable-input.span7 {
1126
- width: 530px;
1127
- }
1128
- input.span6, textarea.span6, .uneditable-input.span6 {
1129
- width: 450px;
1130
- }
1131
- input.span5, textarea.span5, .uneditable-input.span5 {
1132
- width: 370px;
1133
- }
1134
- input.span4, textarea.span4, .uneditable-input.span4 {
1135
- width: 290px;
1136
- }
1137
- input.span3, textarea.span3, .uneditable-input.span3 {
1138
- width: 210px;
1139
- }
1140
- input.span2, textarea.span2, .uneditable-input.span2 {
1141
- width: 130px;
1142
- }
1143
- input.span1, textarea.span1, .uneditable-input.span1 {
1144
- width: 50px;
1145
- }
1146
- input[disabled],
1147
- select[disabled],
1148
- textarea[disabled],
1149
- input[readonly],
1150
- select[readonly],
1151
- textarea[readonly] {
1152
- cursor: not-allowed;
1153
- background-color: #eeeeee;
1154
- border-color: #ddd;
1155
- }
1156
- input[type="radio"][disabled],
1157
- input[type="checkbox"][disabled],
1158
- input[type="radio"][readonly],
1159
- input[type="checkbox"][readonly] {
1160
- background-color: transparent;
1161
- }
1162
- .control-group.warning > label,
1163
- .control-group.warning .help-block,
1164
- .control-group.warning .help-inline {
1165
- color: #c09853;
1166
- }
1167
- .control-group.warning .checkbox,
1168
- .control-group.warning .radio,
1169
- .control-group.warning input,
1170
- .control-group.warning select,
1171
- .control-group.warning textarea {
1172
- color: #c09853;
1173
- border-color: #c09853;
1174
- }
1175
- .control-group.warning .checkbox:focus,
1176
- .control-group.warning .radio:focus,
1177
- .control-group.warning input:focus,
1178
- .control-group.warning select:focus,
1179
- .control-group.warning textarea:focus {
1180
- border-color: #a47e3c;
1181
- -webkit-box-shadow: 0 0 6px #dbc59e;
1182
- -moz-box-shadow: 0 0 6px #dbc59e;
1183
- box-shadow: 0 0 6px #dbc59e;
1184
- }
1185
- .control-group.warning .input-prepend .add-on,
1186
- .control-group.warning .input-append .add-on {
1187
- color: #c09853;
1188
- background-color: #fcf8e3;
1189
- border-color: #c09853;
1190
- }
1191
- .control-group.error > label,
1192
- .control-group.error .help-block,
1193
- .control-group.error .help-inline {
1194
- color: #b94a48;
1195
- }
1196
- .control-group.error .checkbox,
1197
- .control-group.error .radio,
1198
- .control-group.error input,
1199
- .control-group.error select,
1200
- .control-group.error textarea {
1201
- color: #b94a48;
1202
- border-color: #b94a48;
1203
- }
1204
- .control-group.error .checkbox:focus,
1205
- .control-group.error .radio:focus,
1206
- .control-group.error input:focus,
1207
- .control-group.error select:focus,
1208
- .control-group.error textarea:focus {
1209
- border-color: #953b39;
1210
- -webkit-box-shadow: 0 0 6px #d59392;
1211
- -moz-box-shadow: 0 0 6px #d59392;
1212
- box-shadow: 0 0 6px #d59392;
1213
- }
1214
- .control-group.error .input-prepend .add-on,
1215
- .control-group.error .input-append .add-on {
1216
- color: #b94a48;
1217
- background-color: #f2dede;
1218
- border-color: #b94a48;
1219
- }
1220
- .control-group.success > label,
1221
- .control-group.success .help-block,
1222
- .control-group.success .help-inline {
1223
- color: #468847;
1224
- }
1225
- .control-group.success .checkbox,
1226
- .control-group.success .radio,
1227
- .control-group.success input,
1228
- .control-group.success select,
1229
- .control-group.success textarea {
1230
- color: #468847;
1231
- border-color: #468847;
1232
- }
1233
- .control-group.success .checkbox:focus,
1234
- .control-group.success .radio:focus,
1235
- .control-group.success input:focus,
1236
- .control-group.success select:focus,
1237
- .control-group.success textarea:focus {
1238
- border-color: #356635;
1239
- -webkit-box-shadow: 0 0 6px #7aba7b;
1240
- -moz-box-shadow: 0 0 6px #7aba7b;
1241
- box-shadow: 0 0 6px #7aba7b;
1242
- }
1243
- .control-group.success .input-prepend .add-on,
1244
- .control-group.success .input-append .add-on {
1245
- color: #468847;
1246
- background-color: #dff0d8;
1247
- border-color: #468847;
1248
- }
1249
- input:focus:required:invalid,
1250
- textarea:focus:required:invalid,
1251
- select:focus:required:invalid {
1252
- color: #b94a48;
1253
- border-color: #ee5f5b;
1254
- }
1255
- input:focus:required:invalid:focus,
1256
- textarea:focus:required:invalid:focus,
1257
- select:focus:required:invalid:focus {
1258
- border-color: #e9322d;
1259
- -webkit-box-shadow: 0 0 6px #f8b9b7;
1260
- -moz-box-shadow: 0 0 6px #f8b9b7;
1261
- box-shadow: 0 0 6px #f8b9b7;
1262
- }
1263
- .form-actions {
1264
- padding: 17px 20px 18px;
1265
- margin-top: 18px;
1266
- margin-bottom: 18px;
1267
- background-color: #f5f5f5;
1268
- border-top: 1px solid #e5e5e5;
1269
- *zoom: 1;
1270
- }
1271
- .form-actions:before,
1272
- .form-actions:after {
1273
- display: table;
1274
- content: "";
1275
- }
1276
- .form-actions:after {
1277
- clear: both;
1278
- }
1279
- .uneditable-input {
1280
- overflow: hidden;
1281
- white-space: nowrap;
1282
- cursor: not-allowed;
1283
- background-color: #ffffff;
1284
- border-color: #eee;
1285
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
1286
- -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
1287
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
1288
- }
1289
- :-moz-placeholder {
1290
- color: #999999;
1291
- }
1292
- :-ms-input-placeholder {
1293
- color: #999999;
1294
- }
1295
- ::-webkit-input-placeholder {
1296
- color: #999999;
1297
- }
1298
- .help-block,
1299
- .help-inline {
1300
- color: #555555;
1301
- }
1302
- .help-block {
1303
- display: block;
1304
- margin-bottom: 9px;
1305
- }
1306
- .help-inline {
1307
- display: inline-block;
1308
- *display: inline;
1309
- /* IE7 inline-block hack */
1310
-
1311
- *zoom: 1;
1312
- vertical-align: middle;
1313
- padding-left: 5px;
1314
- }
1315
- .input-prepend,
1316
- .input-append {
1317
- margin-bottom: 5px;
1318
- }
1319
- .input-prepend input,
1320
- .input-append input,
1321
- .input-prepend select,
1322
- .input-append select,
1323
- .input-prepend .uneditable-input,
1324
- .input-append .uneditable-input {
1325
- position: relative;
1326
- margin-bottom: 0;
1327
- *margin-left: 0;
1328
- vertical-align: middle;
1329
- -webkit-border-radius: 0 3px 3px 0;
1330
- -moz-border-radius: 0 3px 3px 0;
1331
- border-radius: 0 3px 3px 0;
1332
- }
1333
- .input-prepend input:focus,
1334
- .input-append input:focus,
1335
- .input-prepend select:focus,
1336
- .input-append select:focus,
1337
- .input-prepend .uneditable-input:focus,
1338
- .input-append .uneditable-input:focus {
1339
- z-index: 2;
1340
- }
1341
- .input-prepend .uneditable-input,
1342
- .input-append .uneditable-input {
1343
- border-left-color: #ccc;
1344
- }
1345
- .input-prepend .add-on,
1346
- .input-append .add-on {
1347
- display: inline-block;
1348
- width: auto;
1349
- height: 18px;
1350
- min-width: 16px;
1351
- padding: 4px 5px;
1352
- font-weight: normal;
1353
- line-height: 18px;
1354
- text-align: center;
1355
- text-shadow: 0 1px 0 #ffffff;
1356
- vertical-align: middle;
1357
- background-color: #eeeeee;
1358
- border: 1px solid #ccc;
1359
- }
1360
- .input-prepend .add-on,
1361
- .input-append .add-on,
1362
- .input-prepend .btn,
1363
- .input-append .btn {
1364
- margin-left: -1px;
1365
- -webkit-border-radius: 0;
1366
- -moz-border-radius: 0;
1367
- border-radius: 0;
1368
- }
1369
- .input-prepend .active,
1370
- .input-append .active {
1371
- background-color: #a9dba9;
1372
- border-color: #46a546;
1373
- }
1374
- .input-prepend .add-on,
1375
- .input-prepend .btn {
1376
- margin-right: -1px;
1377
- }
1378
- .input-prepend .add-on:first-child,
1379
- .input-prepend .btn:first-child {
1380
- -webkit-border-radius: 3px 0 0 3px;
1381
- -moz-border-radius: 3px 0 0 3px;
1382
- border-radius: 3px 0 0 3px;
1383
- }
1384
- .input-append input,
1385
- .input-append select,
1386
- .input-append .uneditable-input {
1387
- -webkit-border-radius: 3px 0 0 3px;
1388
- -moz-border-radius: 3px 0 0 3px;
1389
- border-radius: 3px 0 0 3px;
1390
- }
1391
- .input-append .uneditable-input {
1392
- border-right-color: #ccc;
1393
- border-left-color: #eee;
1394
- }
1395
- .input-append .add-on:last-child,
1396
- .input-append .btn:last-child {
1397
- -webkit-border-radius: 0 3px 3px 0;
1398
- -moz-border-radius: 0 3px 3px 0;
1399
- border-radius: 0 3px 3px 0;
1400
- }
1401
- .input-prepend.input-append input,
1402
- .input-prepend.input-append select,
1403
- .input-prepend.input-append .uneditable-input {
1404
- -webkit-border-radius: 0;
1405
- -moz-border-radius: 0;
1406
- border-radius: 0;
1407
- }
1408
- .input-prepend.input-append .add-on:first-child,
1409
- .input-prepend.input-append .btn:first-child {
1410
- margin-right: -1px;
1411
- -webkit-border-radius: 3px 0 0 3px;
1412
- -moz-border-radius: 3px 0 0 3px;
1413
- border-radius: 3px 0 0 3px;
1414
- }
1415
- .input-prepend.input-append .add-on:last-child,
1416
- .input-prepend.input-append .btn:last-child {
1417
- margin-left: -1px;
1418
- -webkit-border-radius: 0 3px 3px 0;
1419
- -moz-border-radius: 0 3px 3px 0;
1420
- border-radius: 0 3px 3px 0;
1421
- }
1422
- .search-query {
1423
- padding-right: 14px;
1424
- padding-right: 4px \9;
1425
- padding-left: 14px;
1426
- padding-left: 4px \9;
1427
- /* IE7-8 doesn't have border-radius, so don't indent the padding */
1428
-
1429
- margin-bottom: 0;
1430
- -webkit-border-radius: 14px;
1431
- -moz-border-radius: 14px;
1432
- border-radius: 14px;
1433
- }
1434
- .form-search input,
1435
- .form-inline input,
1436
- .form-horizontal input,
1437
- .form-search textarea,
1438
- .form-inline textarea,
1439
- .form-horizontal textarea,
1440
- .form-search select,
1441
- .form-inline select,
1442
- .form-horizontal select,
1443
- .form-search .help-inline,
1444
- .form-inline .help-inline,
1445
- .form-horizontal .help-inline,
1446
- .form-search .uneditable-input,
1447
- .form-inline .uneditable-input,
1448
- .form-horizontal .uneditable-input,
1449
- .form-search .input-prepend,
1450
- .form-inline .input-prepend,
1451
- .form-horizontal .input-prepend,
1452
- .form-search .input-append,
1453
- .form-inline .input-append,
1454
- .form-horizontal .input-append {
1455
- display: inline-block;
1456
- *display: inline;
1457
- /* IE7 inline-block hack */
1458
-
1459
- *zoom: 1;
1460
- margin-bottom: 0;
1461
- }
1462
- .form-search .hide,
1463
- .form-inline .hide,
1464
- .form-horizontal .hide {
1465
- display: none;
1466
- }
1467
- .form-search label,
1468
- .form-inline label {
1469
- display: inline-block;
1470
- }
1471
- .form-search .input-append,
1472
- .form-inline .input-append,
1473
- .form-search .input-prepend,
1474
- .form-inline .input-prepend {
1475
- margin-bottom: 0;
1476
- }
1477
- .form-search .radio,
1478
- .form-search .checkbox,
1479
- .form-inline .radio,
1480
- .form-inline .checkbox {
1481
- padding-left: 0;
1482
- margin-bottom: 0;
1483
- vertical-align: middle;
1484
- }
1485
- .form-search .radio input[type="radio"],
1486
- .form-search .checkbox input[type="checkbox"],
1487
- .form-inline .radio input[type="radio"],
1488
- .form-inline .checkbox input[type="checkbox"] {
1489
- float: left;
1490
- margin-right: 3px;
1491
- margin-left: 0;
1492
- }
1493
- .control-group {
1494
- margin-bottom: 9px;
1495
- }
1496
- legend + .control-group {
1497
- margin-top: 18px;
1498
- -webkit-margin-top-collapse: separate;
1499
- }
1500
- .form-horizontal .control-group {
1501
- margin-bottom: 18px;
1502
- *zoom: 1;
1503
- }
1504
- .form-horizontal .control-group:before,
1505
- .form-horizontal .control-group:after {
1506
- display: table;
1507
- content: "";
1508
- }
1509
- .form-horizontal .control-group:after {
1510
- clear: both;
1511
- }
1512
- .form-horizontal .control-label {
1513
- float: left;
1514
- width: 140px;
1515
- padding-top: 5px;
1516
- text-align: right;
1517
- }
1518
- .form-horizontal .controls {
1519
- *display: inline-block;
1520
- *padding-left: 20px;
1521
- margin-left: 160px;
1522
- *margin-left: 0;
1523
- }
1524
- .form-horizontal .controls:first-child {
1525
- *padding-left: 160px;
1526
- }
1527
- .form-horizontal .help-block {
1528
- margin-top: 9px;
1529
- margin-bottom: 0;
1530
- }
1531
- .form-horizontal .form-actions {
1532
- padding-left: 160px;
1533
- }
1534
- .well {
1535
- min-height: 20px;
1536
- padding: 19px;
1537
- margin-bottom: 20px;
1538
- background-color: #f5f5f5;
1539
- border: 1px solid #eee;
1540
- border: 1px solid rgba(0, 0, 0, 0.05);
1541
- -webkit-border-radius: 4px;
1542
- -moz-border-radius: 4px;
1543
- border-radius: 4px;
1544
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1545
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1546
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1547
- }
1548
- .well blockquote {
1549
- border-color: #ddd;
1550
- border-color: rgba(0, 0, 0, 0.15);
1551
- }
1552
- .well-large {
1553
- padding: 24px;
1554
- -webkit-border-radius: 6px;
1555
- -moz-border-radius: 6px;
1556
- border-radius: 6px;
1557
- }
1558
- .well-small {
1559
- padding: 9px;
1560
- -webkit-border-radius: 3px;
1561
- -moz-border-radius: 3px;
1562
- border-radius: 3px;
1563
- }
1564
- .alert {
1565
- padding: 8px 35px 8px 14px;
1566
- margin-bottom: 18px;
1567
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1568
- background-color: #fcf8e3;
1569
- border: 1px solid #fbeed5;
1570
- -webkit-border-radius: 4px;
1571
- -moz-border-radius: 4px;
1572
- border-radius: 4px;
1573
- color: #c09853;
1574
- }
1575
- .alert-heading {
1576
- color: inherit;
1577
- }
1578
- .alert .close {
1579
- position: relative;
1580
- top: -2px;
1581
- right: -21px;
1582
- line-height: 18px;
1583
- }
1584
- .alert-success {
1585
- background-color: #dff0d8;
1586
- border-color: #d6e9c6;
1587
- color: #468847;
1588
- }
1589
- .alert-danger,
1590
- .alert-error {
1591
- background-color: #f2dede;
1592
- border-color: #eed3d7;
1593
- color: #b94a48;
1594
- }
1595
- .alert-info {
1596
- background-color: #d9edf7;
1597
- border-color: #bce8f1;
1598
- color: #3a87ad;
1599
- }
1600
- .alert-block {
1601
- padding-top: 14px;
1602
- padding-bottom: 14px;
1603
- }
1604
- .alert-block > p,
1605
- .alert-block > ul {
1606
- margin-bottom: 0;
1607
- }
1608
- .alert-block p + p {
1609
- margin-top: 5px;
1610
- }
1611
- .close {
1612
- float: right;
1613
- font-size: 20px;
1614
- font-weight: bold;
1615
- line-height: 18px;
1616
- color: #000000;
1617
- text-shadow: 0 1px 0 #ffffff;
1618
- opacity: 0.2;
1619
- filter: alpha(opacity=20);
1620
- }
1621
- .close:hover {
1622
- color: #000000;
1623
- text-decoration: none;
1624
- cursor: pointer;
1625
- opacity: 0.4;
1626
- filter: alpha(opacity=40);
1627
- }
1628
- button.close {
1629
- padding: 0;
1630
- cursor: pointer;
1631
- background: transparent;
1632
- border: 0;
1633
- -webkit-appearance: none;
1634
- }
1635
- .well input {
1636
- margin-top: -4px;
1637
- }
1638
- .the_role {
1639
- width: 910px;
1640
- margin: auto;
1641
- margin-top: 10px;
1642
- }
1643
- .the_role h3 {
1644
- margin-botoom: 0;
1645
- }
1646
- .sidebar,
1647
- .content {
1648
- padding: 15px;
1649
- }
1650
- .sidebar p {
1651
- font-size: 1.5em;
1652
- margin-bottom: 10px;
1653
- }
1654
- .sidebar p .delete {
1655
- color: red;
1656
- margin-left: 10px;
1657
- }
1658
- .sidebar p.new {
1659
- padding-top: 10px;
1660
- }
1661
- .sidebar p.new a {
1662
- border-radius: 3px;
1663
- color: black;
1664
- padding: 3px 10px;
1665
- background: LightGreen;
1666
- }
1667
- .sidebar p.new a:hover {
1668
- color: white;
1669
- padding: 3px 10px;
1670
- background: Green;
1671
- }
1672
- .content .well {
1673
- padding: 15px;
1674
- padding-bottom: 5px;
1675
- margin-bottom: 10px;
1676
- }
1677
- .content .description {
1678
- font-size: 1.5em;
1679
- }
1680
- .btn-group ul.dropdown-menu li.alert-success {
1681
- margin-bottom: 3px;
1682
- }
1683
- .btn-group ul.dropdown-menu li.error a {
1684
- color: #b94a48;
1685
- }
1686
- .btn-group ul.dropdown-menu li.error a:hover {
1687
- color: #ffffff;
1688
- background: #bd362f;
1689
- }
1690
- .crusty {
1691
- border: 1px solid LightBlue;
1692
- margin-top: 15px;
1693
- margin-bottom: 30px;
1694
- padding: 10px;
1695
- }
1696
- .crusty .row [class*="span"] {
1697
- background: #ffffff;
1698
- }
1699
- .dropdown-menu a {
1700
- font-size: 1.3em;
1701
- }
1702
- .section {
1703
- position: relative;
1704
- margin-bottom: 15px;
1705
- padding-bottom: 15px;
1706
- border-bottom: 1px solid Gray;
1707
- }
1708
- .section h3 {
1709
- color: #222222;
1710
- padding: 10px;
1711
- border-radius: 3px;
1712
- background: #a7dded;
1713
- }
1714
- .section .delete {
1715
- position: absolute;
1716
- top: 8px;
1717
- right: 5px;
1718
- }
1719
- .section .rule {
1720
- background: red;
1721
- position: relative;
1722
- padding: 7px;
1723
- border-radius: 3px;
1724
- margin-bottom: 10px;
1725
- background: #f9f9f9;
1726
- }
1727
- .section .rule h4 {
1728
- margin-bottom: 0;
1729
- padding-left: 20px;
1730
- }
1731
- .section .rule .controls {
1732
- position: absolute;
1733
- top: 2px;
1734
- right: 0;
1735
- }
1736
- .section .rule:hover {
1737
- cursor: pointer;
1738
- background: #d3d3d3;
1739
- }