{: versionI"3.2.19 (Media Mark):EF:sha"-7a5d90c48bad2ee9231d8b14ad30ef5d854e3850: contents"/o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"D/* -------------------------------------- Active Admin Forms */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::RuleNode : @rule[I" form; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element : @name[I" form; T:@namespace0; i:@filenameI"; F: @subject0: @sourceso:Set: @hash{; i;@; i;@;[o; ;[I""/* Reset margins & Padding */; T; : normal;[; i ; @ o; ;[I"=ul, ol, li, fieldset, legend, input, textarea, select, p; T;i;o;;[o;;[o; ;[o; ;[I"ul; T;0; i ;I"; F;0;o;;{; i ;@,o;;[o; ;[o; ;[I"ol; T;0; i ;@,;0;o;;{; i ;@,o;;[o; ;[o; ;[I"li; T;0; i ;@,;0;o;;{; i ;@,o;;[o; ;[o; ;[I" fieldset; T;0; i ;@,;0;o;;{; i ;@,o;;[o; ;[o; ;[I" legend; T;0; i ;@,;0;o;;{; i ;@,o;;[o; ;[o; ;[I" input; T;0; i ;@,;0;o;;{; i ;@,o;;[o; ;[o; ;[I" textarea; T;0; i ;@,;0;o;;{; i ;@,o;;[o; ;[o; ;[I" select; T;0; i ;@,;0;o;;{; i ;@,o;;[o; ;[o; ;[I"p; T;0; i ;@,;0;o;;{; i ;@,; i ;@,;[o:Sass::Tree::PropNode ;[I" margin; T;o:Sass::Script::String;I"0; T; :identifier; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; i ; @ ; i :@has_childrenT; @ o; ;[I" ol, ul; T;i;o;;[o;;[o; ;[o; ;[I"ol; T;0; i ;I"; F;0;o;;{; i ;@o;;[o; ;[o; ;[I"ul; T;0; i ;@;0;o;;{; i ;@; i ;@;[o; ;[I"list-style; T;o; ;I" none; T; ;!; i ; @ ;i;";#;[; i ; @ ; i ;$T; @ o; ;[I" fieldset; T;i;o;;[o;;[o; ;[o; ;[I" fieldset; T;0; i ;I"; F;0;o;;{; i ;@; i ;@;[ o; ;[I" border; T;o; ;I"0; T; ;!; @ ;i;";#;[; i; @ o; ;[I" padding; T;o; ;I" 10px 0; T; ;!; @ ;i;";#;[; i; @ o; ;[I"margin-bottom; T;o; ;I" 20px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" &.inputs; F;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i;I"; Fo:Sass::Selector::Class;[I" inputs; F; i;@;0;o;;{; i;@; i;@;[o:Sass::Tree::MixinNode ;I"section-background; T: @args[:@keywords{: @splat0;[; i; @ ; i;$T; @ o; ;[I" legend; T;i;o;;[o;;[o; ;[o; ;[I" legend; T;0; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I" width; T;o; ;I" 100%; T; ;!; @ ;i;";#;[; i; @ o; ;[I" span; T;i;o;;[o;;[o; ;[o; ;[I" span; T;0; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I" display; T;o; ;I" block; T; ;!; @ ;i;";#;[; i; @ o;' ;I"section-header; T;([;){;*0;[; i; @ ; i;$T; @ ; i;$T; @ o; ;[I" ol > li; T;i;o;;[o;;[o; ;[o; ;[I"ol; T;0; i;I"; F;0;o;;{; i;@I">; To; ;[o; ;[I"li; T;0; i;@;0;o;;{; i;@; i;@;[o; ;[I" padding; T;o; ;I" 10px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i;I"; F;0;o;;{; i;@1; i;@1;[ o; ;[I" display; T;o; ;I" block; T; ;!; @ ;i;";#;[; i; @ o; ;[I" width; T;o; ;I"20%; T; ;!; @ ;i;";#;[; i; @ o; ;[I" float; T;o; ;I" left; T; ;!; @ ;i;";#;[; i; @ o; ;[I"font-size; T;o; ;I" 1.0em; T; ;!; @ ;i;";#;[; i; @ o; ;[I"font-weight; T;o; ;I" bold; T; ;!; @ ;i;";#;[; i ; @ o; ;[I" color; T;o:Sass::Script::Variable ;I"form-label-color; T:@underscored_nameI"form_label_color; T; i!; @ ;i;";#;[; i!; @ o; ;[I" abbr; T;i;o;;[o;;[o; ;[o; ;[I" abbr; T;0; i";I"; F;0;o;;{; i";@f; i";@f;[o; ;[I" border; T;o; ;I" none; T; ;!; @ ;i;";#;[; i#; @ o; ;[I" color; T;o;+ ;I" required-field-marker-color; T;,I" required_field_marker_color; T; i$; @ ;i;";#;[; i$; @ ; i";$T; @ ; i;$T; @ ; i;$T; @ o; ;[I"ol > li.has_many_container; T;i;o;;[o;;[o; ;[o; ;[I"ol; T;0; i);I"; F;0;o;;{; i);@I">; To; ;[o; ;[I"li; T;0; i);@o;&;[I"has_many_container; T; i);@;0;o;;{; i);@; i);@;[o; ;[I" padding; T;o; ;I"20px 10px; T; ;!; @ ;i;";#;[; i*; @ o; ;[I"h3; T;i;o;;[o;;[o; ;[o; ;[I"h3; T;0; i+;I"; F;0;o;;{; i+;@; i+;@;[o; ;[I"font-size; T;o; ;I" 12px; T; ;!; @ ;i;";#;[; i,; @ o; ;[I"font-weight; T;o; ;I" bold; T; ;!; @ ;i;";#;[; i-; @ ; i+;$T; @ o; ;[I".has_many_fields; T;i;o;;[o;;[o; ;[o;&;[I"has_many_fields; T; i/;I"; F;0;o;;{; i/;@; i/;@;[o; ;[I" margin; T;o:Sass::Script::List ;[o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i/:@originalI" 10px; F; @ o;. ;i;/[;0[; i/;1I"0; F; @ :@separator: space; i/; @ ;i;";#;[; i/; @ ; i/;$T; @ ; i);$T; @ o; ;[I"ol > li > li label; T;i;o;;[o;;[ o; ;[o; ;[I"ol; T;0; i2;I"; F;0;o;;{; i2;@I">; To; ;[o; ;[I"li; T;0; i2;@;0;o;;{; i2;@I">; To; ;[o; ;[I"li; T;0; i2;@;0;o;;{; i2;@o; ;[o; ;[I" label; T;0; i2;@;0;o;;{; i2;@; i2;@;[o; ;[I"line-height; T;o; ;I" 100%; T; ;!; @ ;i;";#;[; i3; @ o; ;[I"padding-top; T;o; ;I"0; T; ;!; @ ;i;";#;[; i4; @ o; ;[I" input; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i5;I"; F;0;o;;{; i5;@; i5;@;[o; ;[I"line-height; T;o; ;I" 100%; T; ;!; @ ;i;";#;[; i6; @ o; ;[I"vertical-align; T;o; ;I" middle; T; ;!; @ ;i;";#;[; i7; @ o; ;[I"margin-top; T;o; ;I" -0.1em; T; ;!; @ ;i;";#;[; i8; @ ; i5;$T; @ ; i2;$T; @ ; i ;$T; @ o; ;[I"@/* relative so the absolutely-positioned handle will fit */; T; ; ;[; i=; @ o; ;[I".has_many_fields; T;i;o;;[o;;[o; ;[o;&;[I"has_many_fields; T; i>;I"; F;0;o;;{; i>;@8; i>;@8;[o; ;[I" position; T;o; ;I" relative; T; ;!; i>; @ ;i;";#;[; i>; @ ; i>;$T; @ o; ;[I".has_many_container; T;i;o;;[o;;[o; ;[o;&;[I"has_many_container; T; i@;I"; F;0;o;;{; i@;@N; i@;@N;[o; ;[I" .handle; T;i;o;;[o;;[o; ;[o;&;[I" handle; T; iA;I"; F;0;o;;{; iA;@^; iA;@^;[ o; ;[I" position; T;o; ;I" absolute; T; ;!; @ ;i;";#;[; iB; @ o;' ;I"icon-size; T;([o;. ;i;/[I"em; T;0[; iC;1I"3em; F; @ ;){;*0;[; iC; @ o; ;[I"top; T;o; ;I"calc(50% - 3em / 2); T; ;!; iD; @ ;i;";#;[; iD; @ o; ;[I" right; T;o; ;I"2px; T; ;!; @ ;i;";#;[; iE; @ o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; iF; @ o; ;[I" cursor; T;o; ;I" move; T; ;!; @ ;i;";#;[; iG; @ ; iA;$T; @ o; ;[I"O/* If a sortable is nested in a sortable, give the parent handle space! */; T; ; ;[; iJ; @ o; ;[I"&&.ui-sortable .has_many_container; F;i;o;;[o;;[o; ;[o;%; iK;I"; Fo;&;[I"ui-sortable; F; iK;@;0;o;;{; iK;@o; ;[o;&;[I"has_many_container; F; iK;@;0;o;;{; iK;@; iK;@;[o; ;[I"margin-right; T;o; ;I"2em; T; ;!; @ ;i;";#;[; iL; @ ; iK;$T; @ ; i@;$T; @ o; ;[I".ui-sortable; T;i;o;;[o;;[o; ;[o;&;[I"ui-sortable; T; iP;I"; F;0;o;;{; iP;@; iP;@;[o; ;[I"!/* give the handle space! */; T; ; ;[; iQ; @ o; ;[I"~input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea; T;i;o;;[ o;;[o; ;[o; ;[I" input; T;0; iR;I"; Fo:Sass::Selector::Attribute ;[I" type; T;0:@operatorI"=; T;[I" text; T: @flags0; iR;@;0;o;;{; iR;@o;;[o; ;[o; ;[I" input; T;0; iR;@o;4 ;[I" type; T;0;5I"=; T;[I" password; T;60; iR;@;0;o;;{; iR;@o;;[o; ;[o; ;[I" input; T;0; iR;@o;4 ;[I" type; T;0;5I"=; T;[I" email; T;60; iR;@;0;o;;{; iR;@o;;[o; ;[o; ;[I" input; T;0; iR;@o;4 ;[I" type; T;0;5I"=; T;[I" number; T;60; iR;@;0;o;;{; iR;@o;;[o; ;[o; ;[I" input; T;0; iR;@o;4 ;[I" type; T;0;5I"=; T;[I"url; T;60; iR;@;0;o;;{; iR;@o;;[o; ;[o; ;[I" input; T;0; iR;@o;4 ;[I" type; T;0;5I"=; T;[I"tel; T;60; iR;@;0;o;;{; iR;@o;;[o; ;[o; ;[I" textarea; T;0; iR;@;0;o;;{; iR;@; iR;@;[o; ;[I" width; T;o: Sass::Script::Interpolation : @beforeo; ;I"calc(80% - ; T; ;!; iS; @ : @mido;+ ;I"text-input-total-padding; F;,I"text_input_total_padding; F; iS; @ : @aftero; ;I" - 2em - 1px); F; ;!; iS; @ :@whitespace_beforeF:@whitespace_afterF:@originally_textF; @ ;i;";#;[; iS; @ ; iR;$T; @ ; iP;$T; @ o; ;[I"'/* Nested Fieldsets and Legends */; T; ;;[; iW; @ o; ;[I"fieldset > ol > li; T;i;o;;[o;;[ o; ;[o; ;[I" fieldset; T;0; iY;I"; F;0;o;;{; iY;@FI">; To; ;[o; ;[I"ol; T;0; iY;@F;0;o;;{; iY;@FI">; To; ;[o; ;[I"li; T;0; iY;@F;0;o;;{; iY;@F; iY;@F;[o; ;[I" fieldset; T;i;o;;[o;;[o; ;[o; ;[I" fieldset; T;0; iZ;I"; F;0;o;;{; iZ;@f; iZ;@f;[ o; ;[I" position; T;o; ;I" relative; T; ;!; @ ;i;";#;[; i[; @ o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; i\; @ o; ;[I"margin-bottom; T;o; ;I"0; T; ;!; @ ;i;";#;[; i]; @ o; ;[I" legend; T;i;o;;[o;;[o; ;[o; ;[I" legend; T;0; i_;I"; F;0;o;;{; i_;@; i_;@;[ o; ;[I" position; T;o; ;I" absolute; T; ;!; @ ;i;";#;[; i`; @ o; ;[I" width; T;o; ;I"95%; T; ;!; @ ;i;";#;[; ia; @ o; ;[I"padding-top; T;o; ;I" 0.1em; T; ;!; @ ;i;";#;[; ib; @ o; ;[I" left; T;o; ;I"0px; T; ;!; @ ;i;";#;[; ic; @ o; ;[I"font-size; T;o; ;I" 100%; T; ;!; @ ;i;";#;[; id; @ o; ;[I"font-weight; T;o; ;I" normal; T; ;!; @ ;i;";#;[; ie; @ o; ;[I" span; T;i;o;;[o;;[o; ;[o; ;[I" span; T;0; if;I"; F;0;o;;{; if;@; if;@;[o; ;[I" position; T;o; ;I" absolute; T; ;!; @ ;i;";#;[; if; @ ; if;$T; @ o; ;[I"&.label label; F;i;o;;[o;;[o; ;[o;%; ig;I"; Fo;&;[I" label; F; ig;@;0;o;;{; ig;@o; ;[o; ;[I" label; F;0; ig;@;0;o;;{; ig;@; ig;@;[o; ;[I" position; T;o; ;I" absolute; T; ;!; @ ;i;";#;[; ig; @ ; ig;$T; @ ; i_;$T; @ o; ;[I"&:not(.has_many_fields) ol; F;i;o;;[o;;[o; ;[o;%; ij;I"; Fo:Sass::Selector::Pseudo :@syntactic_type: class;[I"not; F: @arg[I".has_many_fields; F; ij;@;0;o;;{; ij;@o; ;[o; ;[I"ol; F;0; ij;@;0;o;;{; ij;@; ij;@;[ o; ;[I" float; T;o; ;I" left; T; ;!; @ ;i;";#;[; ik; @ o; ;[I" width; T;o; ;I"74%; T; ;!; @ ;i;";#;[; il; @ o; ;[I" margin; T;o; ;I"0; T; ;!; @ ;i;";#;[; im; @ o; ;[I" padding; T;o; ;I"0 0 0 20%; T; ;!; @ ;i;";#;[; in; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o; ;[I"li; T;0; ip;I"; F;0;o;;{; ip;@"; ip;@";[o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; iq; @ o; ;[I" border; T;o; ;I"0; T; ;!; @ ;i;";#;[; ir; @ ; ip;$T; @ ; ij;$T; @ o; ;[I"&.has_many_fields ol; F;i;o;;[o;;[o; ;[o;%; iv;I"; Fo;&;[I"has_many_fields; F; iv;@<;0;o;;{; iv;@<o; ;[o; ;[I"ol; F;0; iv;@<;0;o;;{; iv;@<; iv;@<;[ o; ;[I" float; T;o; ;I" left; T; ;!; @ ;i;";#;[; iw; @ o; ;[I" width; T;o; ;I" 100%; T; ;!; @ ;i;";#;[; ix; @ o; ;[I" margin; T;o; ;I"0; T; ;!; @ ;i;";#;[; iy; @ o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; iz; @ ; iv;$T; @ ; iZ;$T; @ ; iY;$T; @ o; ;[I"/* Text Fields */; T; ;;[; i; @ o; ;[I"~input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea; T;i;o;;[ o;;[o; ;[o; ;[I" input; T;0; i{;I"; Fo;4 ;[I" type; T;0;5I"=; T;[I" text; T;60; i{;@r;0;o;;{; i{;@ro;;[o; ;[o; ;[I" input; T;0; i{;@ro;4 ;[I" type; T;0;5I"=; T;[I" password; T;60; i{;@r;0;o;;{; i{;@ro;;[o; ;[o; ;[I" input; T;0; i{;@ro;4 ;[I" type; T;0;5I"=; T;[I" email; T;60; i{;@r;0;o;;{; i{;@ro;;[o; ;[o; ;[I" input; T;0; i{;@ro;4 ;[I" type; T;0;5I"=; T;[I" number; T;60; i{;@r;0;o;;{; i{;@ro;;[o; ;[o; ;[I" input; T;0; i{;@ro;4 ;[I" type; T;0;5I"=; T;[I"url; T;60; i{;@r;0;o;;{; i{;@ro;;[o; ;[o; ;[I" input; T;0; i{;@ro;4 ;[I" type; T;0;5I"=; T;[I"tel; T;60; i{;@r;0;o;;{; i{;@ro;;[o; ;[o; ;[I" textarea; T;0; i{;@r;0;o;;{; i{;@r; i{;@r;[ o; ;[I" width; T;o;7 ;8o; ;I"calc(80% - ; T; ;!; i|; @ ;9o;+ ;I"text-input-total-padding; F;,I"text_input_total_padding; F; i|; @ ;:o; ;I"); F; ;!; i|; @ ;;F; ;?;@;[I" focus; F;A0; i;@;0;o;;{; i;@; i;@;[o; ;[I" border; T;o;- ;[o;+ ;I"border-width; T;,I"border_width; T; i; @ o; ;I" solid; T; ;!; i; @ o;B ;0;C{ ;Di;Ei;Fi;Gi; i; @ ;2;3; i; @ ;i;";#;[; i; @ o;' ;I" shadow; T;([ o;. ;i;/[;0@; i;1I"0; F; @ o;. ;i;/[;0@; i;1I"0; F; @ o;. ;i ;/[I"px; T;0[; i;1I"4px; F; @ o;B ;0;C{ ;Di;Ei;Fi;Gi; i; @ ;){;*0;[; i; @ ; i;$T; @ ; i{;$T; @ o; ;[I"fieldset > ol > li; T;i;o;;[o;;[ o; ;[o; ;[I" fieldset; T;0; i;I"; F;0;o;;{; i;@NI">; To; ;[o; ;[I"ol; T;0; i;@N;0;o;;{; i;@NI">; To; ;[o; ;[I"li; T;0; i;@N;0;o;;{; i;@N; i;@N;[o; ;[I"/* Hints */; T; ;;[; i; @ o; ;[I"p.inline-hints; T;i;o;;[o;;[o; ;[o; ;[I"p; T;0; i;I"; Fo;&;[I"inline-hints; T; i;@r;0;o;;{; i;@r; i;@r;[ o; ;[I"font-size; T;o; ;I" 0.95em; T; ;!; @ ;i;";#;[; i; @ o; ;[I"font-style; T;o; ;I" italic; T; ;!; @ ;i;";#;[; i; @ o; ;[I" color; T;o; ;I" #666; T; ;!; @ ;i;";#;[; i; @ o; ;[I" margin; T;o; ;I"0.5em 0 0 20%; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ o; ;[I"/* Date and Time Fields */; T; ;;[; i; @ o; ;[I"4&.date_select, &.time_select, &.datetime_select; F;i;o;;[o;;[o; ;[o;%; i;I"; Fo;&;[I"date_select; F; i;@;0;o;;{; i;@o;;[o; ;[o;%; i;@o;&;[I"time_select; F; i;@;0;o;;{; i;@o;;[o; ;[o;%; i;@o;&;[I"datetime_select; F; i;@;0;o;;{; i;@; i;@;[o; ;[I"fieldset ol li; T;i;o;;[o;;[o; ;[o; ;[I" fieldset; T;0; i;I"; F;0;o;;{; i;@o; ;[o; ;[I"ol; T;0; i;@;0;o;;{; i;@o; ;[o; ;[I"li; T;0; i;@;0;o;;{; i;@; i;@;[ o; ;[I" float; T;o; ;I" left; T; ;!; @ ;i;";#;[; i; @ o; ;[I" width; T;o; ;I" auto; T; ;!; @ ;i;";#;[; i; @ o; ;[I" margin; T;o; ;I"0 0.5em 0 0; T; ;!; @ ;i;";#;[; i; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I" display; T;o; ;I" none; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ o; ;[I" input; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i;I"; F;0;o;;{; i;@ ; i;@ ;[o; ;[I" display; T;o; ;I" inline; T; ;!; @ ;i;";#;[; i; @ o; ;[I" margin; T;o; ;I"0; T; ;!; @ ;i;";#;[; i; @ o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ o; ;[I"&/* Check Boxes or Radio fields */; T; ;;[; i; @ o; ;[I"&.check_boxes, &.radio; F;i;o;;[o;;[o; ;[o;%; i;I"; Fo;&;[I"check_boxes; F; i;@0;0;o;;{; i;@0o;;[o; ;[o;%; i;@0o;&;[I" radio; F; i;@0;0;o;;{; i;@0; i;@0;[o; ;[I"fieldset ol; T;i;o;;[o;;[o; ;[o; ;[I" fieldset; T;0; i;I"; F;0;o;;{; i;@Mo; ;[o; ;[I"ol; T;0; i;@M;0;o;;{; i;@M; i;@M;[o; ;[I"margin-bottom; T;o; ;I" -0.6em; T; ;!; @ ;i;";#;[; i; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o; ;[I"li; T;0; i;I"; F;0;o;;{; i;@j; i;@j;[o; ;[I" margin; T;o; ;I"0.1em 0 0.5em 0; T; ;!; @ ;i;";#;[; i; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I" float; T;o; ;I" none; T; ;!; @ ;i;";#;[; i; @ o; ;[I" width; T;o; ;I" 100%; T; ;!; @ ;i;";#;[; i; @ o; ;[I" input; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I"margin-right; T;o; ;I" 0.2em; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ o; ;[I"/* Boolean Field */; T; ;;[; i; @ o; ;[I"&.boolean; F;i;o;;[o;;[o; ;[o;%; i;I"; Fo;&;[I" boolean; F; i;@;0;o;;{; i;@; i;@;[o; ;[I" height; T;o; ;I" 1.1em; T; ;!; @ ;i;";#;[; i; @ o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i;I"; F;0;o;;{; i;@; i;@;[ o; ;[I" width; T;o; ;I"80%; T; ;!; @ ;i;";#;[; i; @ o; ;[I"padding-left; T;o; ;I"20%; T; ;!; @ ;i;";#;[; i; @ o; ;[I"padding-right; T;o; ;I" 10px; T; ;!; @ ;i;";#;[; i; @ o; ;[I"text-transform; T;o; ;I"none !important; T; ;!; @ ;i;";#;[; i; @ o; ;[I"font-weight; T;o; ;I" normal; T; ;!; @ ;i;";#;[; i; @ o; ;[I" input; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I" margin; T;o; ;I"0 0.5em 0 0.2em; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ o; ;[I"/* Hidden fields */; T; ;;[; i; @ o; ;[I" &.hidden; F;i;o;;[o;;[o; ;[o;%; i;I"; Fo;&;[I" hidden; F; i;@;0;o;;{; i;@; i;@;[o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ o; ;[I"/* Errors */; T; ;;[; i; @ o; ;[I"p.inline-errors; T;i;o;;[o;;[o; ;[o; ;[I"p; T;0; i;I"; Fo;&;[I"inline-errors; T; i;@0;0;o;;{; i;@0; i;@0;[o; ;[I" color; T;o;+ ;I"error-color; T;,I"error_color; T; i; @ ;i;";#;[; i; @ o; ;[I"font-weight; T;o; ;I" bold; T; ;!; @ ;i;";#;[; i; @ o; ;[I" margin; T;o; ;I"0.3em 0 0 20%; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ o; ;[I"ul.errors; T;i;o;;[o;;[o; ;[o; ;[I"ul; T;0; i;I"; Fo;&;[I" errors; T; i;@V;0;o;;{; i;@V; i;@V;[ o; ;[I" color; T;o;+ ;I"error-color; T;,I"error_color; T; i; @ ;i;";#;[; i; @ o; ;[I" margin; T;o; ;I"0.5em 0 0 20%; T; ;!; @ ;i;";#;[; i; @ o; ;[I"list-style; T;o; ;I" square; T; ;!; @ ;i;";#;[; i; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o; ;[I"li; T;0; i;I"; F;0;o;;{; i;@|; i;@|;[o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; i; @ o; ;[I" border; T;o; ;I" none; T; ;!; @ ;i;";#;[; i; @ o; ;[I" display; T;o; ;I"list-item; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ ; i;$T; @ o; ;[I" &.error; F;i;o;;[o;;[o; ;[o;%; i;I"; Fo;&;[I" error; F; i;@;0;o;;{; i;@; i;@;[o; ;[I"~input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea; T;i;o;;[ o;;[o; ;[o; ;[I" input; T;0; i;I"; Fo;4 ;[I" type; T;0;5I"=; T;[I" text; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" input; T;0; i;@o;4 ;[I" type; T;0;5I"=; T;[I" password; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" input; T;0; i;@o;4 ;[I" type; T;0;5I"=; T;[I" email; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" input; T;0; i;@o;4 ;[I" type; T;0;5I"=; T;[I" number; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" input; T;0; i;@o;4 ;[I" type; T;0;5I"=; T;[I"url; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" input; T;0; i;@o;4 ;[I" type; T;0;5I"=; T;[I"tel; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" textarea; T;0; i;@;0;o;;{; i;@; i;@;[o; ;[I" border; T;o;- ;[o;+ ;I"border-width; T;,I"border_width; T; i; @ o; ;I" solid; T; ;!; i; @ o;+ ;I"error-color; T;,I"error_color; T; i; @ ;2;3; i; @ ;i;";#;[; i; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ o; ;[I"/* semantic_errors */; T; ;;[; i; @ o; ;[I"ul.errors; T;i;o;;[o;;[o; ;[o; ;[I"ul; T;0; i;I"; Fo;&;[I" errors; T; i;@+;0;o;;{; i;@+; i;@+;[ o; ;[I"background; T;o:Sass::Script::Funcall ;I" lighten; T;([o;+ ;I"error-color; T;,I"error_color; T; i; @ o;. ;iA;/[I"%; T;0[; i;1I"60%; F; @ ;){;*0; i; @ ;i;";#;[; i; @ o;' ;I" rounded; T;([o;. ;i ;/[I"px; T;0[; i;1I"4px; F; @ ;){;*0;[; i; @ o; ;[I" color; T;o;+ ;I"error-color; T;,I"error_color; T; i; @ ;i;";#;[; i; @ o; ;[I"font-weight; T;o; ;I" bold; T; ;!; @ ;i;";#;[; i; @ o; ;[I"margin-bottom; T;o; ;I" 10px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" padding; T;o; ;I" 10px; T; ;!; @ ;i;";#;[; i; @ o; ;[I"list-style; T;o; ;I" square; T; ;!; @ ;i;";#;[; i; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o; ;[I"li; T;0; i;I"; F;0;o;;{; i;@w; i;@w;[ o; ;[I"margin-left; T;o; ;I" 15px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; i; @ o; ;[I" border; T;o; ;I" none; T; ;!; @ ;i;";#;[; i; @ o; ;[I" display; T;o; ;I"list-item; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ ; i;$T; @ o; ;[I"/* Buttons */; T; ;;[; i; @ o; ;[I"3input[type=submit], input[type=button], button; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i;I"; Fo;4 ;[I" type; T;0;5I"=; T;[I" submit; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" input; T;0; i;@o;4 ;[I" type; T;0;5I"=; T;[I" button; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" button; T;0; i;@;0;o;;{; i;@; i;@;[o;' ;I"dark-button; T;([;){;*0;[; i; @ o; ;[I" cursor; T;o; ;I" pointer; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ o; ;[I".buttons, .actions; T;i;o;;[o;;[o; ;[o;&;[I" buttons; T; i;I"; F;0;o;;{; i;@o;;[o; ;[o;&;[I" actions; T; i;@;0;o;;{; i;@; i;@;[o; ;[I"margin-top; T;o; ;I" 15px; T; ;!; @ ;i;";#;[; i; @ o; ;[I"3input[type=submit], input[type=button], button; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i;I"; Fo;4 ;[I" type; T;0;5I"=; T;[I" submit; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" input; T;0; i;@o;4 ;[I" type; T;0;5I"=; T;[I" button; T;60; i;@;0;o;;{; i;@o;;[o; ;[o; ;[I" button; T;0; i;@;0;o;;{; i;@; i;@;[o; ;[I"margin-right; T;o; ;I" 10px; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ ; i;$T; @ o; ;[I"-fieldset.buttons li, fieldset.actions li; T;i;o;;[o;;[o; ;[o; ;[I" fieldset; T;0; i;I"; Fo;&;[I" buttons; T; i;@/ ;0;o;;{; i;@/ o; ;[o; ;[I"li; T;0; i;@/ ;0;o;;{; i;@/ o;;[o; ;[o; ;[I" fieldset; T;0; i;@/ o;&;[I" actions; T; i;@/ ;0;o;;{; i;@/ o; ;[o; ;[I"li; T;0; i;@/ ;0;o;;{; i;@/ ; i;@/ ;[o; ;[I" float; T;o; ;I" left; T; ;!; @ ;i;";#;[; i; @ o; ;[I" padding; T;o; ;I"0; T; ;!; @ ;i;";#;[; i; @ o; ;[I" &.cancel; F;i;o;;[o;;[o; ;[o;%; i;I"; Fo;&;[I" cancel; F; i;@f ;0;o;;{; i;@f ; i;@f ;[o; ;[I"a; T;i;o;;[o;;[o; ;[o; ;[I"a; T;0; i;I"; F;0;o;;{; i;@y ; i;@y ;[o;' ;I"light-button; T;([;){;*0;[; i; @ o;' ;I" icon; T;([o;B ;0;C{ ;Di|;Ei|;Fi|;Gi; i; @ o;. ;i;/[I"px; T;0[; i;1I"9px; F; @ ;){;*0;[; i; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ ; i;$T; @ o; ;[I"?/* -------------------------------------- Sidebar Forms */; T; ; ;[; i; @ o:Sass::Tree::VariableNode ;I" sidebar-inner-content-width; T: @expro:Sass::Script::Operation :@operand1o;+ ;I"sidebar-width; T;,I"sidebar_width; T; i; @ :@operand2o;K ;Lo;+ ;I"section-padding; T;,I"section_padding; T; i; @ ;Mo;. ;i;/[;0@; i;1I"2; F; @ ;5: times; i; @ ;5: minus; i; @ : @guarded0;[; i; @ o; ;[I".sidebar_section; T;i;o;;[o;;[o; ;[o;&;[I"sidebar_section; T; i;I"; F;0;o;;{; i;@ ; i;@ ;[o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i;I"; F;0;o;;{; i;@ ; i;@ ;[ o; ;[I" display; T;o; ;I" block; T; ;!; @ ;i;";#;[; i; @ o; ;[I"text-transform; T;o; ;I"uppercase; T; ;!; @ ;i;";#;[; i; @ o; ;[I" color; T;o;+ ;I"form-label-color; T;,I"form_label_color; T; i; @ ;i;";#;[; i; @ o; ;[I"font-size; T;o; ;I" 0.9em; T; ;!; @ ;i;";#;[; i; @ o; ;[I"font-weight; T;o; ;I" bold; T; ;!; @ ;i;";#;[; i; @ ; i;$T; @ o; ;[I" select; T;i;o;;[o;;[o; ;[o; ;[I" select; T;0; i;I"; F;0;o;;{; i;@ ; i;@ ;[o; ;[I" width; T;o;+ ;I" sidebar-inner-content-width; T;,I" sidebar_inner_content_width; T; i; @ ;i;";#;[; i; @ ; i;$T; @ o; ;[I"jinput[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], textarea; T;i;o;;[ o;;[o; ;[o; ;[I" input; T;0; i ;I"; Fo;4 ;[I" type; T;0;5I"=; T;[I" text; T;60; i ;@ ;0;o;;{; i ;@ o;;[o; ;[o; ;[I" input; T;0; i ;@ o;4 ;[I" type; T;0;5I"=; T;[I" password; T;60; i ;@ ;0;o;;{; i ;@ o;;[o; ;[o; ;[I" input; T;0; i ;@ o;4 ;[I" type; T;0;5I"=; T;[I" email; T;60; i ;@ ;0;o;;{; i ;@ o;;[o; ;[o; ;[I" input; T;0; i ;@ o;4 ;[I" type; T;0;5I"=; T;[I"url; T;60; i ;@ ;0;o;;{; i ;@ o;;[o; ;[o; ;[I" input; T;0; i ;@ o;4 ;[I" type; T;0;5I"=; T;[I"tel; T;60; i ;@ ;0;o;;{; i ;@ o;;[o; ;[o; ;[I" textarea; T;0; i ;@ ;0;o;;{; i ;@ ; i ;@ ;[o; ;[I" width; T;o;K ;Lo;+ ;I" sidebar-inner-content-width; T;,I" sidebar_inner_content_width; T; i ; @ ;Mo;K ;Lo;+ ;I""text-input-horizontal-padding; T;,I""text_input_horizontal_padding; T; i ; @ ;Mo;. ;i;/[;0@; i ;1I"2; F; @ ;5;N; i ; @ ;5;O; i ; @ ;i;";#;[; i ; @ ; i ;$T; @ ; i;$T; @ o; ;[I">/* -------------------------------------- Filter Forms */; T; ; ;[; i; @ o;I ;I"!filter-field-seperator-width; T;Jo;. ;i;/[I"px; T;0[; i;1I" 12px; F; @ ;P0;[; i; @ o;I ;I"$side-by-side-filter-input-width; T;Jo;K ;Lo;K ;Lo;K ;Lo;+ ;I" sidebar-inner-content-width; T;,I" sidebar_inner_content_width; T; i; @ ;Mo;. ;i;/[;0@; i;1I"2; F; @ ;5:div; i; @ ;Mo;K ;Lo;+ ;I""text-input-horizontal-padding; T;,I""text_input_horizontal_padding; T; i; @ ;Mo;. ;i;/[;0@; i;1I"2; F; @ ;5;N; i; @ ;5;O; i; @ ;Mo;+ ;I"!filter-field-seperator-width; T;,I"!filter_field_seperator_width; T; i; @ ;5;O; i; @ ;P0;[; i; @ o;I ;I"%side-by-side-filter-select-width; T;Jo;K ;Lo;K ;Lo;+ ;I" sidebar-inner-content-width; T;,I" sidebar_inner_content_width; T; i; @ ;Mo;. ;i;/[;0@; i;1I"2; F; @ ;5;Q; i; @ ;Mo;+ ;I"!filter-field-seperator-width; T;,I"!filter_field_seperator_width; T; i; @ ;5;O; i; @ ;P0;[; i; @ o;I ;I"*date-range-filter-input-right-padding; T;Jo;. ;i ;/[I"px; T;0[; i;1I" 27px; F; @ ;P0;[; i; @ o;I ;I"/date-range-filter-input-horizontal-padding; T;Jo;K ;Lo;+ ;I"*date-range-filter-input-right-padding; T;,I"*date_range_filter_input_right_padding; T; i; @ ;Mo;+ ;I""text-input-horizontal-padding; T;,I""text_input_horizontal_padding; T; i; @ ;5: plus; i; @ ;P0;[; i; @ o;I ;I""date-range-filter-input-width; T;Jo;K ;Lo;K ;Lo;K ;Lo;+ ;I" sidebar-inner-content-width; T;,I" sidebar_inner_content_width; T; i; @ ;Mo;. ;i;/[;0@; i;1I"2; F; @ ;5;Q; i; @ ;Mo;+ ;I"!filter-field-seperator-width; T;,I"!filter_field_seperator_width; T; i; @ ;5;O; i; @ ;Mo;+ ;I"/date-range-filter-input-horizontal-padding; T;,I"/date_range_filter_input_horizontal_padding; T; i; @ ;5;O; i; @ ;P0;[; i; @ o; ;[I"form.filter_form; T;i;o;;[o;;[o; ;[o; ;[I" form; T;0; i;I"; Fo;&;[I"filter_form; T; i;@ ;0;o;;{; i;@ ; i;@ ;[o; ;[I".filter_form_field; T;i;o;;[o;;[o; ;[o;&;[I"filter_form_field; T; i;I"; F;0;o;;{; i;@ ; i;@ ;[ o; ;[I"margin-bottom; T;o; ;I" 10px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" clear; T;o; ;I" both; T; ;!; @ ;i;";#;[; i; @ o; ;[I"&.select_and_search; F;i;o;;[o;;[o; ;[o;%; i ;I"; Fo;&;[I"select_and_search; F; i ;@ ;0;o;;{; i ;@ ; i ;@ ;[o; ;[I"input[type=text]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i!;I"; Fo;4 ;[I" type; T;0;5I"=; T;[I" text; T;60; i!;@ ;0;o;;{; i!;@ ; i!;@ ;[o; ;[I"margin-left; T;o;K ;Lo;+ ;I"!filter-field-seperator-width; T;,I"!filter_field_seperator_width; T; i"; @ ;Mo;. ;i ;/[;0@; i";1I"4; F; @ ;5;R; i"; @ ;i;";#;[; i"; @ o; ;[I" width; T;o;+ ;I"$side-by-side-filter-input-width; T;,I"$side_by_side_filter_input_width; T; i#; @ ;i;";#;[; i#; @ ; i!;$T; @ o; ;[I" select; T;i;o;;[o;;[o; ;[o; ;[I" select; T;0; i%;I"; F;0;o;;{; i%;@( ; i%;@( ;[o; ;[I" width; T;o;+ ;I"%side-by-side-filter-select-width; T;,I"%side_by_side_filter_select_width; T; i&; @ ;i;";#;[; i&; @ ; i%;$T; @ ; i ;$T; @ o; ;[I"&.filter_check_boxes; F;i;o;;[o;;[o; ;[o;%; i*;I"; Fo;&;[I"filter_check_boxes; F; i*;@= ;0;o;;{; i*;@= ; i*;@= ;[o; ;[I" label; T;i;o;;[o;;[o; ;[o; ;[I" label; T;0; i+;I"; F;0;o;;{; i+;@P ; i+;@P ;[o; ;[I"margin-bottom; T;o; ;I"3px; T; ;!; @ ;i;";#;[; i+; @ ; i+;$T; @ o; ;[I" fieldset; T;i;o;;[o;;[o; ;[o; ;[I" fieldset; T;0; i,;I"; F;0;o;;{; i,;@f ; i,;@f ;[o; ;[I"margin-bottom; T;o; ;I"0px; T; ;!; @ ;i;";#;[; i-; @ o; ;[I"padding-bottom; T;o; ;I"0px; T; ;!; @ ;i;";#;[; i.; @ ; i,;$T; @ o; ;[I".check_boxes_wrapper label; T;i;o;;[o;;[o; ;[o;&;[I"check_boxes_wrapper; T; i0;I"; F;0;o;;{; i0;@ o; ;[o; ;[I" label; T;0; i0;@ ;0;o;;{; i0;@ ; i0;@ ;[ o; ;[I"font-weight; T;o; ;I" normal; T; ;!; @ ;i;";#;[; i1; @ o; ;[I"margin-bottom; T;o; ;I"3px; T; ;!; @ ;i;";#;[; i2; @ o; ;[I"text-transform; T;o; ;I" none; T; ;!; @ ;i;";#;[; i3; @ o; ;[I"font-size; T;o; ;I" 1.0em; T; ;!; @ ;i;";#;[; i4; @ o; ;[I" input; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i5;I"; F;0;o;;{; i5;@ ; i5;@ ;[o; ;[I"vertical-align; T;o; ;I" baseline; T; ;!; @ ;i;";#;[; i5; @ ; i5;$T; @ ; i0;$T; @ ; i*;$T; @ o; ;[I"&.filter_date_range; F;i;o;;[o;;[o; ;[o;%; i9;I"; Fo;&;[I"filter_date_range; F; i9;@ ;0;o;;{; i9;@ ; i9;@ ;[o; ;[I".seperator; T;i;o;;[o;;[o; ;[o;&;[I"seperator; T; i:;I"; F;0;o;;{; i:;@ ; i:;@ ;[o; ;[I" display; T;o; ;I"inline-block; T; ;!; @ ;i;";#;[; i;; @ o; ;[I"text-align; T;o; ;I" center; T; ;!; @ ;i;";#;[; i<; @ o; ;[I" width; T;o;+ ;I"!filter-field-seperator-width; T;,I"!filter_field_seperator_width; T; i=; @ ;i;";#;[; i=; @ ; i:;$T; @ o; ;[I"input[type=text]; T;i;o;;[o;;[o; ;[o; ;[I" input; T;0; i@;I"; Fo;4 ;[I" type; T;0;5I"=; T;[I" text; T;60; i@;@ ;0;o;;{; i@;@ ; i@;@ ;[o; ;[I"background; T;o;- ;[ o;B ;0;C{ ;Di;Ei;Fi;Gi; iA; @ o;H ;I"image-url; T;([o; ;I"6active_admin/datepicker/datepicker-input-icon.png; T; : string; iA; @ ;){;*0; iA; @ o; ;I"no-repeat; T; ;!; iA; @ o;. ;ii;/[I"%; T;0[; iA;1I" 100%; F; @ o;. ;i ;/[I"px; T;0[; iA;1I"7px; F; @ ;2;3; iA; @ ;i;";#;[; iA; @ o; ;[I"padding-right; T;o;+ ;I"*date-range-filter-input-right-padding; T;,I"*date_range_filter_input_right_padding; T; iB; @ ;i;";#;[; iB; @ o; ;[I" width; T;o;+ ;I""date-range-filter-input-width; T;,I""date_range_filter_input_width; T; iC; @ ;i;";#;[; iC; @ ; i@;$T; @ ; i9;$T; @ ; i;$T; @ o; ;[I"a.clear_filters_btn; T;i;o;;[o;;[o; ;[o; ;[I"a; T;0; iG;I"; Fo;&;[I"clear_filters_btn; T; iG;@9 ;0;o;;{; iG;@9 ; iG;@9 ;[o;' ;I"light-button; T;([;){;*0;[; iG; @ ; iG;$T; @ ; i;$T; @ :@templateI" // -------------------------------------- Active Admin Forms form { /* Reset margins & Padding */ ul, ol, li, fieldset, legend, input, textarea, select, p { margin:0; padding:0; } ol, ul { list-style: none } fieldset { border: 0; padding: 10px 0; margin-bottom: 20px; &.inputs { @include section-background; } legend { width: 100%; span { display: block; @include section-header; } } ol > li { padding: 10px; label { display: block; width: 20%; float: left; font-size: 1.0em; font-weight: bold; color: $form-label-color; abbr { border: none; color: $required-field-marker-color; } } } ol > li.has_many_container { padding: 20px 10px; h3 { font-size: 12px; font-weight: bold; } .has_many_fields { margin: 10px 0 } } ol > li > li label { line-height:100%; padding-top:0; input { line-height:100%; vertical-align:middle; margin-top:-0.1em; } } } // relative so the absolutely-positioned handle will fit .has_many_fields { position: relative } .has_many_container { .handle { position: absolute; @include icon-size(3em); top: calc(50% - 3em / 2); right: 2px; padding: 0; cursor: move; } // If a sortable is nested in a sortable, give the parent handle space! &.ui-sortable .has_many_container { margin-right: 2em; } } .ui-sortable { // give the handle space! input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea { width: calc(80% - #{$text-input-total-padding} - 2em - 1px); } } /* Nested Fieldsets and Legends */ fieldset > ol > li { fieldset { position:relative; padding: 0; margin-bottom: 0; legend { position:absolute; width:95%; padding-top:0.1em; left: 0px; font-size: 100%; font-weight: normal; span { position:absolute; } &.label label { position:absolute; } } &:not(.has_many_fields) ol { float: left; width: 74%; margin: 0; padding: 0 0 0 20%; li { padding: 0; border: 0; } } &.has_many_fields ol { float: left; width: 100%; margin: 0; padding: 0; } } } /* Text Fields */ input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea { width: calc(80% - #{$text-input-total-padding}); border: $border-width solid #c9d0d6; @include rounded; font-size: 0.95em; @include sans-family; outline: none; padding: 8px $text-input-horizontal-padding 7px; &:focus { border: $border-width solid #99a2aa; @include shadow(0,0,4px,#99a2aa); } } fieldset > ol > li { /* Hints */ p.inline-hints { font-size: 0.95em; font-style: italic; color:#666; margin: 0.5em 0 0 20%; } /* Date and Time Fields */ &.date_select, &.time_select, &.datetime_select { fieldset ol li { float:left; width:auto; margin:0 0.5em 0 0; label { display: none; } input { display:inline; margin:0; padding:0; } } } /* Check Boxes or Radio fields */ &.check_boxes, &.radio { fieldset ol { margin-bottom:-0.6em; li { margin:0.1em 0 0.5em 0; label { float:none; width:100%; input { margin-right:0.2em; } } } } } /* Boolean Field */ &.boolean { height: 1.1em; label { width: 80%; padding-left:20%; padding-right: 10px; text-transform: none !important; font-weight: normal; input { margin:0 0.5em 0 0.2em; } } } /* Hidden fields */ &.hidden { padding: 0; } /* Errors */ p.inline-errors { color: $error-color; font-weight: bold; margin:0.3em 0 0 20%; } ul.errors { color: $error-color; margin:0.5em 0 0 20%; list-style:square; li { padding:0; border:none; display:list-item; } } &.error { input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea { border: $border-width solid $error-color; } } } /* semantic_errors */ ul.errors { background: lighten($error-color, 60%); @include rounded(4px); color: $error-color; font-weight: bold; margin-bottom: 10px; padding: 10px; list-style:square; li { margin-left:15px; padding:0; border:none; display:list-item; } } /* Buttons */ input[type=submit], input[type=button], button { @include dark-button; cursor: pointer; } .buttons, .actions { margin-top: 15px; input[type=submit], input[type=button], button { margin-right: 10px; } } fieldset.buttons li, fieldset.actions li { float:left; padding: 0; &.cancel { a { @include light-button; @include icon(#777, 9px); } } } } // -------------------------------------- Sidebar Forms $sidebar-inner-content-width: $sidebar-width - ($section-padding * 2); .sidebar_section { label { display: block; text-transform: uppercase; color: $form-label-color; font-size: 0.9em; font-weight: bold; } select { width: $sidebar-inner-content-width; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], textarea { width: $sidebar-inner-content-width - ($text-input-horizontal-padding * 2); } } // -------------------------------------- Filter Forms $filter-field-seperator-width: 12px; $side-by-side-filter-input-width: ($sidebar-inner-content-width / 2) - ($text-input-horizontal-padding * 2) - $filter-field-seperator-width; $side-by-side-filter-select-width: ($sidebar-inner-content-width / 2) - $filter-field-seperator-width; $date-range-filter-input-right-padding: 27px; $date-range-filter-input-horizontal-padding: $date-range-filter-input-right-padding + $text-input-horizontal-padding; $date-range-filter-input-width: ($sidebar-inner-content-width / 2) - $filter-field-seperator-width - $date-range-filter-input-horizontal-padding; form.filter_form { .filter_form_field { margin-bottom: 10px; clear: both; &.select_and_search { input[type=text] { margin-left: $filter-field-seperator-width + 4; width: $side-by-side-filter-input-width; } select { width: $side-by-side-filter-select-width; } } &.filter_check_boxes { label { margin-bottom: 3px; } fieldset { margin-bottom: 0px; padding-bottom: 0px; } .check_boxes_wrapper label { font-weight: normal; margin-bottom: 3px; text-transform: none; font-size: 1.0em; input { vertical-align: baseline; } } } &.filter_date_range { .seperator { display: inline-block; text-align: center; width: $filter-field-seperator-width; } input[type=text] { background: #fff image-url('active_admin/datepicker/datepicker-input-icon.png') no-repeat 100% 7px; padding-right: $date-range-filter-input-right-padding; width: $date-range-filter-input-width; } } } a.clear_filters_btn { @include light-button; } } ; T; i;$T; @