twitter-bootstrap-rails 0.0.3

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of twitter-bootstrap-rails might be problematic. Click here for more details.

@@ -0,0 +1,221 @@
1
+ html,body{margin:0;padding:0;}
2
+ h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
3
+ table{border-collapse:collapse;border-spacing:0;}
4
+ ol,ul{list-style:none;}
5
+ q:before,q:after,blockquote:before,blockquote:after{content:"";}
6
+ header,section,footer,article,aside{display:block;}
7
+ .clearfix{zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
8
+ .clearfix:after{clear:both;}
9
+ .center-block{display:block;margin:0 auto;}
10
+ .container{width:940px;margin:0 auto;zoom:1;}.container:before,.container:after{display:table;content:"";}
11
+ .container:after{clear:both;}
12
+ .row{zoom:1;}.row:before,.row:after{display:table;content:"";}
13
+ .row:after{clear:both;}
14
+ .row .span1{float:left;width:40px;margin-left:20px;}.row .span1:first-child{margin-left:0;}
15
+ .row .span2{float:left;width:100px;margin-left:20px;}.row .span2:first-child{margin-left:0;}
16
+ .row .span3{float:left;width:160px;margin-left:20px;}.row .span3:first-child{margin-left:0;}
17
+ .row .span4{float:left;width:220px;margin-left:20px;}.row .span4:first-child{margin-left:0;}
18
+ .row .span5{float:left;width:280px;margin-left:20px;}.row .span5:first-child{margin-left:0;}
19
+ .row .span6{float:left;width:340px;margin-left:20px;}.row .span6:first-child{margin-left:0;}
20
+ .row .span7{float:left;width:400px;margin-left:20px;}.row .span7:first-child{margin-left:0;}
21
+ .row .span8{float:left;width:460px;margin-left:20px;}.row .span8:first-child{margin-left:0;}
22
+ .row .span9{float:left;width:520px;margin-left:20px;}.row .span9:first-child{margin-left:0;}
23
+ .row .span10{float:left;width:580px;margin-left:20px;}.row .span10:first-child{margin-left:0;}
24
+ .row .span11{float:left;width:640px;margin-left:20px;}.row .span11:first-child{margin-left:0;}
25
+ .row .span12{float:left;width:700px;margin-left:20px;}.row .span12:first-child{margin-left:0;}
26
+ .row .span13{float:left;width:760px;margin-left:20px;}.row .span13:first-child{margin-left:0;}
27
+ .row .span14{float:left;width:820px;margin-left:20px;}.row .span14:first-child{margin-left:0;}
28
+ .row .span15{float:left;width:880px;margin-left:20px;}.row .span15:first-child{margin-left:0;}
29
+ .row .span16{float:left;width:940px;margin-left:20px;}.row .span16:first-child{margin-left:0;}
30
+ .row .offset1{margin-left:80px !important;}.row .offset1:first-child{margin-left:60px !important;}
31
+ .row .offset2{margin-left:140px !important;}.row .offset2:first-child{margin-left:120px !important;}
32
+ .row .offset3{margin-left:200px !important;}.row .offset3:first-child{margin-left:180px !important;}
33
+ .row .offset4{margin-left:260px !important;}.row .offset4:first-child{margin-left:240px !important;}
34
+ .row .offset5{margin-left:320px !important;}.row .offset5:first-child{margin-left:300px !important;}
35
+ .row .offset6{margin-left:380px !important;}.row .offset6:first-child{margin-left:360px !important;}
36
+ .row .offset7{margin-left:440px !important;}.row .offset7:first-child{margin-left:420px !important;}
37
+ .row .offset8{margin-left:500px !important;}.row .offset8:first-child{margin-left:480px !important;}
38
+ .row .offset9{margin-left:500px !important;}.row .offset9:first-child{margin-left:480px !important;}
39
+ .row .offset10{margin-left:620px !important;}.row .offset10:first-child{margin-left:600px !important;}
40
+ .row .offset11{margin-left:680px !important;}.row .offset11:first-child{margin-left:660px !important;}
41
+ .row .offset12{margin-left:740px !important;}.row .offset12:first-child{margin-left:720px !important;}
42
+ html,body{background-color:#fff;}
43
+ body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#808080;text-rendering:optimizeLegibility;}
44
+ div.container{width:940px;margin:0 auto;}
45
+ div.container-fluid{padding:20px;zoom:1;}div.container-fluid:before,div.container-fluid:after{display:table;content:"";}
46
+ div.container-fluid:after{clear:both;}
47
+ div.container-fluid div.sidebar{float:left;width:220px;}
48
+ div.container-fluid div.content{min-width:700px;max-width:1180px;margin-left:240px;}
49
+ a{color:#0069d6;text-decoration:none;line-height:inherit;}a:hover{color:#0050a3;text-decoration:underline;}
50
+ .btn{display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, color-stop(0.25, #ffffff), #e6e6e6);background-image:-moz-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);background-image:-ms-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);background-image:-o-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);background-image:linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);padding:4px 14px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333333;font-size:13px;line-height:18px;border:1px solid rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.25);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333333;text-decoration:none;}
51
+ .btn.primary{background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(#049cdb, #0064cd);background-image:-ms-linear-gradient(#049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(#049cdb, #0064cd);background-image:-o-linear-gradient(#049cdb, #0064cd);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);background-image:linear-gradient(#049cdb, #0064cd);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.btn.primary:hover{color:#fff;}
52
+ .btn.large{font-size:16px;line-height:28px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
53
+ .btn.small{padding-right:9px;padding-left:9px;font-size:11px;}
54
+ .btn:disabled,.btn.disabled{background-image:none;filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;cursor:default;}
55
+ .btn:active{-webkit-box-shadow:inset 0 3px 7px rgba(0, 0, 0, 0.1),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 3px 7px rgba(0, 0, 0, 0.1),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 3px 7px rgba(0, 0, 0, 0.1),0 1px 2px rgba(0, 0, 0, 0.05);}
56
+ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
57
+ p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:18px;}p small{font-size:11px;color:#bfbfbf;}
58
+ h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
59
+ h1{margin-bottom:18px;font-size:30px;line-height:36px;}h1 small{font-size:18px;}
60
+ h2{font-size:24px;line-height:36px;}h2 small{font-size:14px;}
61
+ h3,h4,h5,h6{line-height:36px;}
62
+ h3{font-size:18px;}h3 small{font-size:14px;}
63
+ h4{font-size:16px;}h4 small{font-size:12px;}
64
+ h5{font-size:14px;}
65
+ h6{font-size:13px;color:#bfbfbf;text-transform:uppercase;}
66
+ ul,ol{margin:0 0 18px 25px;}
67
+ ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
68
+ ul{list-style:disc;}
69
+ ol{list-style:decimal;}
70
+ li{line-height:18px;color:#808080;}
71
+ ul.unstyled{list-style:none;margin-left:0;}
72
+ dl{margin-bottom:18px;}dl dt,dl dd{line-height:18px;}
73
+ dl dt{font-weight:bold;}
74
+ dl dd{margin-left:9px;}
75
+ hr{margin:0 0 19px;border:0;border-bottom:1px solid #eee;}
76
+ strong{font-style:inherit;font-weight:bold;line-height:inherit;}
77
+ em{font-style:italic;font-weight:inherit;line-height:inherit;}
78
+ .muted{color:#e6e6e6;}
79
+ blockquote{margin-bottom:18px;border-left:5px solid #eee;padding-left:15px;}blockquote p{font-size:14px;font-weight:300;line-height:18px;margin-bottom:0;}
80
+ blockquote small,blockquote cite{display:block;font-size:12px;font-weight:300;line-height:18px;color:#bfbfbf;}blockquote small:before,blockquote cite:before{content:'\2014 \00A0';}
81
+ address{display:block;line-height:18px;margin-bottom:18px;}
82
+ code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
83
+ code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
84
+ pre{background-color:#f5f5f5;display:block;padding:17px;margin:0 0 18px;line-height:18px;font-size:12px;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre-wrap;}
85
+ form{margin-bottom:18px;}form fieldset{margin-bottom:18px;padding-top:18px;}form fieldset legend{display:block;margin-left:150px;font-size:20px;line-height:1;color:#404040;}
86
+ form div.clearfix{margin-bottom:18px;}
87
+ form label,form input,form select,form textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
88
+ form label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;}
89
+ form div.input{margin-left:150px;}
90
+ form input[type=checkbox],form input[type=radio]{cursor:pointer;}
91
+ form input[type=text],form input[type=password],form textarea,form select,form .uneditable-input{display:inline-block;width:210px;margin:0;padding:4px;font-size:13px;line-height:18px;height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
92
+ form select,form input[type=file]{height:27px;line-height:27px;}
93
+ form textarea{height:auto;}
94
+ form .uneditable-input{background-color:#eee;display:block;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);}
95
+ form :-moz-placeholder{color:#bfbfbf;}
96
+ form ::-webkit-input-placeholder{color:#bfbfbf;}
97
+ form input[type=text],form input[type=password],form select,form textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
98
+ form input[type=text]:focus,form input[type=password]:focus,form textarea:focus{outline:none;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
99
+ form div.error{background:#fae5e3;padding:10px 0;margin:-10px 0 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}form div.error>label,form div.error span.help-inline,form div.error span.help-block{color:#9d261d;}
100
+ form div.error input[type=text],form div.error input[type=password],form div.error textarea{border-color:#c87872;-webkit-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);-moz-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);box-shadow:0 0 3px rgba(171, 41, 32, 0.25);}form div.error input[type=text]:focus,form div.error input[type=password]:focus,form div.error textarea:focus{border-color:#b9554d;-webkit-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);-moz-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);box-shadow:0 0 6px rgba(171, 41, 32, 0.5);}
101
+ form div.error div.input-prepend span.add-on,form div.error div.input-append span.add-on{background:#f4c8c5;border-color:#c87872;color:#b9554d;}
102
+ form .input-mini,form input.mini,form textarea.mini,form select.mini{width:60px;}
103
+ form .input-small,form input.small,form textarea.small,form select.small{width:90px;}
104
+ form .input-medium,form input.medium,form textarea.medium,form select.medium{width:150px;}
105
+ form .input-large,form input.large,form textarea.large,form select.large{width:210px;}
106
+ form .input-xlarge,form input.xlarge,form textarea.xlarge,form select.xlarge{width:270px;}
107
+ form .input-xxlarge,form input.xxlarge,form textarea.xxlarge,form select.xxlarge{width:530px;}
108
+ form textarea.xxlarge{overflow-y:scroll;}
109
+ form input[readonly]:focus,form textarea[readonly]:focus,form input.disabled{background:#f5f5f5;border-color:#ddd;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
110
+ div.actions{background:#f5f5f5;margin-top:18px;margin-bottom:18px;padding:17px 20px 18px 150px;border-top:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}div.actions div.secondary-action{float:right;}div.actions div.secondary-action a{line-height:30px;}div.actions div.secondary-action a:hover{text-decoration:underline;}
111
+ .help-inline,.help-block{font-size:12px;line-height:18px;color:#bfbfbf;}
112
+ .help-inline{padding-left:5px;}
113
+ .help-block{display:block;max-width:600px;}
114
+ div.inline-inputs{color:#808080;}div.inline-inputs span,div.inline-inputs input[type=text]{display:inline-block;}
115
+ div.inline-inputs input.mini{width:60px;}
116
+ div.inline-inputs input.small{width:90px;}
117
+ div.inline-inputs span{padding:0 2px 0 1px;}
118
+ div.input-prepend input[type=text],div.input-append input[type=text]{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
119
+ div.input-prepend .add-on,div.input-append .add-on{background:#f5f5f5;float:left;display:block;width:auto;min-width:16px;padding:4px 4px 4px 5px;color:#bfbfbf;font-weight:normal;line-height:18px;height:18px;text-align:center;text-shadow:0 1px 0 #fff;border:1px solid #ccc;border-right-width:0;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
120
+ div.input-prepend .active,div.input-append .active{background:#a9dba9;border-color:#46a546;}
121
+ div.input-append input[type=text]{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
122
+ div.input-append .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;border-right-width:1px;border-left-width:0;}
123
+ ul.inputs-list{margin:0 0 5px;width:100%;}ul.inputs-list li{display:block;padding:0;width:100%;}ul.inputs-list li label{display:block;float:none;width:auto;padding:0;line-height:18px;text-align:left;white-space:normal;}ul.inputs-list li label strong{color:#808080;}
124
+ ul.inputs-list li label small{font-size:12px;font-weight:normal;}
125
+ ul.inputs-list li ul.inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
126
+ ul.inputs-list li:first-child{padding-top:5px;}
127
+ ul.inputs-list input[type=radio],ul.inputs-list input[type=checkbox]{margin-bottom:0;}
128
+ form.form-stacked{padding-left:20px;}form.form-stacked fieldset{padding-top:9px;}
129
+ form.form-stacked legend{margin-left:0;}
130
+ form.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
131
+ form.form-stacked div.clearfix{margin-bottom:9px;}form.form-stacked div.clearfix div.input{margin-left:0;}
132
+ form.form-stacked ul.inputs-list{margin-bottom:0;}form.form-stacked ul.inputs-list li{padding-top:0;}form.form-stacked ul.inputs-list li label{font-weight:normal;padding-top:0;}
133
+ form.form-stacked div.actions{margin-left:-20px;padding-left:20px;}
134
+ table{width:100%;margin-bottom:18px;padding:0;text-align:left;border-collapse:separate;font-size:13px;}table th,table td{padding:10px 10px 9px;line-height:13.5px;vertical-align:middle;border-bottom:1px solid #ddd;}
135
+ table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
136
+ table.zebra-striped tbody tr:nth-child(odd) td{background-color:#f9f9f9;}
137
+ table.zebra-striped tbody tr:hover td{background-color:#f5f5f5;}
138
+ table.zebra-striped th.header{cursor:pointer;}table.zebra-striped th.header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
139
+ table.zebra-striped th.headerSortUp,table.zebra-striped th.headerSortDown{background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
140
+ table.zebra-striped th.header:hover:after{visibility:visible;}
141
+ table.zebra-striped th.actions:hover{background-image:none;}
142
+ table.zebra-striped th.headerSortDown:after,table.zebra-striped th.headerSortDown:hover:after{visibility:visible;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
143
+ table.zebra-striped th.headerSortUp:after{border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
144
+ table.zebra-striped th.blue{color:#049cdb;border-bottom-color:#049cdb;}
145
+ table.zebra-striped th.headerSortUp.blue,table.zebra-striped th.headerSortDown.blue{background-color:#ade6fe;}
146
+ table.zebra-striped th.green{color:#46a546;border-bottom-color:#46a546;}
147
+ table.zebra-striped th.headerSortUp.green,table.zebra-striped th.headerSortDown.green{background-color:#cdeacd;}
148
+ table.zebra-striped th.red{color:#9d261d;border-bottom-color:#9d261d;}
149
+ table.zebra-striped th.headerSortUp.red,table.zebra-striped th.headerSortDown.red{background-color:#f4c8c5;}
150
+ table.zebra-striped th.yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
151
+ table.zebra-striped th.headerSortUp.yellow,table.zebra-striped th.headerSortDown.yellow{background-color:#fff6d9;}
152
+ table.zebra-striped th.orange{color:#f89406;border-bottom-color:#f89406;}
153
+ table.zebra-striped th.headerSortUp.orange,table.zebra-striped th.headerSortDown.orange{background-color:#fee9cc;}
154
+ table.zebra-striped th.purple{color:#7a43b6;border-bottom-color:#7a43b6;}
155
+ table.zebra-striped th.headerSortUp.purple,table.zebra-striped th.headerSortDown.purple{background-color:#e2d5f0;}
156
+ div.topbar{background-color:#222222;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));background-image:-moz-linear-gradient(#333333, #222222);background-image:-ms-linear-gradient(#333333, #222222);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));background-image:-webkit-linear-gradient(#333333, #222222);background-image:-o-linear-gradient(#333333, #222222);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);background-image:linear-gradient(#333333, #222222);height:40px;position:fixed;top:0;left:0;right:0;z-index:10000;overflow:visible;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}div.topbar a{color:#bfbfbf;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
157
+ div.topbar ul li a:hover,div.topbar ul li.active a,div.topbar a.logo:hover{background-color:#333;background-color:rgba(255, 255, 255, 0.15);color:#ffffff;text-decoration:none;}
158
+ div.topbar a.logo{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;color:#ffffff;font-size:20px;font-weight:200;line-height:1;}div.topbar a.logo img{float:left;margin-right:6px;}
159
+ div.topbar form{float:left;margin:5px 0 0 0;position:relative;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}div.topbar form input{background-color:#bfbfbf;background-color:rgba(255, 255, 255, 0.3);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:1;width:220px;padding:4px 9px;color:#fff;color:rgba(255, 255, 255, 0.75);border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-webkit-transition:none;-moz-transition:none;transition:none;}div.topbar form input:-moz-placeholder{color:#e6e6e6;}
160
+ div.topbar form input::-webkit-input-placeholder{color:#e6e6e6;}
161
+ div.topbar form input:hover{background-color:#444;background-color:rgba(255, 255, 255, 0.5);color:#fff;}
162
+ div.topbar form input:focus,div.topbar form input.focused{outline:none;background-color:#fff;color:#404040;text-shadow:0 1px 0 #fff;border:0;padding:5px 10px;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
163
+ div.topbar ul{display:block;float:left;margin:0 10px 0 0;position:relative;}div.topbar ul.secondary-nav{float:right;margin-left:10px;margin-right:0;}
164
+ div.topbar ul li{display:block;float:left;font-size:13px;}div.topbar ul li a{display:block;float:none;padding:10px 10px 11px;line-height:19px;text-decoration:none;}div.topbar ul li a:hover{color:#fff;text-decoration:none;}
165
+ div.topbar ul li.active a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
166
+ div.topbar ul.primary-nav li ul{left:0;}
167
+ div.topbar ul.secondary-nav li ul{right:0;}
168
+ div.topbar ul li.menu{position:relative;}div.topbar ul li.menu a.menu:after{width:0px;height:0px;display:inline-block;content:"↓";text-indent:-99999px;vertical-align:top;margin-top:8px;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
169
+ div.topbar ul li.menu.open a.menu,div.topbar ul li.menu.open a:hover{background-color:#00b4eb;background-color:rgba(255, 255, 255, 0.1);color:#fff;}
170
+ div.topbar ul li.menu.open ul{display:block;}div.topbar ul li.menu.open ul li a{background-color:transparent;font-weight:normal;}div.topbar ul li.menu.open ul li a:hover{background-color:rgba(255, 255, 255, 0.1);color:#fff;}
171
+ div.topbar ul li.menu.open ul li.active a{background-color:rgba(255, 255, 255, 0.1);font-weight:bold;}
172
+ div.topbar ul li ul{background-color:#333;float:left;display:none;position:absolute;top:40px;min-width:160px;max-width:220px;_width:160px;margin-left:0;margin-right:0;padding:0;text-align:left;border:0;zoom:1;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}div.topbar ul li ul li{float:none;clear:both;display:block;background:none;font-size:12px;}div.topbar ul li ul li a{display:block;padding:6px 15px;clear:both;font-weight:normal;line-height:19px;color:#bbb;}div.topbar ul li ul li a:hover{background-color:#333;background-color:rgba(255, 255, 255, 0.25);color:#fff;}
173
+ div.topbar ul li ul li.divider{height:1px;overflow:hidden;background:rgba(0, 0, 0, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.1);margin:5px 0;}
174
+ div.topbar ul li ul li span{clear:both;display:block;background:rgba(0, 0, 0, 0.2);padding:6px 15px;cursor:default;color:#808080;border-top:1px solid rgba(0, 0, 0, 0.2);}
175
+ div.page-header{margin-bottom:17px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}div.page-header h1{margin-bottom:8px;}
176
+ div.alert-message{background-color:rgba(0, 0, 0, 0.15);background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));background-image:-moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));background-image:-ms-linear-gradient(transparent, rgba(0, 0, 0, 0.15));background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));background-image:-o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0);background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.15));background-color:#e6e6e6;margin-bottom:18px;padding:8px 15px;color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-bottom:1px solid rgba(0, 0, 0, 0.25);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}div.alert-message p{color:#fff;margin-bottom:0;}div.alert-message p+p{margin-top:5px;}
177
+ div.alert-message.error{background-color:#e06359;}
178
+ div.alert-message.warning{background-color:#ffd75a;}
179
+ div.alert-message.success{background-color:#74c474;}
180
+ div.alert-message.info{background-color:#30c0fb;}
181
+ div.alert-message a.close{float:right;margin-top:-2px;color:#fff;font-size:20px;font-weight:bold;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}div.alert-message a.close:hover{text-decoration:none;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
182
+ div.block-message{margin-bottom:18px;padding:14px;color:#404040;color:rgba(0, 0, 0, 0.8);text-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}div.block-message p{color:#404040;color:rgba(0, 0, 0, 0.8);margin-right:30px;margin-bottom:0;}
183
+ div.block-message ul{margin-bottom:0;}
184
+ div.block-message strong{display:block;}
185
+ div.block-message a.close{display:block;color:#404040;color:rgba(0, 0, 0, 0.5);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
186
+ div.block-message.error{background:#f8dcda;border:1px solid #f4c8c5;}
187
+ div.block-message.warning{background:#fff0c0;border:1px solid #ffe38d;}
188
+ div.block-message.success{background:#dff1df;border:1px solid #bbe2bb;}
189
+ div.block-message.info{background:#c7eefe;border:1px solid #ade6fe;}
190
+ ul.tabs,ul.pills{margin:0 0 20px;padding:0;zoom:1;}ul.tabs:before,ul.pills:before,ul.tabs:after,ul.pills:after{display:table;content:"";}
191
+ ul.tabs:after,ul.pills:after{clear:both;}
192
+ ul.tabs li,ul.pills li{display:inline;}ul.tabs li a,ul.pills li a{float:left;width:auto;}
193
+ ul.tabs{width:100%;border-bottom:1px solid #bfbfbf;}ul.tabs li a{margin-bottom:-1px;margin-right:2px;padding:0 15px;line-height:35px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}ul.tabs li a:hover{background-color:#e6e6e6;border-bottom:1px solid #bfbfbf;}
194
+ ul.tabs li.active a{background-color:#fff;padding:0 14px;border:1px solid #ccc;border-bottom:0;color:#808080;}
195
+ ul.pills li a{margin:5px 3px 5px 0;padding:0 15px;text-shadow:0 1px 1px #fff;line-height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}ul.pills li a:hover{background:#0050a3;color:#fff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
196
+ ul.pills li.active a{background:#0069d6;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
197
+ div.pagination{height:36px;margin:18px 0;}div.pagination ul{float:left;margin:0;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);}div.pagination ul li{display:inline;}div.pagination ul li a{float:left;padding:0 14px;line-height:34px;border-right:1px solid rgba(0, 0, 0, 0.15);text-decoration:none;}
198
+ div.pagination ul li a:hover,div.pagination ul li.active a{background-color:#c7eefe;}
199
+ div.pagination ul li.disabled a,div.pagination ul li.disabled a:hover{background-color:none;color:#bfbfbf;}
200
+ div.pagination ul li.next a,div.pagination ul li:last-child a{border:0;}
201
+ div.well{background:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}
202
+ div.modal-backdrop{background-color:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
203
+ div.modal{position:fixed;top:50%;left:50%;z-index:2000;width:560px;margin:-280px 0 0 -250px;background-color:#ffffff;border:1px solid rgba(0, 0, 0, 0.3);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding;}div.modal .modal-header{border-bottom:1px solid #eee;padding:5px 20px;}div.modal .modal-header a.close{position:absolute;right:10px;top:10px;color:#999;line-height:10px;font-size:18px;}
204
+ div.modal .modal-body{padding:20px;}
205
+ div.modal .modal-footer{background-color:#f5f5f5;padding:14px 20px 15px;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;zoom:1;}div.modal .modal-footer:before,div.modal .modal-footer:after{display:table;content:"";}
206
+ div.modal .modal-footer:after{clear:both;}
207
+ div.modal .modal-footer .btn{float:right;margin-left:10px;}
208
+ div.twipsy{display:block;position:absolute;visibility:visible;padding:5px;font-size:11px;z-index:1000;filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}div.twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
209
+ div.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
210
+ div.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
211
+ div.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
212
+ div.twipsy .twipsy-inner{padding:3px 8px;background-color:#000;color:white;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
213
+ div.twipsy .twipsy-arrow{position:absolute;width:0;height:0;}
214
+ .popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
215
+ .popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
216
+ .popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
217
+ .popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
218
+ .popover .arrow{position:absolute;width:0;height:0;}
219
+ .popover .inner{background:rgba(0, 0, 0, 0.8);padding:3px;overflow:hidden;width:280px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
220
+ .popover .title{background:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;}
221
+ .popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;}
@@ -0,0 +1,23 @@
1
+ /*!
2
+ * Bootstrap v1.0.0
3
+ *
4
+ * Copyright 2011 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ * Date: @DATE
10
+ */
11
+
12
+ // CSS Reset
13
+ @import "reset.less";
14
+
15
+ // Core
16
+ @import "preboot.less";
17
+ @import "scaffolding.less";
18
+
19
+ // Styled patterns and elements
20
+ @import "type.less";
21
+ @import "forms.less";
22
+ @import "tables.less";
23
+ @import "patterns.less";
@@ -0,0 +1,349 @@
1
+ /* Forms.less
2
+ * Base styles for various input types, form layouts, and states
3
+ * ------------------------------------------------------------- */
4
+
5
+
6
+ // FORM STYLES
7
+ // -----------
8
+
9
+ form {
10
+ margin-bottom: @baseline;
11
+
12
+ // Groups of fields with labels on top (legends)
13
+ fieldset {
14
+ margin-bottom: @baseline;
15
+ padding-top: @baseline;
16
+ legend {
17
+ display: block;
18
+ margin-left: 150px;
19
+ font-size: 20px;
20
+ line-height: 1;
21
+ color: @grayDark;
22
+ }
23
+ }
24
+
25
+ // Parent element that clears floats and wraps labels and fields together
26
+ div.clearfix {
27
+ margin-bottom: @baseline;
28
+ }
29
+
30
+ // Set font for forms
31
+ label, input, select, textarea {
32
+ #font > .sans-serif(normal,13px,normal);
33
+ }
34
+
35
+ // Float labels left
36
+ label {
37
+ padding-top: 6px;
38
+ font-size: 13px;
39
+ line-height: 18px;
40
+ float: left;
41
+ width: 130px;
42
+ text-align: right;
43
+ color: @grayDark;
44
+ }
45
+
46
+ // Shift over the inside div to align all label's relevant content
47
+ div.input {
48
+ margin-left: 150px;
49
+ }
50
+
51
+ // Checkboxs and radio buttons
52
+ input[type=checkbox],
53
+ input[type=radio] {
54
+ cursor: pointer;
55
+ }
56
+
57
+ // Inputs, Textareas, Selects
58
+ input[type=text],
59
+ input[type=password],
60
+ textarea,
61
+ select,
62
+ .uneditable-input {
63
+ display: inline-block;
64
+ width: 210px;
65
+ margin: 0;
66
+ padding: 4px;
67
+ font-size: 13px;
68
+ line-height: @baseline;
69
+ height: @baseline;
70
+ color: @gray;
71
+ border: 1px solid #ccc;
72
+ .border-radius(3px);
73
+ }
74
+ select,
75
+ input[type=file] {
76
+ height: @baseline * 1.5;
77
+ line-height: @baseline * 1.5;
78
+ }
79
+ textarea {
80
+ height: auto;
81
+ }
82
+ .uneditable-input {
83
+ background-color: #eee;
84
+ display: block;
85
+ border-color: #ccc;
86
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.075));
87
+ }
88
+
89
+ // Placeholder text gets special styles; can't be bundled together though for some reason
90
+ :-moz-placeholder {
91
+ color: @grayLight;
92
+ }
93
+ ::-webkit-input-placeholder {
94
+ color: @grayLight;
95
+ }
96
+
97
+ // Focus states
98
+ input[type=text],
99
+ input[type=password],
100
+ select, textarea {
101
+ @transition: border linear .2s, box-shadow linear .2s;
102
+ .transition(@transition);
103
+ .box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
104
+ }
105
+ input[type=text]:focus,
106
+ input[type=password]:focus,
107
+ textarea:focus {
108
+ outline: none;
109
+ border-color: rgba(82,168,236,.8);
110
+ @shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
111
+ .box-shadow(@shadow);
112
+ }
113
+
114
+ // Error styles
115
+ div.error {
116
+ background: lighten(@red, 57%);
117
+ padding: 10px 0;
118
+ margin: -10px 0 10px;
119
+ .border-radius(4px);
120
+ @error-text: desaturate(lighten(@red, 25%), 25%);
121
+ > label,
122
+ span.help-inline,
123
+ span.help-block {
124
+ color: @red;
125
+ }
126
+ input[type=text],
127
+ input[type=password],
128
+ textarea {
129
+ border-color: @error-text;
130
+ .box-shadow(0 0 3px rgba(171,41,32,.25));
131
+ &:focus {
132
+ border-color: darken(@error-text, 10%);
133
+ .box-shadow(0 0 6px rgba(171,41,32,.5));
134
+ }
135
+ }
136
+ div.input-prepend,
137
+ div.input-append {
138
+ span.add-on {
139
+ background: lighten(@red, 50%);
140
+ border-color: @error-text;
141
+ color: darken(@error-text, 10%);
142
+ }
143
+ }
144
+ }
145
+
146
+ // Form element sizes
147
+ .input-mini, input.mini, textarea.mini, select.mini {
148
+ width: 60px;
149
+ }
150
+ .input-small, input.small, textarea.small, select.small {
151
+ width: 90px;
152
+ }
153
+ .input-medium, input.medium, textarea.medium, select.medium {
154
+ width: 150px;
155
+ }
156
+ .input-large, input.large, textarea.large, select.large {
157
+ width: 210px;
158
+ }
159
+ .input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {
160
+ width: 270px;
161
+ }
162
+ .input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {
163
+ width: 530px;
164
+ }
165
+ textarea.xxlarge {
166
+ overflow-y: scroll;
167
+ }
168
+
169
+ // Turn off focus for disabled (read-only) form elements
170
+ input[readonly]:focus,
171
+ textarea[readonly]:focus,
172
+ input.disabled {
173
+ background: #f5f5f5;
174
+ border-color: #ddd;
175
+ .box-shadow(none);
176
+ }
177
+ }
178
+
179
+ // Actions (the buttons)
180
+ div.actions {
181
+ background: #f5f5f5;
182
+ margin-top: @baseline;
183
+ margin-bottom: @baseline;
184
+ padding: (@baseline - 1) 20px @baseline 150px;
185
+ border-top: 1px solid #ddd;
186
+ .border-radius(0 0 3px 3px);
187
+ div.secondary-action {
188
+ float: right;
189
+ a {
190
+ line-height: 30px;
191
+ &:hover {
192
+ text-decoration: underline;
193
+ }
194
+ }
195
+ }
196
+ }
197
+
198
+ // Help Text
199
+ .help-inline,
200
+ .help-block {
201
+ font-size: 12px;
202
+ line-height: @baseline;
203
+ color: @grayLight;
204
+ }
205
+ .help-inline {
206
+ padding-left: 5px;
207
+ }
208
+
209
+ // Big blocks of help text
210
+ .help-block {
211
+ display: block;
212
+ max-width: 600px;
213
+ }
214
+
215
+ // Inline Fields (input fields that appear as inline objects
216
+ div.inline-inputs {
217
+ color: @gray;
218
+ span, input[type=text] {
219
+ display: inline-block;
220
+ }
221
+ input.mini {
222
+ width: 60px;
223
+ }
224
+ input.small {
225
+ width: 90px;
226
+ }
227
+ span {
228
+ padding: 0 2px 0 1px;
229
+ }
230
+ }
231
+
232
+ // Allow us to put symbols and text within the input field for a cleaner look
233
+ div.input-prepend,
234
+ div.input-append {
235
+ input[type=text] {
236
+ .border-radius(0 3px 3px 0);
237
+ }
238
+ .add-on {
239
+ background: #f5f5f5;
240
+ float: left;
241
+ display: block;
242
+ width: auto;
243
+ min-width: 16px;
244
+ padding: 4px 4px 4px 5px;
245
+ color: @grayLight;
246
+ font-weight: normal;
247
+ line-height: 18px;
248
+ height: 18px;
249
+ text-align: center;
250
+ text-shadow: 0 1px 0 #fff;
251
+ border: 1px solid #ccc;
252
+ border-right-width: 0;
253
+ .border-radius(3px 0 0 3px);
254
+ }
255
+ .active {
256
+ background: lighten(@green, 30);
257
+ border-color: @green;
258
+ }
259
+ }
260
+ div.input-append {
261
+ input[type=text] {
262
+ float: left;
263
+ .border-radius(3px 0 0 3px);
264
+ }
265
+ .add-on {
266
+ .border-radius(0 3px 3px 0);
267
+ border-right-width: 1px;
268
+ border-left-width: 0;
269
+ }
270
+ }
271
+
272
+ // Stacked options for forms (radio buttons or checkboxes)
273
+ ul.inputs-list {
274
+ margin: 0 0 5px;
275
+ width: 100%;
276
+ li {
277
+ display: block;
278
+ padding: 0;
279
+ width: 100%;
280
+ label {
281
+ display: block;
282
+ float: none;
283
+ width: auto;
284
+ padding: 0;
285
+ line-height: @baseline;
286
+ text-align: left;
287
+ white-space: normal;
288
+ strong {
289
+ color: @gray;
290
+ }
291
+ small {
292
+ font-size: 12px;
293
+ font-weight: normal;
294
+ }
295
+ }
296
+ ul.inputs-list {
297
+ margin-left: 25px;
298
+ margin-bottom: 10px;
299
+ padding-top: 0;
300
+ }
301
+ &:first-child {
302
+ padding-top: 5px;
303
+ }
304
+ }
305
+ input[type=radio],
306
+ input[type=checkbox] {
307
+ margin-bottom: 0;
308
+ }
309
+ }
310
+
311
+ // Stacked forms
312
+ form.form-stacked {
313
+ padding-left: 20px;
314
+ fieldset {
315
+ padding-top: @baseline / 2;
316
+ }
317
+ legend {
318
+ margin-left: 0;
319
+ }
320
+ label {
321
+ display: block;
322
+ float: none;
323
+ width: auto;
324
+ font-weight: bold;
325
+ text-align: left;
326
+ line-height: 20px;
327
+ padding-top: 0;
328
+ }
329
+ div.clearfix {
330
+ margin-bottom: @baseline / 2;
331
+ div.input {
332
+ margin-left: 0;
333
+ }
334
+ }
335
+ ul.inputs-list {
336
+ margin-bottom: 0;
337
+ li {
338
+ padding-top: 0;
339
+ label {
340
+ font-weight: normal;
341
+ padding-top: 0;
342
+ }
343
+ }
344
+ }
345
+ div.actions {
346
+ margin-left: -20px;
347
+ padding-left: 20px;
348
+ }
349
+ }