1 @import "../less/bootstrap.less";
2 @import "../less/django_forms.less";
3 @import "../less/tables.less";
4 @import "../less/xtra.less";
5 @import "../less/colorbox.less";
6 @import "../less/resources.less";
12 -moz-box-sizing: border-box;
13 -webkit-box-sizing: border-box;
14 box-sizing: border-box;
15 *behavior: url(boxsizing.htc);
18 .clearme { .clearfix() }
20 @verticalSpacing: @gridGutterWidth/1.5;
28 background-color: @shadowColor;
31 padding: @verticalSpacing/2-5;
37 text-decoration: none;
41 padding: @verticalSpacing/2+1;
44 background-color: lighten(@black, 10%);
53 // default link styles
54 section a, p a, form a, .section a, .styledlinks a, a.styled {
56 text-decoration: none;
57 border-bottom: 1px solid @linkColor;
87 border-right: 1px solid @mainBorderColor;
88 border-left: 1px solid @mainBorderColor;
92 display: none !important;
96 .container, .topbar, .footer {
99 padding: 0 @siteWhiteSpace;
103 padding-bottom: @siteWhiteSpace;
104 background-color: @white;
113 margin-top: 2.5*@verticalSpacing;
114 margin-bottom: @verticalSpacing;
119 border-bottom: 1px solid @shadowColor;
133 border-bottom: 1px solid @mainBorderColor;
134 border-top: 1px solid lighten(@mainBorderColor, 15%);
135 padding-top: @verticalSpacing;
136 padding-bottom: @verticalSpacing;
151 top: -2.6*@verticalSpacing;
171 margin-bottom: -@verticalSpacing;
173 margin-top: 0.4*@verticalSpacing;
179 margin-top: 2*@verticalSpacing;
184 /*border-bottom: 1px solid @linkColor;*/
191 text-decoration: none;
194 border-bottom: 1px solid @linkColor;
198 border-bottom: 1px solid @linkColor;
220 margin-top: 5*@verticalSpacing;
250 .content-bottom { position: relative; .clearfix(); }
259 background-color: @blue;
270 input[type=text], input[type=password] {
271 width: 3*@gridColumnWidth + 4*@gridGutterWidth + 5;
275 /* generic form styles */
276 input, textarea, .form-widget {
277 background-color: @white;
279 border-color: @black;
285 border: 1px solid @gray;
287 display: inline-block;
294 border: 1px solid #000;
305 background-color: @altColor !important;
308 background-color: @linkColor !important;
339 margin-bottom: @verticalSpacing;
347 margin-bottom: 3*@verticalSpacing;
360 vertical-align: middle;
365 input[readonly=true] {
366 background-color: #ddd;
367 color: darken(#ddd, 50%);
372 width: 3*@gridColumnWidth + 2*@gridGutterWidth;
378 input[type=text], input[type=password], textarea {
379 width: 3*@gridColumnWidth + 2*@gridGutterWidth;
382 width: 3*@gridColumnWidth + 2*@gridGutterWidth;
390 margin-bottom: 0.2*@gridColumnWidth;
397 background-repeat: no-repeat;
398 background-position: 15px 50%;
404 padding-bottom: 0 !important;
405 background-image: none !important;
410 @errorColor: lighten(@red, 30%);
415 margin-bottom: 1.5*@verticalSpacing;
420 margin-bottom: @verticalSpacing;
429 min-height: 2*@verticalSpacing;
432 margin-top: 1.5*@verticalSpacing;
437 text-decoration: none;
449 &.innerlabels label {
460 textarea, input.text, input[type="text"], input[type="password"] {
464 input.submit, input[type="submit"] {
471 width: 350px !important;
474 input, textarea, select {
484 background-color: @red;
494 margin-bottom: 1.3em;
505 background-image: url("../images/dashed_border.png");
506 background-repeat: repeat-x;
507 background-position: left bottom;
508 padding-bottom: 2*@verticalSpacing;
509 margin-bottom: 2*@verticalSpacing;
517 margin-bottom: 1.5*@verticalSpacing;
529 margin-bottom: 1.5*@verticalSpacing;
537 margin-bottom: 1*@verticalSpacing;
547 background-color: #ddd;
553 &.success { background-color: @green; color: @white }
554 &.error { background-color: @red; color: @white }
555 &.warning { background-color: #AF6906; color: @black }
559 color: @white !important;
568 // accounts specific styles
595 color: lighten(@gray, 20%);
601 color: @gray !important;
603 color: @gray !important;
608 color: lighten(@gray, 20%);
609 text-decoration: none;
612 color: #000 !important;
617 margin-bottom: @verticalSpacing/2;
620 margin-bottom: @verticalSpacing;
626 &:last-child, &.last {
632 .top.row, .last.row {
640 margin-left: 0 !important;
660 &:last-child, &.last {
672 display: inline !important;
686 margin-bottom: 2*@verticalSpacing;
696 border: 1px solid @gray;
700 .intro-content, .content {
701 margin-top: @verticalSpacing;
704 margin: @verticalSpacing 0;
710 margin-top: @verticalSpacing;
716 margin-bottom: @verticalSpacing;
721 .section.twitter-feed {
725 &:last-child { margin-bottom:0; padding-bottom:0; border-bottom: none }
728 margin-bottom: @verticalSpacing;
735 text-decoration: none !important;
770 #recaptcha_widget_div {
774 #recaptcha_instructions_image {
777 display: block !important;
785 .checkbox-widget.checked {
786 background-color: #f00;
787 background-image: url("../images/checkbox.png");
788 background-position: 50% 50%;
792 border: 1px solid @gray;
798 margin-top: @verticalSpacing/2 - 2;