1 @import "../less/bootstrap.less";
2 @import "../less/django_forms.less";
3 @import "../less/tables.less";
4 @import "../less/xtra.less";
10 -moz-box-sizing: border-box;
11 -webkit-box-sizing: border-box;
12 box-sizing: border-box;
13 *behavior: url(boxsizing.htc);
16 .clearme { .clearfix() }
18 @verticalSpacing: @gridGutterWidth/1.5;
26 background-color: @shadowColor;
29 padding: @verticalSpacing/2-5;
35 text-decoration: none;
39 padding: @verticalSpacing/2+1;
42 background-color: lighten(@black, 10%);
51 // default link styles
52 section a, p a, form a, .section a, .styledlinks a, a.styled {
54 text-decoration: none;
55 border-bottom: 1px solid @linkColor;
85 border-right: 1px solid @mainBorderColor;
86 border-left: 1px solid @mainBorderColor;
90 display: none !important;
94 .container, .topbar, .footer {
97 padding: 0 @siteWhiteSpace;
101 padding-bottom: @siteWhiteSpace;
102 background-color: @white;
111 margin-top: 2.5*@verticalSpacing;
112 margin-bottom: @verticalSpacing;
117 border-bottom: 1px solid @shadowColor;
131 border-bottom: 1px solid @mainBorderColor;
132 border-top: 1px solid lighten(@mainBorderColor, 15%);
133 padding-top: @verticalSpacing;
134 padding-bottom: @verticalSpacing;
149 top: -2.6*@verticalSpacing;
169 margin-bottom: -@verticalSpacing;
171 margin-top: 0.4*@verticalSpacing;
177 margin-top: 2*@verticalSpacing;
182 /*border-bottom: 1px solid @linkColor;*/
189 text-decoration: none;
192 border-bottom: 1px solid @linkColor;
196 border-bottom: 1px solid @linkColor;
218 margin-top: 5*@verticalSpacing;
248 .content-bottom { position: relative; .clearfix(); }
257 background-color: @blue;
268 input[type=text], input[type=password] {
269 width: 3*@gridColumnWidth + 4*@gridGutterWidth + 5;
273 /* generic form styles */
274 input, textarea, .form-widget {
275 background-color: @white;
277 border-color: @black;
283 border: 1px solid @gray;
285 display: inline-block;
292 border: 1px solid #000;
303 background-color: @altColor !important;
306 background-color: @linkColor !important;
337 margin-bottom: @verticalSpacing;
345 margin-bottom: 3*@verticalSpacing;
358 vertical-align: middle;
363 input[readonly=true] {
364 background-color: #ddd;
365 color: darken(#ddd, 50%);
370 width: 3*@gridColumnWidth + 2*@gridGutterWidth;
376 input[type=text], input[type=password], textarea {
377 width: 3*@gridColumnWidth + 2*@gridGutterWidth;
380 width: 3*@gridColumnWidth + 2*@gridGutterWidth;
388 margin-bottom: 0.2*@gridColumnWidth;
395 background-repeat: no-repeat;
396 background-position: 15px 50%;
402 padding-bottom: 0 !important;
403 background-image: none !important;
408 @errorColor: lighten(@red, 30%);
413 margin-bottom: 1.5*@verticalSpacing;
418 margin-bottom: @verticalSpacing;
427 min-height: 2*@verticalSpacing;
430 margin-top: 1.5*@verticalSpacing;
435 text-decoration: none;
447 &.innerlabels label {
458 textarea, input.text, input[type="text"], input[type="password"] {
462 input.submit, input[type="submit"] {
469 width: 350px !important;
472 input, textarea, select {
482 background-color: @red;
492 margin-bottom: 1.3em;
503 background-image: url("../images/dashed_border.png");
504 background-repeat: repeat-x;
505 background-position: left bottom;
506 padding-bottom: 2*@verticalSpacing;
507 margin-bottom: 2*@verticalSpacing;
515 margin-bottom: 1.5*@verticalSpacing;
527 margin-bottom: 1.5*@verticalSpacing;
535 margin-bottom: 1*@verticalSpacing;
545 background-color: #ddd;
551 &.success { background-color: @green; color: @white }
552 &.error { background-color: @red; color: @white }
553 &.warning { background-color: @yellow; color: @black }
558 // accounts specific styles
585 color: lighten(@gray, 20%);
591 color: @gray !important;
593 color: @gray !important;
598 color: lighten(@gray, 20%);
599 text-decoration: none;
602 color: #000 !important;
607 margin-bottom: @verticalSpacing/2;
610 margin-bottom: @verticalSpacing;
616 &:last-child, &.last {
622 .top.row, .last.row {
630 margin-left: 0 !important;
650 &:last-child, &.last {
662 display: inline !important;
676 margin-bottom: 2*@verticalSpacing;
686 border: 1px solid @gray;
690 .intro-content, .content {
691 margin-top: @verticalSpacing;
694 margin: @verticalSpacing 0;
700 margin-top: @verticalSpacing;
706 margin-bottom: @verticalSpacing;
711 .section.twitter-feed {
715 &:last-child { margin-bottom:0; padding-bottom:0; border-bottom: none }
718 margin-bottom: @verticalSpacing;
725 text-decoration: none !important;
765 ul li { float: left; }
767 margin-bottom: @verticalSpacing/2;
771 text-decoration: none;
773 margin-right: @gridGutterWidth;
779 margin-top: 4*@verticalSpacing;
784 padding: 2*@verticalSpacing;
786 border: 1px solid @resCol;
787 height: 12*@verticalSpacing;
799 #recaptcha_widget_div {
803 #recaptcha_instructions_image {
806 display: block !important;
814 .checkbox-widget.checked {
815 background-color: #f00;
816 background-image: url("../images/checkbox.png");
817 background-position: 50% 50%;
821 border: 1px solid @gray;
827 margin-top: @verticalSpacing/2 - 2;