twitter-bootstrap-rails 0.0.3 → 0.0.4
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.
- data/lib/twitter-bootstrap-rails/version.rb +1 -1
- metadata +10 -24
- data/README +0 -0
- data/README.md +0 -27
- data/lib/twitter-bootstrap-rails/engine.rb +0 -9
- data/lib/twitter-bootstrap-rails/railtie.rb +0 -8
- data/vendor/assets/stylesheets/bootstrap-1.0.0.css +0 -1764
- data/vendor/assets/stylesheets/bootstrap-1.0.0.min.css +0 -221
- data/vendor/assets/stylesheets/bootstrap/bootstrap.less +0 -23
- data/vendor/assets/stylesheets/bootstrap/forms.less +0 -349
- data/vendor/assets/stylesheets/bootstrap/patterns.less +0 -639
- data/vendor/assets/stylesheets/bootstrap/preboot.less +0 -270
- data/vendor/assets/stylesheets/bootstrap/reset.less +0 -21
- data/vendor/assets/stylesheets/bootstrap/scaffolding.less +0 -137
- data/vendor/assets/stylesheets/bootstrap/tables.less +0 -152
- data/vendor/assets/stylesheets/bootstrap/type.less +0 -184
@@ -1,221 +0,0 @@
|
|
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;}
|
@@ -1,23 +0,0 @@
|
|
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";
|
@@ -1,349 +0,0 @@
|
|
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
|
-
}
|