clockwerk-www – Blame information for rev 57

Subversion Repositories:
Rev:
Rev Author Line No. Line
57 vero 1 /* default-dark-gray */
9 vero 2 @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
57 vero 3  
4 html {
5 height: 100%;
6 }
7 body {
8 font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;
9 background-color:#ebebeb;
10 }
11 form {
12 background-color:#fbfcd3;
13 }
14 h1 {
15 font:normal small-caps normal 22pt 'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;
16 }
17 .center {
18 text-align: center;
19 }
20 .dark-grey{
21 margin:0 auto;
22 }
23 .dark-grey>div,
24 .dark-grey>.title{
25 margin: 8px;
26 }
27 .dark-grey .error-field .required{
28 color:#FF9999;
29 }
30 .dark-grey .error-field input,
31 .dark-grey .error-field input[type=text],
32 .dark-grey .error-field input[type=password],
33 .dark-grey .error-field input[type=email],
34 .dark-grey .error-field input[type=url],
35 .dark-grey .error-field input[type=date],
36 .dark-grey .error-field input[type=number],
37 .dark-grey .error-field textarea{
38 border-color:#D893A1;
39 background-color: #FBE6F2;
40 }
41 .dark-grey label.error{
42 display:inline-block;
43 font-size:0.9em;
44 }
45 .dark-grey .error,
46 .dark-grey .error #recaptcha_widget_div{
47 padding: 3px 14px;
48 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
49 background-color: #fcf8e3;
50 border: 1px solid #fbeed5;
51 -webkit-border-radius: 4px;
52 -moz-border-radius: 4px;
53 border-radius: 4px;
54  
55 color: #b94a48;
56 background-color: #f2dede;
57 border-color: #eed3d7;
58 color: #c09853;
59 }
60 .dark-grey .error h4 {
61 color: #b94a48;
62 margin: 0;
63 }
64  
65 .dark-grey .error .close {
66 position: relative;
67 top: -2px;
68 right: -21px;
69 line-height: 20px;
70 }
71 .dark-grey .column{
72 float:left;
73 }
74 /* width = parseInt(100/columns.length)*/
75 .dark-grey .column1{ width:100%;}
76 .dark-grey .column2{ width:50%; }
77 .dark-grey .column3{ width:33%; }
78 .dark-grey .column4{ width:25%; }
79 .dark-grey .column5{ width:20%; }
80  
81 .dark-grey .large{
82 width: 100%;
83 }
84 .dark-grey .medium{
85 width: 50%;
86 }
87 .dark-grey .small{
88 width: 25%;
89 }
90  
91 .dark-grey textarea.large{
92 width: 100%;
93 height: 20em;
94 }
95 .dark-grey textarea.medium{
96 width: 100%;
97 height: 10em;
98 }
99 .dark-grey textarea.small{
100 width: 100%;
101 height: 5.5em;
102 }
103  
104 .frmd {
105 display:none;
106 }
107  
108 .clearfix:before,
109 .clearfix:after {
110 display: table;
111 line-height: 0;
112 content: "";
113 }
114  
115 .blurBg,
116 .blurBg-true {
117 background-attachment: fixed;
118 background-image: -webkit-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
119 -webkit-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
120 -webkit-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
121 -webkit-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
122 -webkit-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
123 -webkit-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
124 -webkit-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
125  
126 background-image: -moz-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
127 -moz-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
128 -moz-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
129 -moz-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
130 -moz-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
131 -moz-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
132 -moz-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
133  
134 background-image: -ms-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
135 -ms-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
136 -ms-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
137 -ms-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
138 -ms-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
139 -ms-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
140 -ms-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
141 }
142  
143 #formoid-info {
144 display: block;
145 width: 400px;
146 margin: 0 auto;
147 padding: 10px;
148 text-align: center;
149 color: #c09853;
150 font-size: 12px;
151 max-width: 100%;
152 }
153  
33 zed 154 @font-face {
9 vero 155 font-family: formoid;
32 zed 156 src:url('lib/formoid.eot');
157 src:url('lib/formoid.eot?#iefix') format('embedded-opentype'),
158 url('lib/formoid.ttf') format('truetype'),
159 url('lib/formoid.woff') format('woff'),
160 url('lib/formoid.svg#formoid') format('svg');
9 vero 161 font-weight: normal;
162 font-style: normal;
163 }
164  
17 vero 165 .dark-grey{
9 vero 166 -webkit-border-radius: 4px;
167 -moz-border-radius: 4px;
168 border-radius: 4px;
169 }
17 vero 170 .dark-grey,
171 .dark-grey select,
172 .dark-grey input[type=button],
173 .dark-grey .btn,
174 .dark-grey input[type=submit] ,
175 .dark-grey .element-file .button{
9 vero 176 color: inherit;
177 padding: 5px;
178 }
17 vero 179 .dark-grey h2 {
9 vero 180 margin: 0.2em 0;
181 }
182  
17 vero 183 .dark-grey label {
9 vero 184 display: block;
185 font-size: 1em;
186 margin-bottom: 3px;
187 clear: both;
188 }
189  
17 vero 190 .dark-grey div, .dark-grey span, .dark-grey label, .dark-grey input, .dark-grey textarea, .dark-grey select, .dark-grey button, .dark-grey ul, .dark-grey li, .dark-grey a{
9 vero 191 font-family: inherit;
192 color: inherit;
193 }
194 /* Global Declaration */
195  
196 /*
197  
198 CORE FUNCTIONALITY
199  
200 Not advised to edit stuff below this line
201 -----------------------------------------------------
202 */
203  
17 vero 204 .dark-grey .btn{
9 vero 205 display: -moz-inline-box;
206 display: inline-block;
207 vertical-align: middle;
208 }
209  
210 /* Button & submit*/
17 vero 211 .dark-grey select,
212 .dark-grey input[type=button],
213 .dark-grey .btn,
214 .dark-grey input[type=submit],
215 .dark-grey .element-file .button{
9 vero 216 display: -moz-inline-box;
217 display: inline-block;
218 padding: 4px 12px;
219 text-align: center;
220 font-size: 1em;
221 padding: 6px 2%;
222 font-family:inherit;
30 vero 223 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
9 vero 224 vertical-align: middle;
225 cursor: pointer;
226 border: 1px solid #bbbbbb;
227 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
228 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
229 border-bottom-color: #a2a2a2;
230 -webkit-border-radius: 4px;
231 -moz-border-radius: 4px;
232 border-radius: 4px;
233 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
234 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
235 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
236 outline: 0 none;
237 }
17 vero 238 .dark-grey .element-file .button{
9 vero 239 -webkit-border-radius: 0 4px 4px 0;
240 -moz-border-radius: 0 4px 4px 0;
241 border-radius: 0 4px 4px 0;
242 }
17 vero 243 .dark-grey select,
244 .dark-grey .btn,
245 .dark-grey .element-file .button{
9 vero 246 background-color: #f5f5f5;
247 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
248 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
249 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
250 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
57 vero 251 background-image: linear-gradient(#ffffff, #e6e6e6);
9 vero 252 background-repeat: repeat-x;
253 }
17 vero 254 .dark-grey select{
9 vero 255 text-align: left;
256 width: 100%;
257 }
258  
17 vero 259 .dark-grey select:hover,
260 .dark-grey input[type=button]:hover,
261 .dark-grey .btn:hover,
262 .dark-grey input[type=button]:active,
263 .dark-grey input[type=button][disabled]{
9 vero 264 background-color: #e6e6e6;
265 }
266  
17 vero 267 .dark-grey select:active,
268 .dark-grey .btn:active,
269 .dark-grey input[type=button]:active{
9 vero 270 background-color: #cccccc;
271 }
272  
17 vero 273 .dark-grey select:hover,
274 .dark-grey .btn:hover,
275 .dark-grey input[type=button]:hover {
9 vero 276 text-decoration: none;
277 background-position: 0 -15px;
278 -webkit-transition: background-position 0.1s linear;
279 -moz-transition: background-position 0.1s linear;
280 -o-transition: background-position 0.1s linear;
281 transition: background-position 0.1s linear;
282 }
283  
17 vero 284 .dark-grey select:active,
285 .dark-grey .btn:active,
286 .dark-grey input[type=button]:active {
9 vero 287 background-image: none;
288 outline: 0;
289 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
290 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
291 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
292 }
293  
17 vero 294 .dark-grey .btn[disabled],
295 .dark-grey input[type=button][disabled] {
9 vero 296 cursor: default;
297 background-image: none;
298 opacity: 0.65;
299 -webkit-box-shadow: none;
300 -moz-box-shadow: none;
301 box-shadow: none;
302 }
303  
17 vero 304 .dark-grey input[type=submit],
305 .dark-grey .element-file .button {
9 vero 306 font-size: 1em;
307 font-family: inherit;
308 color: #ffffff;
309 }
310  
17 vero 311 .dark-grey input[type=submit]:hover,
312 .dark-grey .element-file .button:hover {
9 vero 313 color: #ffffff;
314 text-decoration: none;
315 background-position: 0 -15px;
316 -webkit-transition: background-position 0.1s linear;
317 -moz-transition: background-position 0.1s linear;
318 -o-transition: background-position 0.1s linear;
319 transition: background-position 0.1s linear;
320 }
321  
17 vero 322 .dark-grey input[type=submit]:active,
323 .dark-grey input[type=submit][disabled],
324 .dark-grey .element-file .button:active,
325 .dark-grey .element-file .button[disabled] {
9 vero 326 background-image: none;
327 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
328 outline: 0 none;
329 }
330  
331 /* Radio & checkbox */
17 vero 332 .dark-grey div.element-checkbox,
333 .dark-grey div.element-radio{
9 vero 334 overflow:hidden;
335 }
336 /* clearfix */
17 vero 337 .dark-grey div.element-checkbox:after,
338 .dark-grey div.element-radio:after {
9 vero 339 content: ".";
340 display: block;
341 height: 0;
342 clear: both;
343 visibility: hidden;
344 }
345  
17 vero 346 .dark-grey input[type=checkbox],
347 .dark-grey input[type=radio]{
9 vero 348 z-index:1;
349 position: absolute;
350 float: left;
351 width: 1em;
352 height: 1.3em;
353 font-size: 1em;
354 opacity: 0.01;
355 margin: 0;
356 cursor: pointer;
357 }
358  
17 vero 359 .dark-grey input[type=radio]+span,
360 .dark-grey input[type=checkbox]+span{
9 vero 361 height: 19px;
362 margin-right:-19px;
363 padding-top: 0;
364 z-index:0;
365 position: relative;
366 left: 0;
367 top: 0;
368 vertical-align:top;
369 line-height: 1.4;
370 }
17 vero 371 .dark-grey input[type=radio]+span:before,
372 .dark-grey input[type=checkbox]+span:before{
9 vero 373 font-family: formoid;
374 color: transparent;
375 text-align: center;
376 vertical-align: top;
377 margin-right: 0.4em;
378  
379 border: 1px solid #BCBCBC;
380  
381 background-color: #fff;
382  
383 background: -moz-linear-gradient(top,#fff,#E3E3E3);
384 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E3E3E3));
57 vero 385 background: linear-gradient(#fff,#E3E3E3);
9 vero 386  
387 background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box;
388 background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box;
389  
390 -webkit-font-smoothing: antialiased;
391 -moz-osx-font-smoothing: grayscale;
392 }
57 vero 393  
9 vero 394 /* checkbox */
17 vero 395 .dark-grey input[type=checkbox]+span:before{
9 vero 396 content: "\e004";
397 font-size: 0.8em;
398 padding: 0.1em;
399 line-height: 1.8;
400  
401 -webkit-border-radius:0.3em;
402 -moz-border-radius:0.3em;
403 border-radius:0.3em;
404 }
17 vero 405 .dark-grey input[type=checkbox]:hover+span:before{
9 vero 406 box-shadow: 0 0 2px 2px #F1F1F1;
407 }
17 vero 408 .dark-grey input[type=checkbox]:checked+span:before{
9 vero 409 color: #616161;
410 }
411  
412 /* radio */
17 vero 413 .dark-grey input[type=radio]+span:before{
9 vero 414 font-family: formoid;
415 content: "\e005";
416 font-size: 1.1em;
417 line-height: 1.35;
418 padding: 0;
419  
420 -webkit-border-radius: 50%;
421 -moz-border-radius: 50%;
422 border-radius: 50%;
423 }
17 vero 424 .dark-grey input[type=radio]:hover+span:before{
9 vero 425 box-shadow: 0 0 2px 2px #F1F1F1;
426 }
17 vero 427 .dark-grey input[type=radio]:checked+span:before{
9 vero 428 color: #616161;
429 }
430  
431  
17 vero 432 .dark-grey input[type=text],
433 .dark-grey input[type=password],
434 .dark-grey input[type=email],
435 .dark-grey input[type=url],
436 .dark-grey input[type=number],
437 .dark-grey input[type=date],
438 .dark-grey .element-file .file_text,
439 .dark-grey textarea {
9 vero 440 padding: 6px 2%;
441 /*margin-left:-1px;*/
442 font-family:inherit;
443 font-size: 1em;
444 font-weight: normal;
445 /*padding: 6px;*/
446 /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
447 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */
448 /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
449 background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */
450 background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
451 background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */
57 vero 452 background-image: linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
9 vero 453 border-top: solid 1px #aaa;
454 border-left: solid 1px #aaa;
455 border-bottom: solid 1px #ccc;
456 border-right: solid 1px #ccc;
457 -webkit-border-radius: 3px;
458 -moz-border-radius: 3px;
459 border-radius: 3px;
460 outline: 0;
461  
462 -webkit-box-sizing: border-box;
463 -moz-box-sizing: border-box;
464 -o-box-sizing: border-box;
465 box-sizing: border-box;
466 }
17 vero 467 .dark-grey .element-address input[type=text],
468 .dark-grey .element-name input[type=text],
469 .dark-grey .element-file .file_text,
470 .dark-grey textarea{
9 vero 471 width: 100%;
472 }
473  
474 /* prevent conflicts with bootstrap */
17 vero 475 .dark-grey .dropdown-menu input[type=checkbox]{
9 vero 476 display:none;
477 }
478  
479 /* NAME last first */
17 vero 480 .dark-grey .element-name .nameFirst{
9 vero 481 width: 40%;
482 left: 0;
483 display: inline-block;
484 margin-right: 5%;
485 vertical-align: top;
486 }
17 vero 487 .dark-grey .element-name .nameLast{
9 vero 488 width: 55%;
489 display: inline-block;
490 vertical-align: top;
491 }
492  
493 /* ADDRESS */
17 vero 494 .dark-grey .element-address .city,
495 .dark-grey .element-address .zip{
9 vero 496 width: 47%;
497 display: inline-block;
498 vertical-align: top;
499 margin-right: 6%;
500 }
17 vero 501 .dark-grey .element-address .state,
502 .dark-grey .element-address .country{
9 vero 503 width: 47%;
504 display: inline-block;
505 vertical-align: top;
506 }
17 vero 507 .dark-grey .element-address .country select{
9 vero 508 cursor: pointer;
509 }
17 vero 510 .dark-grey .element-address label,
511 .dark-grey .element-name label{
9 vero 512 font-size: 0.8em;
513 }
17 vero 514 .dark-grey .element-address label.title,
515 .dark-grey .element-name label.title{
9 vero 516 font-size: 1em;
517 }
518  
519  
520 /* type number */
17 vero 521 .dark-grey input[type=number]::-webkit-inner-spin-button,
522 .dark-grey input[type=number]::-webkit-outer-spin-button{
9 vero 523 -webkit-appearance: none;
524 }
525  
526 /* File input */
17 vero 527 .dark-grey .element-file label{
9 vero 528 position: relative;
529 }
17 vero 530 .dark-grey .element-file .title{
9 vero 531 position: static;
532 }
17 vero 533 .dark-grey .element-file .button{
9 vero 534 z-index: 1;
535 position: absolute;
536 right: -2px;
537 }
17 vero 538 .dark-grey .element-file .file_text{
9 vero 539 right: 0;
540 overflow: hidden;
541 cursor: pointer;
542 background-color: #fff;
543 }
17 vero 544 .dark-grey .element-file .file_text:before{
9 vero 545 content: "_";
546 opacity: 0;
547 }
17 vero 548 .dark-grey .element-file .file_input {
9 vero 549 position: absolute;
550 top: 0;
551 right: 0;
552 bottom: 0;
553 padding: 0;
554 cursor: pointer;
555 opacity: 0;
556 width: 100%;
557 }
17 vero 558 * html .dark-grey .element-file .file_input,
559 *+html .dark-grey .element-file .file_input{
9 vero 560 position: relative;
561 left: auto;
562 right: auto;
563 top: auto;
564 bottom: auto;
565 width: auto;
566 opacity: 1;
567 }
17 vero 568 * html .dark-grey .element-file .button,
569 *+html .dark-grey .element-file .button{
9 vero 570 display: none;
571 }
17 vero 572 * html .dark-grey .element-file label,
573 *+html .dark-grey .element-file label,
574 * html .dark-grey .element-file .file_text,
575 *+html .dark-grey .element-file .file_text{
9 vero 576 border: none;
577 }
17 vero 578 * html .dark-grey .element-file .title,
579 *+html .dark-grey .element-file .title{
9 vero 580 display: block;
581 }
582  
583  
584 @media all and (max-width:400px){
17 vero 585 .dark-grey .element-radio .column,
586 .dark-grey .element-checkbox .column,
587 .dark-grey .element-name .nameFirst,
588 .dark-grey .element-name .nameLast,
589 .dark-grey .element-address .city,
590 .dark-grey .element-address span.state,
591 .dark-grey .element-address .zip,
592 .dark-grey .element-address .country{
9 vero 593 width: 100%;
594 display: block;
595 margin-right: 0;
596 }
597 }/* bootstrap cutting */
598  
599 .btn:focus {
600 outline: thin dotted #333;
601 outline: 5px auto -webkit-focus-ring-color;
602 outline-offset: -2px;
603 }
604  
605 .btn-group {
606 position: relative;
607 display: inline-block;
608 white-space: nowrap;
609 vertical-align: middle;
610 }
611  
612 .btn-group .dropdown-toggle:active,
613 .btn-group.open .dropdown-toggle {
614 outline: 0;
615 }
616  
617 .caret {
618 display: inline-block;
619 width: 0;
620 height: 0;
621 vertical-align: top;
622 border-top: 4px solid #000000;
623 border-right: 4px solid transparent;
624 border-left: 4px solid transparent;
625 content: "";
626 }
627  
628 .btn .caret {
629 margin-top: 8px;
630 margin-left: 0;
631 }
632  
633 .dropdown-menu {
634 position: absolute;
635 top: 100%;
636 left: 0;
637 z-index: 1000;
638 display: none;
639 float: left;
640 min-width: 160px;
641 padding: 5px 0;
642 margin: 2px 0 0;
643 list-style: none;
644 background-color: #ffffff;
645 border: 1px solid rgba(0, 0, 0, 0.2);
646 -webkit-border-radius: 6px;
647 -moz-border-radius: 6px;
648 border-radius: 6px;
649 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
650 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
651 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
652 -webkit-background-clip: padding-box;
653 -moz-background-clip: padding;
654 background-clip: padding-box;
655 }
656  
657 .dropdown-menu.pull-right {
658 right: 0;
659 left: auto;
660 }
661  
662 .dropdown-menu .divider {
663 height: 1px;
664 margin: 9px 1px;
665 overflow: hidden;
666 background-color: #e5e5e5;
667 border-bottom: 1px solid #ffffff;
668 }
669  
670 .dropdown-menu li > a {
671 display: block;
672 padding: 3px 20px;
673 clear: both;
674 font-weight: normal;
675 white-space: nowrap;
676 text-decoration: none;
677 }
678  
679 .dropdown-menu li > a:hover,
680 .dropdown-menu li > a:focus,
57 vero 681 .dropdown-submenu:hover > a {
9 vero 682 color: #ffffff;
683 text-decoration: none;
684 }
57 vero 685  
686 .dropdown-menu li.selected > a {
9 vero 687 color: #ffffff;
688 text-decoration: none;
689 }
690  
691 .dropdown-menu .active > a,
692 .dropdown-menu .active > a:hover {
693 color: #ffffff;
694 text-decoration: none;
695 background-color: #0081c2;
696 background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
697 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
698 background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
699 background-image: -o-linear-gradient(top, #0088cc, #0077b3);
57 vero 700 background-image: linear-gradient(#0088cc, #0077b3);
9 vero 701 background-repeat: repeat-x;
702 outline: 0;
703 }
704  
705 .dropdown-menu .disabled > a,
706 .dropdown-menu .disabled > a:hover {
707 color: #999999;
708 }
709  
710 .dropdown-menu .disabled > a:hover {
711 text-decoration: none;
712 cursor: default;
713 background-color: transparent;
714 background-image: none;
715 }
716  
717 .open > .dropdown-menu {
718 display: block;
719 }
720  
721 .alert {
722 padding: 8px 35px 8px 14px;
723 margin-bottom: 20px;
724 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
725 background-color: #fcf8e3;
726 border: 1px solid #fbeed5;
727 -webkit-border-radius: 4px;
728 -moz-border-radius: 4px;
729 border-radius: 4px;
730 }
731  
732 .alert,
733 .alert h4 {
734 color: #c09853;
735 }
736  
737 .alert h4 {
738 margin: 0;
739 }
740  
741 .alert .close {
742 position: relative;
743 top: -2px;
744 right: -21px;
745 line-height: 20px;
746 }
747  
748  
749 .alert-success {
750 color: #468847;
751 background-color: #dff0d8;
752 border-color: #d6e9c6;
753 }
754  
755 .alert-success h4 {
756 color: #468847;
757 }
758  
759 .alert-error {
760 color: #b94a48;
761 background-color: #f2dede;
762 border-color: #eed3d7;
763 }
764  
765 .alert-info {
766 color: #3a87ad;
767 background-color: #d9edf7;
768 border-color: #bce8f1;
769 }
770  
771 .alert-info h4 {
772 color: #3a87ad;
773 }
774  
775  
776 .tooltip {
777 position: relative;
778 z-index: 30;
779 display: block;
780 padding: 5px;
781 font-size: 11px;
782 visibility: visible;
783 margin-left: 0;
784 }
785  
786 .tooltip.in {
787 opacity: 0.8;
788 }
789  
790 .tooltip.top {
791 margin-top: -3px;
792 }
793  
794 .tooltip.right {
795 margin-left: 3px;
796 }
797  
798 .tooltip.bottom {
799 margin-top: 4px;
800 }
801  
802 .tooltip.left {
803 margin-left: -3px;
804 }
805  
806 .tooltip-inner {
807 max-width: 200px;
808 padding: 3px 8px;
809 color: #ffffff;
810 text-align: center;
811 text-decoration: none;
812 background-color: #000000;
813 -webkit-border-radius: 4px;
814 -moz-border-radius: 4px;
815 border-radius: 4px;
816 }
817  
818 .tooltip-arrow {
819 position: absolute;
820 width: 0;
821 height: 0;
822 border-color: transparent;
823 border-style: solid;
824 }
825  
826 .tooltip.top .tooltip-arrow {
827 bottom: 0;
828 left: 50%;
829 margin-left: -5px;
830 border-top-color: #000000;
831 border-width: 5px 5px 0;
832 }
833  
834 .tooltip.right .tooltip-arrow {
835 top: 50%;
836 left: 0;
837 margin-top: -5px;
838 border-right-color: #000000;
839 border-width: 5px 5px 5px 0;
840 }
841  
842 .tooltip.left .tooltip-arrow {
843 top: 50%;
844 right: 0;
845 margin-top: -5px;
846 border-left-color: #000000;
847 border-width: 5px 0 5px 5px;
848 }
849  
850 .tooltip.bottom .tooltip-arrow {
851 top: -8px;
852 left: 17px;
853 margin-left: -8px;
854 border-bottom-color: #f2dede;
855 border-width: 0 8px 8px;
856 }
857 .hide {
858 display: none;
859 }
860  
861 /*!
862 * bootstrap-select v1.3.4
863 * http://silviomoreto.github.io/bootstrap-select/
864 *
865 * Copyright 2013 bootstrap-select
866 * Licensed under the MIT license
867 */
868  
869 .bootstrap-select.btn-group,
870 .bootstrap-select.btn-group[class*="span"] {
871 float: none;
872 display: inline-block;
873 margin-bottom: 0;
874 margin-left: 0;
875 }
876 .form-search .bootstrap-select.btn-group,
877 .form-inline .bootstrap-select.btn-group,
878 .form-horizontal .bootstrap-select.btn-group {
879 margin-bottom: 0;
880 }
881  
882 .bootstrap-select.btn-group.pull-right,
883 .bootstrap-select.btn-group[class*="span"].pull-right,
884 .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
885 float: right;
886 }
887  
888 .input-append .bootstrap-select.btn-group {
889 margin-left: -1px;
890 }
891  
892 .input-prepend .bootstrap-select.btn-group {
893 margin-right: -1px;
894 }
895  
896 .bootstrap-select:not([class*="span"]) {
897 width: 100%;
898 }
899  
900 .bootstrap-select {
901 width: 100%;
902 }
903  
904 .bootstrap-select > .btn {
905 width: 100%;
906 }
907  
908 .error .bootstrap-select .btn {
909 border: 1px solid #b94a48;
910 }
911  
912  
913 .dropdown-menu {
914 z-index: 2000;
915 }
916  
917 .bootstrap-select.show-menu-arrow.open > .btn {
918 z-index: 2051;
919 }
920  
921 .bootstrap-select .btn:focus {
922 outline: 0 none;
923 }
924  
925 .bootstrap-select.btn-group .btn .filter-option {
926 overflow: hidden;
927 position: absolute;
928 left: 12px;
929 right: 25px;
930 text-align: left;
931 }
932  
933 .bootstrap-select.btn-group .btn .caret {
934 position: absolute;
935 top: 50%;
936 right: 12px;
937 margin-top: -2px;
938 vertical-align: middle;
939 }
940  
941 .bootstrap-select.btn-group > .disabled,
942 .bootstrap-select.btn-group .dropdown-menu li.disabled > a {
943 cursor: not-allowed;
944 }
945  
946 .bootstrap-select.btn-group > .disabled:focus {
947 outline: none !important;
948 }
949  
950 .bootstrap-select.btn-group[class*="span"] .btn {
951 width: 100%;
952 }
953  
954 .bootstrap-select.btn-group .dropdown-menu {
955 min-width: 100%;
956 -moz-box-sizing: border-box;
957 -webkit-box-sizing: border-box;
958 box-sizing: border-box;
959 }
960  
961 .bootstrap-select.btn-group .dropdown-menu.inner {
962 position: static;
963 border: 0;
964 padding: 0;
965 margin: 0;
966 -webkit-border-radius: 0;
967 -moz-border-radius: 0;
968 border-radius: 0;
969 -webkit-box-shadow: none;
970 -moz-box-shadow: none;
971 box-shadow: none;
972 }
973  
974 .bootstrap-select.btn-group .dropdown-menu dt {
975 display: block;
976 padding: 3px 20px;
977 cursor: default;
978 }
979  
980 .bootstrap-select.btn-group .div-contain {
981 overflow: hidden;
982 }
983  
984 .bootstrap-select.btn-group .dropdown-menu li {
985 position: relative;
986 }
987  
988 .bootstrap-select.btn-group .dropdown-menu li > a.opt {
989 position: relative;
990 padding-left: 35px;
991 }
992  
993 .bootstrap-select.btn-group .dropdown-menu li > a {
994 cursor: pointer;
995 }
996  
997 .bootstrap-select.btn-group .dropdown-menu li > dt small {
998 font-weight: normal;
999 }
1000  
1001 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
1002 display: inline-block;
1003 position: absolute;
1004 right: 15px;
1005 margin-top: 2.5px;
1006 }
1007  
1008 .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
1009 display: none;
1010 }
1011  
1012 .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
1013 margin-right: 34px;
1014 }
1015  
1016 .bootstrap-select.btn-group .dropdown-menu li small {
1017 padding-left: 0.5em;
1018 }
1019  
1020 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
1021 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
1022 color: #64b1d8;
1023 color: rgba(255,255,255,0.4);
1024 }
1025  
1026 .bootstrap-select.btn-group .dropdown-menu li > dt small {
1027 font-weight: normal;
1028 }
1029  
1030 .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
1031 content: '';
1032 display: inline-block;
1033 border-left: 7px solid transparent;
1034 border-right: 7px solid transparent;
1035 border-bottom: 7px solid #CCC;
1036 border-bottom-color: rgba(0, 0, 0, 0.2);
1037 position: absolute;
1038 bottom: -4px;
1039 left: 9px;
1040 display: none;
1041 }
1042  
1043 .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
1044 content: '';
1045 display: inline-block;
1046 border-left: 6px solid transparent;
1047 border-right: 6px solid transparent;
1048 border-bottom: 6px solid white;
1049 position: absolute;
1050 bottom: -4px;
1051 left: 10px;
1052 display: none;
1053 }
1054  
1055 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
1056 bottom: auto;
1057 top: -3px;
1058 border-top: 7px solid #ccc;
1059 border-bottom: 0;
1060 border-top-color: rgba(0, 0, 0, 0.2);
1061 }
1062  
1063 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
1064 bottom: auto;
1065 top: -3px;
1066 border-top: 6px solid #ffffff;
1067 border-bottom: 0;
1068 }
1069  
1070 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
1071 right: 12px;
1072 left: auto;
1073 }
1074 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
1075 right: 13px;
1076 left: auto;
1077 }
1078  
1079 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
1080 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
1081 display: block;
1082 }
1083  
1084 .mobile-device {
1085 position: absolute;
1086 top: 0;
1087 left: 0;
1088 display: block !important;
1089 width: 100%;
1090 height: 100% !important;
1091 opacity: 0;
1092 }
1093  
1094 .bootstrap-select.fit-width {
1095 width: auto !important;
1096 }
1097  
1098 .bootstrap-select.btn-group.fit-width .btn .filter-option {
1099 position: static;
1100 }
1101  
1102 .bootstrap-select.btn-group.fit-width .btn .caret {
1103 position: static;
1104 top: auto;
1105 margin-top: -1px;
1106 }
1107  
1108 .control-group.error .bootstrap-select .dropdown-toggle{
1109 border-color: #b94a48;
1110 }
1111  
1112 .bootstrap-select-searchbox {
1113 padding: 4px 8px;
1114 }
1115 /*!
1116 * Datepicker for Bootstrap
1117 *
1118 * Copyright 2012 Stefan Petre
1119 * Licensed under the Apache License v2.0
1120 * http://www.apache.org/licenses/LICENSE-2.0
1121 *
1122 */
1123 .datepicker {
1124 width: 14em;
1125 font-size: 1em;
1126 position: absolute;
1127 background-color: #fff;
1128 color: #666666;
1129 top: 0;
1130 left: 0;
1131 padding: 4px;
1132 margin-top: 1px;
1133 -webkit-border-radius: 4px;
1134 -moz-border-radius: 4px;
1135 border-radius: 4px;
1136 border: 1px solid #ccc;
1137 display: none;
1138 z-index: 100;
1139 /*.dow {
1140 border-top: 1px solid #ddd !important;
1141 }*/
1142  
1143 }
1144 .datepicker:before {
1145 content: '';
1146 display: inline-block;
1147 border-left: 7px solid transparent;
1148 border-right: 7px solid transparent;
1149 border-bottom: 7px solid #ccc;
1150 border-bottom-color: rgba(0, 0, 0, 0.2);
1151 position: absolute;
1152 top: -7px;
1153 left: 6px;
1154 }
1155 .datepicker:after {
1156 content: '';
1157 display: inline-block;
1158 border-left: 6px solid transparent;
1159 border-right: 6px solid transparent;
1160 border-bottom: 6px solid #ffffff;
1161 position: absolute;
1162 top: -6px;
1163 left: 7px;
1164 }
1165 .datepicker > div {
1166 display: none;
1167 }
1168 .datepicker table {
1169 width: 100%;
1170 margin: 0;
1171 }
1172 .datepicker td,
1173 .datepicker th {
1174 text-align: center;
1175 width: 2.9em;
1176 -webkit-border-radius: 4px;
1177 -moz-border-radius: 4px;
1178 border-radius: 4px;
1179 }
1180 .datepicker td.day:hover {
1181 background: #eeeeee;
1182 cursor: pointer;
1183 }
1184 .datepicker td.day.disabled {
1185 color: #eeeeee;
1186 }
1187 .datepicker td.old,
1188 .datepicker td.new {
1189 color: #999999;
1190 }
1191 .datepicker td.active,
1192 .datepicker td.active:hover {
1193 color: #fff;
1194 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1195 }
1196 .datepicker td.active:hover,
1197 .datepicker td.active:hover:hover,
1198 .datepicker td.active:focus,
1199 .datepicker td.active:hover:focus,
1200 .datepicker td.active:active,
1201 .datepicker td.active:hover:active,
1202 .datepicker td.active.active,
1203 .datepicker td.active:hover.active,
1204 .datepicker td.active.disabled,
1205 .datepicker td.active:hover.disabled,
1206 .datepicker td.active[disabled],
1207 .datepicker td.active:hover[disabled] {
1208 color: #ffffff;
1209 }
57 vero 1210  
9 vero 1211 .datepicker td.active:active,
1212 .datepicker td.active:hover:active,
1213 .datepicker td.active.active,
1214 .datepicker td.active:hover.active {
57 vero 1215 background-color: #003399;
9 vero 1216 }
57 vero 1217  
9 vero 1218 .datepicker td span {
1219 display: block;
1220 width: 1.5em;
1221 height: 1.7em;
1222 line-height: 1.6;
1223 float: left;
1224 margin: 2px;
1225 cursor: pointer;
1226 -webkit-border-radius: 4px;
1227 -moz-border-radius: 4px;
1228 border-radius: 4px;
1229 }
57 vero 1230  
9 vero 1231 .datepicker .datepicker-months td span,
1232 .datepicker .datepicker-years td span {
1233 width: 3.5em;
1234 height: 3em;
1235 line-height: 3;
1236 }
1237 .datepicker td span:hover {
1238 background: #eeeeee;
1239 }
1240 .datepicker td span.active {
1241 color: #ffffff;
1242 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1243 }
1244 .datepicker td span.active:hover,
1245 .datepicker td span.active:focus,
1246 .datepicker td span.active:active,
1247 .datepicker td span.active.active,
1248 .datepicker td span.active.disabled,
1249 .datepicker td span.active[disabled] {
1250 color: #ffffff;
1251 }
1252 .datepicker td span.active:active,
1253 .datepicker td span.active.active {
57 vero 1254 background-color: #003399;
9 vero 1255 }
1256 .datepicker td span.old {
1257 color: #999999;
1258 }
1259 .datepicker thead tr:first-child th {
1260 cursor: pointer;
1261 }
1262 .datepicker thead tr:first-child th:hover {
1263 background: #eeeeee;
1264 }
1265 .input-append.date .add-on i,
1266 .input-prepend.date .add-on i {
1267 display: block;
1268 cursor: pointer;
1269 width: 16px;
1270 height: 16px;
17 vero 1271 }/* .dark-grey color scheme begin */
9 vero 1272  
17 vero 1273 .dark-grey input[type=submit],
1274 .dark-grey .element-file .button {
9 vero 1275 background-color: #222222;
1276 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1277 background-image: -moz-linear-gradient(top, #444444, #222222);
1278 background-image: -ms-linear-gradient(top, #444444, #222222);
1279 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1280 background-image: -webkit-linear-gradient(top, #444444, #222222);
1281 background-image: -o-linear-gradient(top, #444444, #222222);
57 vero 1282 background-image: linear-gradient(#444444, #222222);
9 vero 1283 background-repeat: repeat-x;
1284 }
17 vero 1285 .dark-grey input[type=submit]:hover,
1286 .dark-grey .element-file .button:hover {
9 vero 1287 background-color: #222222;
1288 }
17 vero 1289 .dark-grey input[type=submit]:active,
1290 .dark-grey input[type=submit][disabled],
1291 .dark-grey .element-file .button:active,
1292 .dark-grey .element-file .button[disabled]{
9 vero 1293 background-color: #222222;
1294 }
1295  
17 vero 1296 .dark-grey input[type=text]:focus,
1297 .dark-grey input[type=password]:focus,
1298 .dark-grey input[type=email]:focus,
1299 .dark-grey input[type=url]:focus,
1300 .dark-grey input[type=number]:focus,
1301 .dark-grey input[type=date]:focus,
1302 .dark-grey textarea:focus,
1303 .dark-grey .element-file .file_text:focus{
9 vero 1304 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1305 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1306 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1307 border-color: #222222;
1308 background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */
1309 background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
1310 background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */
57 vero 1311 background-image: linear-gradient(rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
9 vero 1312 transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
1313 }
1314  
1315 /* bootstrap */
1316 .dropdown-menu li > a:hover,
1317 .dropdown-menu li > a:focus,
1318 .dropdown-submenu:hover > a{
1319 background-color: #222222;
1320 background-image: -moz-linear-gradient(top, #444444, #222222);
1321 background-image: -ms-linear-gradient(top, #444444, #222222);
1322 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1323 background-image: -webkit-linear-gradient(top, #444444, #222222);
1324 background-image: -o-linear-gradient(top, #444444, #222222);
57 vero 1325 background-image: linear-gradient(#444444, #222222);
9 vero 1326 background-repeat: repeat-x;
1327 border-color: #1598d9 #1598d9 #007bb8 #1598d9;
1328 }
1329 .dropdown-menu li.selected > a{
1330 color: #ffffff;
1331 text-decoration: none;
1332 background-color: #222222;
1333 }
1334  
1335  
1336 /* datepicker */
1337 .datepicker td.active,
1338 .datepicker td.active:hover,
1339 .datepicker td span.active {
1340 background-color: #222222;
1341 background-image: -moz-linear-gradient(top, #444444, #222222);
1342 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1343 background-image: -webkit-linear-gradient(top, #444444, #222222);
1344 background-image: -o-linear-gradient(top, #444444, #222222);
57 vero 1345 background-image: linear-gradient(#444444, #222222);
9 vero 1346 background-repeat: repeat-x;
1347 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1348 }
57 vero 1349  
9 vero 1350 .datepicker td span.active:hover,
1351 .datepicker td span.active:focus,
1352 .datepicker td span.active:active,
1353 .datepicker td span.active.active,
1354 .datepicker td span.active.disabled,
1355 .datepicker td span.active[disabled],
1356 .datepicker td.active:hover,
1357 .datepicker td.active:hover:hover,
1358 .datepicker td.active:focus,
1359 .datepicker td.active:hover:focus,
1360 .datepicker td.active:active,
1361 .datepicker td.active:hover:active,
1362 .datepicker td.active.active,
1363 .datepicker td.active:hover.active,
1364 .datepicker td.active.disabled,
1365 .datepicker td.active:hover.disabled,
1366 .datepicker td.active[disabled],
57 vero 1367 .datepicker td.active:hover[disabled] {
9 vero 1368 background-color: #222222;
1369 }
1370  
17 vero 1371 /* .dark-grey color scheme end */