Merge lp:~lambdacircus-maint/lambdacircus/969924-visual-design into lp:lambdacircus
- 969924-visual-design
- Merge into trunk
Status: | Merged | ||||
---|---|---|---|---|---|
Approved by: | Tristan Seligmann | ||||
Approved revision: | 49 | ||||
Merged at revision: | 21 | ||||
Proposed branch: | lp:~lambdacircus-maint/lambdacircus/969924-visual-design | ||||
Merge into: | lp:lambdacircus | ||||
Diff against target: |
1292 lines (+989/-144) 12 files modified
Foundation.hs (+2/-0) static/css/bootstrap-responsive.min.css (+12/-0) static/css/bootstrap.min.css (+689/-0) static/img/noun_project_95.svg (+11/-0) templates/application.coffee (+65/-15) templates/default-layout-wrapper.hamlet (+3/-0) templates/default-layout.hamlet (+34/-18) templates/default-layout.lucius (+158/-100) templates/homepage.hamlet (+1/-1) templates/normalize.lucius (+2/-0) templates/quote.hamlet (+11/-8) templates/quotes.hamlet (+1/-2) |
||||
To merge this branch: | bzr merge lp:~lambdacircus-maint/lambdacircus/969924-visual-design | ||||
Related bugs: |
|
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Tristan Seligmann | Approve | ||
Review via email: mp+100286@code.launchpad.net |
Commit message
Description of the change
- 26. By Jonathan Jacobs
-
Voting click spam prevention.
- 27. By Jonathan Jacobs
-
Style tweaks.
- 28. By Jonathan Jacobs
-
Remove background image that is almost imperctable and adds 64KB of additional download time.
- 29. By Jonathan Jacobs
-
Remove duplicate ^{widget}.
- 30. By Jonathan Jacobs
-
Voting controls hover transition.
- 31. By Jonathan Jacobs
-
Use -prefix-free script to avoid writing a million CSS prefixes.
- 32. By Jonathan Jacobs
-
Fix strange content-overflowing container boundaries behaviour.
- 33. By Jonathan Jacobs
-
Use the awesome Bootstrap responsive design stylesheet.
- 34. By Jonathan Jacobs
-
Update favicon.ico.
- 35. By Jonathan Jacobs
-
Style tweak.
- 36. By Jonathan Jacobs
-
Add 32x32 and 64x64 sizes to favicon.
- 37. By Jonathan Jacobs
-
Use XDate for formatting instead of badly supported Date.toLocaleSt
ring. - 38. By Jonathan Jacobs
-
Remove superfluous styles.
Tristan Seligmann (mithrandi) wrote : | # |
Forgot one last thing.
4. Instead of hardcoded URLs in the CSS like this:
975 + background: transparent url(/static/
We should probably use routes like this:
@{StaticR img_noun_
- 39. By Jonathan Jacobs
-
Use @$() instead of @$el.find().
- 40. By Jonathan Jacobs
-
Use .on instead of .bind for Backbone objects.
- 41. By Jonathan Jacobs
-
Use parens-less style where suitable.
- 42. By Jonathan Jacobs
-
Delete some superfluous Lucius variables.
- 43. By Jonathan Jacobs
-
Some IE style tweaks.
- 44. By Jonathan Jacobs
-
Get rid of duplicate "app" id on the home page.
- 45. By Jonathan Jacobs
-
Merge trunk.
- 46. By Jonathan Jacobs
-
Use URL interpolation for static resources.
- 47. By Jonathan Jacobs
-
Move formatted timestamp out of the template code.
Jonathan Jacobs (jjacobs) wrote : | # |
Addressed all the review points.
- 48. By Jonathan Jacobs
-
Coffeescript whitespace.
- 49. By Jonathan Jacobs
-
Vote button style tweak.
Tristan Seligmann (mithrandi) : | # |
Preview Diff
1 | === modified file 'Foundation.hs' |
2 | --- Foundation.hs 2012-04-10 16:28:40 +0000 |
3 | +++ Foundation.hs 2012-04-11 14:23:37 +0000 |
4 | @@ -100,6 +100,8 @@ |
5 | |
6 | pc <- widgetToPageContent $ do |
7 | $(widgetFile "normalize") |
8 | + addStylesheet $ StaticR css_bootstrap_min_css |
9 | + addStylesheet $ StaticR css_bootstrap_responsive_min_css |
10 | #ifdef DEVELOPMENT |
11 | toWidget $(coffeeFileReload "templates/application.coffee") |
12 | #else |
13 | |
14 | === modified file 'config/favicon.ico' |
15 | Binary files config/favicon.ico 2012-03-01 04:03:35 +0000 and config/favicon.ico 2012-04-11 14:23:37 +0000 differ |
16 | === added file 'static/css/bootstrap-responsive.min.css' |
17 | --- static/css/bootstrap-responsive.min.css 1970-01-01 00:00:00 +0000 |
18 | +++ static/css/bootstrap-responsive.min.css 2012-04-11 14:23:37 +0000 |
19 | @@ -0,0 +1,12 @@ |
20 | +.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";} |
21 | +.clearfix:after{clear:both;} |
22 | +.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;} |
23 | +.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} |
24 | +.hidden{display:none;visibility:hidden;} |
25 | +.visible-phone{display:none;} |
26 | +.visible-tablet{display:none;} |
27 | +.visible-desktop{display:block;} |
28 | +.hidden-phone{display:block;} |
29 | +.hidden-tablet{display:block;} |
30 | +.hidden-desktop{display:none;} |
31 | +@media (max-width:767px){.visible-phone{display:block;} .hidden-phone{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:block;} .hidden-tablet{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top{margin-left:-20px;margin-right:-20px;} .container{width:auto;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;} .thumbnails [class*="span"]{width:auto;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:99.999999993%;} .row-fluid > .span11{width:91.436464082%;} .row-fluid > .span10{width:82.87292817100001%;} .row-fluid > .span9{width:74.30939226%;} .row-fluid > .span8{width:65.74585634900001%;} .row-fluid > .span7{width:57.182320438000005%;} .row-fluid > .span6{width:48.618784527%;} .row-fluid > .span5{width:40.055248616%;} .row-fluid > .span4{width:31.491712705%;} .row-fluid > .span3{width:22.928176794%;} .row-fluid > .span2{width:14.364640883%;} .row-fluid > .span1{width:5.801104972%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav .nav-header{color:#999999;text-shadow:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:100%;} .row-fluid > .span11{width:91.45299145300001%;} .row-fluid > .span10{width:82.905982906%;} .row-fluid > .span9{width:74.358974359%;} .row-fluid > .span8{width:65.81196581200001%;} .row-fluid > .span7{width:57.264957265%;} .row-fluid > .span6{width:48.717948718%;} .row-fluid > .span5{width:40.170940171000005%;} .row-fluid > .span4{width:31.623931624%;} .row-fluid > .span3{width:23.076923077%;} .row-fluid > .span2{width:14.529914530000001%;} .row-fluid > .span1{width:5.982905983%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:1160px;} input.span11, textarea.span11, .uneditable-input.span11{width:1060px;} input.span10, textarea.span10, .uneditable-input.span10{width:960px;} input.span9, textarea.span9, .uneditable-input.span9{width:860px;} input.span8, textarea.span8, .uneditable-input.span8{width:760px;} input.span7, textarea.span7, .uneditable-input.span7{width:660px;} input.span6, textarea.span6, .uneditable-input.span6{width:560px;} input.span5, textarea.span5, .uneditable-input.span5{width:460px;} input.span4, textarea.span4, .uneditable-input.span4{width:360px;} input.span3, textarea.span3, .uneditable-input.span3{width:260px;} input.span2, textarea.span2, .uneditable-input.span2{width:160px;} input.span1, textarea.span1, .uneditable-input.span1{width:60px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}} |
32 | |
33 | === added file 'static/css/bootstrap.min.css' |
34 | --- static/css/bootstrap.min.css 1970-01-01 00:00:00 +0000 |
35 | +++ static/css/bootstrap.min.css 2012-04-11 14:23:37 +0000 |
36 | @@ -0,0 +1,689 @@ |
37 | +article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} |
38 | +audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} |
39 | +audio:not([controls]){display:none;} |
40 | +html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} |
41 | +a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} |
42 | +a:hover,a:active{outline:0;} |
43 | +sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} |
44 | +sup{top:-0.5em;} |
45 | +sub{bottom:-0.25em;} |
46 | +img{height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;} |
47 | +button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} |
48 | +button,input{*overflow:visible;line-height:normal;} |
49 | +button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} |
50 | +button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;} |
51 | +input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} |
52 | +input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} |
53 | +textarea{overflow:auto;vertical-align:top;} |
54 | +.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";} |
55 | +.clearfix:after{clear:both;} |
56 | +.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;} |
57 | +.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} |
58 | +body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;} |
59 | +a{color:#0088cc;text-decoration:none;} |
60 | +a:hover{color:#005580;text-decoration:underline;} |
61 | +.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} |
62 | +.row:after{clear:both;} |
63 | +[class*="span"]{float:left;margin-left:20px;} |
64 | +.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} |
65 | +.span12{width:940px;} |
66 | +.span11{width:860px;} |
67 | +.span10{width:780px;} |
68 | +.span9{width:700px;} |
69 | +.span8{width:620px;} |
70 | +.span7{width:540px;} |
71 | +.span6{width:460px;} |
72 | +.span5{width:380px;} |
73 | +.span4{width:300px;} |
74 | +.span3{width:220px;} |
75 | +.span2{width:140px;} |
76 | +.span1{width:60px;} |
77 | +.offset12{margin-left:980px;} |
78 | +.offset11{margin-left:900px;} |
79 | +.offset10{margin-left:820px;} |
80 | +.offset9{margin-left:740px;} |
81 | +.offset8{margin-left:660px;} |
82 | +.offset7{margin-left:580px;} |
83 | +.offset6{margin-left:500px;} |
84 | +.offset5{margin-left:420px;} |
85 | +.offset4{margin-left:340px;} |
86 | +.offset3{margin-left:260px;} |
87 | +.offset2{margin-left:180px;} |
88 | +.offset1{margin-left:100px;} |
89 | +.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} |
90 | +.row-fluid:after{clear:both;} |
91 | +.row-fluid>[class*="span"]{float:left;margin-left:2.127659574%;} |
92 | +.row-fluid>[class*="span"]:first-child{margin-left:0;} |
93 | +.row-fluid > .span12{width:99.99999998999999%;} |
94 | +.row-fluid > .span11{width:91.489361693%;} |
95 | +.row-fluid > .span10{width:82.97872339599999%;} |
96 | +.row-fluid > .span9{width:74.468085099%;} |
97 | +.row-fluid > .span8{width:65.95744680199999%;} |
98 | +.row-fluid > .span7{width:57.446808505%;} |
99 | +.row-fluid > .span6{width:48.93617020799999%;} |
100 | +.row-fluid > .span5{width:40.425531911%;} |
101 | +.row-fluid > .span4{width:31.914893614%;} |
102 | +.row-fluid > .span3{width:23.404255317%;} |
103 | +.row-fluid > .span2{width:14.89361702%;} |
104 | +.row-fluid > .span1{width:6.382978723%;} |
105 | +.container{margin-left:auto;margin-right:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";} |
106 | +.container:after{clear:both;} |
107 | +.container-fluid{padding-left:20px;padding-right:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";} |
108 | +.container-fluid:after{clear:both;} |
109 | +p{margin:0 0 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;}p small{font-size:11px;color:#999999;} |
110 | +.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;} |
111 | +h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;} |
112 | +h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;} |
113 | +h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;} |
114 | +h3{line-height:27px;font-size:18px;}h3 small{font-size:14px;} |
115 | +h4,h5,h6{line-height:18px;} |
116 | +h4{font-size:14px;}h4 small{font-size:12px;} |
117 | +h5{font-size:12px;} |
118 | +h6{font-size:11px;color:#999999;text-transform:uppercase;} |
119 | +.page-header{padding-bottom:17px;margin:18px 0;border-bottom:1px solid #eeeeee;} |
120 | +.page-header h1{line-height:1;} |
121 | +ul,ol{padding:0;margin:0 0 9px 25px;} |
122 | +ul ul,ul ol,ol ol,ol ul{margin-bottom:0;} |
123 | +ul{list-style:disc;} |
124 | +ol{list-style:decimal;} |
125 | +li{line-height:18px;} |
126 | +ul.unstyled,ol.unstyled{margin-left:0;list-style:none;} |
127 | +dl{margin-bottom:18px;} |
128 | +dt,dd{line-height:18px;} |
129 | +dt{font-weight:bold;line-height:17px;} |
130 | +dd{margin-left:9px;} |
131 | +.dl-horizontal dt{float:left;clear:left;width:120px;text-align:right;} |
132 | +.dl-horizontal dd{margin-left:130px;} |
133 | +hr{margin:18px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;} |
134 | +strong{font-weight:bold;} |
135 | +em{font-style:italic;} |
136 | +.muted{color:#999999;} |
137 | +abbr[title]{border-bottom:1px dotted #ddd;cursor:help;} |
138 | +abbr.initialism{font-size:90%;text-transform:uppercase;} |
139 | +blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:22.5px;} |
140 | +blockquote small{display:block;line-height:18px;color:#999999;}blockquote small:before{content:'\2014 \00A0';} |
141 | +blockquote.pull-right{float:right;padding-left:0;padding-right:15px;border-left:0;border-right:5px solid #eeeeee;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} |
142 | +q:before,q:after,blockquote:before,blockquote:after{content:"";} |
143 | +address{display:block;margin-bottom:18px;line-height:18px;font-style:normal;} |
144 | +small{font-size:100%;} |
145 | +cite{font-style:normal;} |
146 | +code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} |
147 | +code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;} |
148 | +pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12.025px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;}pre.prettyprint{margin-bottom:18px;} |
149 | +pre code{padding:0;color:inherit;background-color:transparent;border:0;} |
150 | +.pre-scrollable{max-height:340px;overflow-y:scroll;} |
151 | +form{margin:0 0 18px;} |
152 | +fieldset{padding:0;margin:0;border:0;} |
153 | +legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #eee;}legend small{font-size:13.5px;color:#999999;} |
154 | +label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;} |
155 | +input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} |
156 | +label{display:block;margin-bottom:5px;color:#333333;} |
157 | +input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} |
158 | +.uneditable-textarea{width:auto;height:auto;} |
159 | +label input,label textarea,label select{display:block;} |
160 | +input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;} |
161 | +input[type="image"]{border:0;} |
162 | +input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} |
163 | +input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;} |
164 | +select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;} |
165 | +input[type="file"]{line-height:18px \9;} |
166 | +select{width:220px;background-color:#ffffff;} |
167 | +select[multiple],select[size]{height:auto;} |
168 | +input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} |
169 | +textarea{height:auto;} |
170 | +input[type="hidden"]{display:none;} |
171 | +.radio,.checkbox{padding-left:18px;} |
172 | +.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;} |
173 | +.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;} |
174 | +.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;} |
175 | +.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;} |
176 | +input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;} |
177 | +input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;} |
178 | +input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} |
179 | +.input-mini{width:60px;} |
180 | +.input-small{width:90px;} |
181 | +.input-medium{width:150px;} |
182 | +.input-large{width:210px;} |
183 | +.input-xlarge{width:270px;} |
184 | +.input-xxlarge{width:530px;} |
185 | +input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;} |
186 | +input,textarea,.uneditable-input{margin-left:0;} |
187 | +input.span12, textarea.span12, .uneditable-input.span12{width:930px;} |
188 | +input.span11, textarea.span11, .uneditable-input.span11{width:850px;} |
189 | +input.span10, textarea.span10, .uneditable-input.span10{width:770px;} |
190 | +input.span9, textarea.span9, .uneditable-input.span9{width:690px;} |
191 | +input.span8, textarea.span8, .uneditable-input.span8{width:610px;} |
192 | +input.span7, textarea.span7, .uneditable-input.span7{width:530px;} |
193 | +input.span6, textarea.span6, .uneditable-input.span6{width:450px;} |
194 | +input.span5, textarea.span5, .uneditable-input.span5{width:370px;} |
195 | +input.span4, textarea.span4, .uneditable-input.span4{width:290px;} |
196 | +input.span3, textarea.span3, .uneditable-input.span3{width:210px;} |
197 | +input.span2, textarea.span2, .uneditable-input.span2{width:130px;} |
198 | +input.span1, textarea.span1, .uneditable-input.span1{width:50px;} |
199 | +input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#eeeeee;border-color:#ddd;cursor:not-allowed;} |
200 | +.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;} |
201 | +.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;} |
202 | +.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;} |
203 | +.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;} |
204 | +.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;} |
205 | +.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;} |
206 | +.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;} |
207 | +.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;} |
208 | +.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;} |
209 | +input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;} |
210 | +.form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:#eeeeee;border-top:1px solid #ddd;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";} |
211 | +.form-actions:after{clear:both;} |
212 | +.uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;} |
213 | +:-moz-placeholder{color:#999999;} |
214 | +::-webkit-input-placeholder{color:#999999;} |
215 | +.help-block,.help-inline{color:#555555;} |
216 | +.help-block{display:block;margin-bottom:9px;} |
217 | +.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;} |
218 | +.input-prepend,.input-append{margin-bottom:5px;}.input-prepend input,.input-append input,.input-prepend select,.input-append select,.input-prepend .uneditable-input,.input-append .uneditable-input{*margin-left:0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend select:focus,.input-append select:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;} |
219 | +.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;} |
220 | +.input-prepend .add-on,.input-append .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:normal;line-height:18px;text-align:center;text-shadow:0 1px 0 #ffffff;vertical-align:middle;background-color:#eeeeee;border:1px solid #ccc;} |
221 | +.input-prepend .add-on,.input-append .add-on,.input-prepend .btn,.input-append .btn{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} |
222 | +.input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;} |
223 | +.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;} |
224 | +.input-append input,.input-append select .uneditable-input{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} |
225 | +.input-append .uneditable-input{border-left-color:#eee;border-right-color:#ccc;} |
226 | +.input-append .add-on,.input-append .btn{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} |
227 | +.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} |
228 | +.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} |
229 | +.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} |
230 | +.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;} |
231 | +.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;margin-bottom:0;} |
232 | +.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;} |
233 | +.form-search label,.form-inline label{display:inline-block;} |
234 | +.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;} |
235 | +.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;} |
236 | +.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px;} |
237 | +.control-group{margin-bottom:9px;} |
238 | +legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate;} |
239 | +.form-horizontal .control-group{margin-bottom:18px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";} |
240 | +.form-horizontal .control-group:after{clear:both;} |
241 | +.form-horizontal .control-label{float:left;width:140px;padding-top:5px;text-align:right;} |
242 | +.form-horizontal .controls{margin-left:160px;*display:inline-block;*margin-left:0;*padding-left:20px;} |
243 | +.form-horizontal .help-block{margin-top:9px;margin-bottom:0;} |
244 | +.form-horizontal .form-actions{padding-left:160px;} |
245 | +table{max-width:100%;border-collapse:collapse;border-spacing:0;background-color:transparent;} |
246 | +.table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;} |
247 | +.table th{font-weight:bold;} |
248 | +.table thead th{vertical-align:bottom;} |
249 | +.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;} |
250 | +.table tbody+tbody{border-top:2px solid #dddddd;} |
251 | +.table-condensed th,.table-condensed td{padding:4px 5px;} |
252 | +.table-bordered{border:1px solid #dddddd;border-left:0;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;} |
253 | +.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;} |
254 | +.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;} |
255 | +.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;} |
256 | +.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;} |
257 | +.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;} |
258 | +.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;} |
259 | +.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;} |
260 | +table .span1{float:none;width:44px;margin-left:0;} |
261 | +table .span2{float:none;width:124px;margin-left:0;} |
262 | +table .span3{float:none;width:204px;margin-left:0;} |
263 | +table .span4{float:none;width:284px;margin-left:0;} |
264 | +table .span5{float:none;width:364px;margin-left:0;} |
265 | +table .span6{float:none;width:444px;margin-left:0;} |
266 | +table .span7{float:none;width:524px;margin-left:0;} |
267 | +table .span8{float:none;width:604px;margin-left:0;} |
268 | +table .span9{float:none;width:684px;margin-left:0;} |
269 | +table .span10{float:none;width:764px;margin-left:0;} |
270 | +table .span11{float:none;width:844px;margin-left:0;} |
271 | +table .span12{float:none;width:924px;margin-left:0;} |
272 | +table .span13{float:none;width:1004px;margin-left:0;} |
273 | +table .span14{float:none;width:1084px;margin-left:0;} |
274 | +table .span15{float:none;width:1164px;margin-left:0;} |
275 | +table .span16{float:none;width:1244px;margin-left:0;} |
276 | +table .span17{float:none;width:1324px;margin-left:0;} |
277 | +table .span18{float:none;width:1404px;margin-left:0;} |
278 | +table .span19{float:none;width:1484px;margin-left:0;} |
279 | +table .span20{float:none;width:1564px;margin-left:0;} |
280 | +table .span21{float:none;width:1644px;margin-left:0;} |
281 | +table .span22{float:none;width:1724px;margin-left:0;} |
282 | +table .span23{float:none;width:1804px;margin-left:0;} |
283 | +table .span24{float:none;width:1884px;margin-left:0;} |
284 | +[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;} |
285 | +.icon-white{background-image:url("../img/glyphicons-halflings-white.png");} |
286 | +.icon-glass{background-position:0 0;} |
287 | +.icon-music{background-position:-24px 0;} |
288 | +.icon-search{background-position:-48px 0;} |
289 | +.icon-envelope{background-position:-72px 0;} |
290 | +.icon-heart{background-position:-96px 0;} |
291 | +.icon-star{background-position:-120px 0;} |
292 | +.icon-star-empty{background-position:-144px 0;} |
293 | +.icon-user{background-position:-168px 0;} |
294 | +.icon-film{background-position:-192px 0;} |
295 | +.icon-th-large{background-position:-216px 0;} |
296 | +.icon-th{background-position:-240px 0;} |
297 | +.icon-th-list{background-position:-264px 0;} |
298 | +.icon-ok{background-position:-288px 0;} |
299 | +.icon-remove{background-position:-312px 0;} |
300 | +.icon-zoom-in{background-position:-336px 0;} |
301 | +.icon-zoom-out{background-position:-360px 0;} |
302 | +.icon-off{background-position:-384px 0;} |
303 | +.icon-signal{background-position:-408px 0;} |
304 | +.icon-cog{background-position:-432px 0;} |
305 | +.icon-trash{background-position:-456px 0;} |
306 | +.icon-home{background-position:0 -24px;} |
307 | +.icon-file{background-position:-24px -24px;} |
308 | +.icon-time{background-position:-48px -24px;} |
309 | +.icon-road{background-position:-72px -24px;} |
310 | +.icon-download-alt{background-position:-96px -24px;} |
311 | +.icon-download{background-position:-120px -24px;} |
312 | +.icon-upload{background-position:-144px -24px;} |
313 | +.icon-inbox{background-position:-168px -24px;} |
314 | +.icon-play-circle{background-position:-192px -24px;} |
315 | +.icon-repeat{background-position:-216px -24px;} |
316 | +.icon-refresh{background-position:-240px -24px;} |
317 | +.icon-list-alt{background-position:-264px -24px;} |
318 | +.icon-lock{background-position:-287px -24px;} |
319 | +.icon-flag{background-position:-312px -24px;} |
320 | +.icon-headphones{background-position:-336px -24px;} |
321 | +.icon-volume-off{background-position:-360px -24px;} |
322 | +.icon-volume-down{background-position:-384px -24px;} |
323 | +.icon-volume-up{background-position:-408px -24px;} |
324 | +.icon-qrcode{background-position:-432px -24px;} |
325 | +.icon-barcode{background-position:-456px -24px;} |
326 | +.icon-tag{background-position:0 -48px;} |
327 | +.icon-tags{background-position:-25px -48px;} |
328 | +.icon-book{background-position:-48px -48px;} |
329 | +.icon-bookmark{background-position:-72px -48px;} |
330 | +.icon-print{background-position:-96px -48px;} |
331 | +.icon-camera{background-position:-120px -48px;} |
332 | +.icon-font{background-position:-144px -48px;} |
333 | +.icon-bold{background-position:-167px -48px;} |
334 | +.icon-italic{background-position:-192px -48px;} |
335 | +.icon-text-height{background-position:-216px -48px;} |
336 | +.icon-text-width{background-position:-240px -48px;} |
337 | +.icon-align-left{background-position:-264px -48px;} |
338 | +.icon-align-center{background-position:-288px -48px;} |
339 | +.icon-align-right{background-position:-312px -48px;} |
340 | +.icon-align-justify{background-position:-336px -48px;} |
341 | +.icon-list{background-position:-360px -48px;} |
342 | +.icon-indent-left{background-position:-384px -48px;} |
343 | +.icon-indent-right{background-position:-408px -48px;} |
344 | +.icon-facetime-video{background-position:-432px -48px;} |
345 | +.icon-picture{background-position:-456px -48px;} |
346 | +.icon-pencil{background-position:0 -72px;} |
347 | +.icon-map-marker{background-position:-24px -72px;} |
348 | +.icon-adjust{background-position:-48px -72px;} |
349 | +.icon-tint{background-position:-72px -72px;} |
350 | +.icon-edit{background-position:-96px -72px;} |
351 | +.icon-share{background-position:-120px -72px;} |
352 | +.icon-check{background-position:-144px -72px;} |
353 | +.icon-move{background-position:-168px -72px;} |
354 | +.icon-step-backward{background-position:-192px -72px;} |
355 | +.icon-fast-backward{background-position:-216px -72px;} |
356 | +.icon-backward{background-position:-240px -72px;} |
357 | +.icon-play{background-position:-264px -72px;} |
358 | +.icon-pause{background-position:-288px -72px;} |
359 | +.icon-stop{background-position:-312px -72px;} |
360 | +.icon-forward{background-position:-336px -72px;} |
361 | +.icon-fast-forward{background-position:-360px -72px;} |
362 | +.icon-step-forward{background-position:-384px -72px;} |
363 | +.icon-eject{background-position:-408px -72px;} |
364 | +.icon-chevron-left{background-position:-432px -72px;} |
365 | +.icon-chevron-right{background-position:-456px -72px;} |
366 | +.icon-plus-sign{background-position:0 -96px;} |
367 | +.icon-minus-sign{background-position:-24px -96px;} |
368 | +.icon-remove-sign{background-position:-48px -96px;} |
369 | +.icon-ok-sign{background-position:-72px -96px;} |
370 | +.icon-question-sign{background-position:-96px -96px;} |
371 | +.icon-info-sign{background-position:-120px -96px;} |
372 | +.icon-screenshot{background-position:-144px -96px;} |
373 | +.icon-remove-circle{background-position:-168px -96px;} |
374 | +.icon-ok-circle{background-position:-192px -96px;} |
375 | +.icon-ban-circle{background-position:-216px -96px;} |
376 | +.icon-arrow-left{background-position:-240px -96px;} |
377 | +.icon-arrow-right{background-position:-264px -96px;} |
378 | +.icon-arrow-up{background-position:-289px -96px;} |
379 | +.icon-arrow-down{background-position:-312px -96px;} |
380 | +.icon-share-alt{background-position:-336px -96px;} |
381 | +.icon-resize-full{background-position:-360px -96px;} |
382 | +.icon-resize-small{background-position:-384px -96px;} |
383 | +.icon-plus{background-position:-408px -96px;} |
384 | +.icon-minus{background-position:-433px -96px;} |
385 | +.icon-asterisk{background-position:-456px -96px;} |
386 | +.icon-exclamation-sign{background-position:0 -120px;} |
387 | +.icon-gift{background-position:-24px -120px;} |
388 | +.icon-leaf{background-position:-48px -120px;} |
389 | +.icon-fire{background-position:-72px -120px;} |
390 | +.icon-eye-open{background-position:-96px -120px;} |
391 | +.icon-eye-close{background-position:-120px -120px;} |
392 | +.icon-warning-sign{background-position:-144px -120px;} |
393 | +.icon-plane{background-position:-168px -120px;} |
394 | +.icon-calendar{background-position:-192px -120px;} |
395 | +.icon-random{background-position:-216px -120px;} |
396 | +.icon-comment{background-position:-240px -120px;} |
397 | +.icon-magnet{background-position:-264px -120px;} |
398 | +.icon-chevron-up{background-position:-288px -120px;} |
399 | +.icon-chevron-down{background-position:-313px -119px;} |
400 | +.icon-retweet{background-position:-336px -120px;} |
401 | +.icon-shopping-cart{background-position:-360px -120px;} |
402 | +.icon-folder-close{background-position:-384px -120px;} |
403 | +.icon-folder-open{background-position:-408px -120px;} |
404 | +.icon-resize-vertical{background-position:-432px -119px;} |
405 | +.icon-resize-horizontal{background-position:-456px -118px;} |
406 | +.dropdown{position:relative;} |
407 | +.dropdown-toggle{*margin-bottom:-3px;} |
408 | +.dropdown-toggle:active,.open .dropdown-toggle{outline:0;} |
409 | +.caret{display:inline-block;width:0;height:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;opacity:0.3;filter:alpha(opacity=30);content:"";} |
410 | +.dropdown .caret{margin-top:8px;margin-left:2px;} |
411 | +.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100);} |
412 | +.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}.dropdown-menu.pull-right{right:0;left:auto;} |
413 | +.dropdown-menu .divider{height:1px;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;} |
414 | +.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#333333;white-space:nowrap;} |
415 | +.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#0088cc;} |
416 | +.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);} |
417 | +.dropdown.open .dropdown-menu{display:block;} |
418 | +.pull-right .dropdown-menu{left:auto;right:0;} |
419 | +.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"\2191";} |
420 | +.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;} |
421 | +.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} |
422 | +.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-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);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);} |
423 | +.well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} |
424 | +.well-small{padding:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} |
425 | +.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;} |
426 | +.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;} |
427 | +.close{float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;} |
428 | +.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #cccccc;border-bottom-color:#b3b3b3;-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);cursor:pointer;*margin-left:.3em;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;} |
429 | +.btn:active,.btn.active{background-color:#cccccc \9;} |
430 | +.btn:first-child{*margin-left:0;} |
431 | +.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} |
432 | +.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} |
433 | +.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;outline:0;} |
434 | +.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} |
435 | +.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} |
436 | +.btn-large [class^="icon-"]{margin-top:1px;} |
437 | +.btn-small{padding:5px 9px;font-size:11px;line-height:16px;} |
438 | +.btn-small [class^="icon-"]{margin-top:-1px;} |
439 | +.btn-mini{padding:2px 6px;font-size:11px;line-height:14px;} |
440 | +.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;} |
441 | +.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);} |
442 | +.btn-primary{background-color:#0074cc;background-image:-moz-linear-gradient(top, #0088cc, #0055cc);background-image:-ms-linear-gradient(top, #0088cc, #0055cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));background-image:-webkit-linear-gradient(top, #0088cc, #0055cc);background-image:-o-linear-gradient(top, #0088cc, #0055cc);background-image:linear-gradient(top, #0088cc, #0055cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);border-color:#0055cc #0055cc #003580;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#0055cc;} |
443 | +.btn-primary:active,.btn-primary.active{background-color:#004099 \9;} |
444 | +.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;} |
445 | +.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;} |
446 | +.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;} |
447 | +.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;} |
448 | +.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;} |
449 | +.btn-success:active,.btn-success.active{background-color:#408140 \9;} |
450 | +.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;} |
451 | +.btn-info:active,.btn-info.active{background-color:#24748c \9;} |
452 | +.btn-inverse{background-color:#414141;background-image:-moz-linear-gradient(top, #555555, #222222);background-image:-ms-linear-gradient(top, #555555, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));background-image:-webkit-linear-gradient(top, #555555, #222222);background-image:-o-linear-gradient(top, #555555, #222222);background-image:linear-gradient(top, #555555, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#222222;} |
453 | +.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;} |
454 | +button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;} |
455 | +button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;} |
456 | +button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;} |
457 | +button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;} |
458 | +.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";} |
459 | +.btn-group:after{clear:both;} |
460 | +.btn-group:first-child{*margin-left:0;} |
461 | +.btn-group+.btn-group{margin-left:5px;} |
462 | +.btn-toolbar{margin-top:9px;margin-bottom:9px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;} |
463 | +.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} |
464 | +.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;} |
465 | +.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;} |
466 | +.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;} |
467 | +.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} |
468 | +.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active{z-index:2;} |
469 | +.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;} |
470 | +.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);*padding-top:3px;*padding-bottom:3px;} |
471 | +.btn-group .btn-mini.dropdown-toggle{padding-left:5px;padding-right:5px;*padding-top:1px;*padding-bottom:1px;} |
472 | +.btn-group .btn-small.dropdown-toggle{*padding-top:4px;*padding-bottom:4px;} |
473 | +.btn-group .btn-large.dropdown-toggle{padding-left:12px;padding-right:12px;} |
474 | +.btn-group.open{*z-index:1000;}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} |
475 | +.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);} |
476 | +.btn .caret{margin-top:7px;margin-left:0;} |
477 | +.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);} |
478 | +.btn-mini .caret{margin-top:5px;} |
479 | +.btn-small .caret{margin-top:6px;} |
480 | +.btn-large .caret{margin-top:6px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} |
481 | +.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);} |
482 | +.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;} |
483 | +.alert-heading{color:inherit;} |
484 | +.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;} |
485 | +.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;} |
486 | +.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;} |
487 | +.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;} |
488 | +.alert-block{padding-top:14px;padding-bottom:14px;} |
489 | +.alert-block>p,.alert-block>ul{margin-bottom:0;} |
490 | +.alert-block p+p{margin-top:5px;} |
491 | +.nav{margin-left:0;margin-bottom:18px;list-style:none;} |
492 | +.nav>li>a{display:block;} |
493 | +.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;} |
494 | +.nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;} |
495 | +.nav li+.nav-header{margin-top:9px;} |
496 | +.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;} |
497 | +.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);} |
498 | +.nav-list>li>a{padding:3px 15px;} |
499 | +.nav-list>.active>a,.nav-list>.active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;} |
500 | +.nav-list [class^="icon-"]{margin-right:2px;} |
501 | +.nav-list .divider{height:1px;margin:8px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;} |
502 | +.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";} |
503 | +.nav-tabs:after,.nav-pills:after{clear:both;} |
504 | +.nav-tabs>li,.nav-pills>li{float:left;} |
505 | +.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;} |
506 | +.nav-tabs{border-bottom:1px solid #ddd;} |
507 | +.nav-tabs>li{margin-bottom:-1px;} |
508 | +.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;} |
509 | +.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;} |
510 | +.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} |
511 | +.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#ffffff;background-color:#0088cc;} |
512 | +.nav-stacked>li{float:none;} |
513 | +.nav-stacked>li>a{margin-right:0;} |
514 | +.nav-tabs.nav-stacked{border-bottom:0;} |
515 | +.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} |
516 | +.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} |
517 | +.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} |
518 | +.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;} |
519 | +.nav-pills.nav-stacked>li>a{margin-bottom:3px;} |
520 | +.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;} |
521 | +.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{margin-top:1px;border-width:1px;} |
522 | +.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} |
523 | +.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#0088cc;border-bottom-color:#0088cc;margin-top:6px;} |
524 | +.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#005580;border-bottom-color:#005580;} |
525 | +.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;border-bottom-color:#333333;} |
526 | +.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;} |
527 | +.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;} |
528 | +.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);} |
529 | +.tabs-stacked .open>a:hover{border-color:#999999;} |
530 | +.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";} |
531 | +.tabbable:after{clear:both;} |
532 | +.tab-content{display:table;width:100%;} |
533 | +.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs{border-bottom:0;} |
534 | +.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;} |
535 | +.tab-content>.active,.pill-content>.active{display:block;} |
536 | +.tabs-below .nav-tabs{border-top:1px solid #ddd;} |
537 | +.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0;} |
538 | +.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;} |
539 | +.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd;} |
540 | +.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none;} |
541 | +.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;} |
542 | +.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;} |
543 | +.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} |
544 | +.tabs-left .nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;} |
545 | +.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;} |
546 | +.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;} |
547 | +.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} |
548 | +.tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;} |
549 | +.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;} |
550 | +.navbar{*position:relative;*z-index:2;overflow:visible;margin-bottom:18px;} |
551 | +.navbar-inner{padding-left:20px;padding-right:20px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-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);} |
552 | +.navbar .container{width:auto;} |
553 | +.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#222222;} |
554 | +.btn-navbar:active,.btn-navbar.active{background-color:#080808 \9;} |
555 | +.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} |
556 | +.btn-navbar .icon-bar+.icon-bar{margin-top:3px;} |
557 | +.nav-collapse.collapse{height:auto;} |
558 | +.navbar{color:#999999;}.navbar .brand:hover{text-decoration:none;} |
559 | +.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;} |
560 | +.navbar .navbar-text{margin-bottom:0;line-height:40px;} |
561 | +.navbar .btn,.navbar .btn-group{margin-top:5px;} |
562 | +.navbar .btn-group .btn{margin-top:0;} |
563 | +.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";} |
564 | +.navbar-form:after{clear:both;} |
565 | +.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;} |
566 | +.navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0;} |
567 | +.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;} |
568 | +.navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;} |
569 | +.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#626262;border:1px solid #151515;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;} |
570 | +.navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;} |
571 | +.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-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);outline:0;} |
572 | +.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;} |
573 | +.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} |
574 | +.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} |
575 | +.navbar-fixed-top{top:0;} |
576 | +.navbar-fixed-bottom{bottom:0;} |
577 | +.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;} |
578 | +.navbar .nav.pull-right{float:right;} |
579 | +.navbar .nav>li{display:block;float:left;} |
580 | +.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} |
581 | +.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;} |
582 | +.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#222222;} |
583 | +.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#222222;border-right:1px solid #333333;} |
584 | +.navbar .nav.pull-right{margin-left:10px;margin-right:0;} |
585 | +.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;} |
586 | +.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;} |
587 | +.navbar-fixed-bottom .dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;} |
588 | +.navbar-fixed-bottom .dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;} |
589 | +.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} |
590 | +.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100);} |
591 | +.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent;} |
592 | +.navbar .nav .active>.dropdown-toggle:hover{color:#ffffff;} |
593 | +.navbar .nav.pull-right .dropdown-menu,.navbar .nav .dropdown-menu.pull-right{left:auto;right:0;}.navbar .nav.pull-right .dropdown-menu:before,.navbar .nav .dropdown-menu.pull-right:before{left:auto;right:12px;} |
594 | +.navbar .nav.pull-right .dropdown-menu:after,.navbar .nav .dropdown-menu.pull-right:after{left:auto;right:13px;} |
595 | +.breadcrumb{padding:7px 14px;margin:0 0 18px;list-style:none;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;} |
596 | +.breadcrumb .divider{padding:0 5px;color:#999999;} |
597 | +.breadcrumb .active a{color:#333333;} |
598 | +.pagination{height:36px;margin:18px 0;} |
599 | +.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);} |
600 | +.pagination li{display:inline;} |
601 | +.pagination a{float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0;} |
602 | +.pagination a:hover,.pagination .active a{background-color:#f5f5f5;} |
603 | +.pagination .active a{color:#999999;cursor:default;} |
604 | +.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;} |
605 | +.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} |
606 | +.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} |
607 | +.pagination-centered{text-align:center;} |
608 | +.pagination-right{text-align:right;} |
609 | +.pager{margin-left:0;margin-bottom:18px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";} |
610 | +.pager:after{clear:both;} |
611 | +.pager li{display:inline;} |
612 | +.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} |
613 | +.pager a:hover{text-decoration:none;background-color:#f5f5f5;} |
614 | +.pager .next a{float:right;} |
615 | +.pager .previous a{float:left;} |
616 | +.pager .disabled a,.pager .disabled a:hover{color:#999999;background-color:#fff;cursor:default;} |
617 | +.modal-open .dropdown-menu{z-index:2050;} |
618 | +.modal-open .dropdown.open{*z-index:2050;} |
619 | +.modal-open .popover{z-index:2060;} |
620 | +.modal-open .tooltip{z-index:2070;} |
621 | +.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;} |
622 | +.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);} |
623 | +.modal{position:fixed;top:50%;left:50%;z-index:1050;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-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-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;} |
624 | +.modal.fade.in{top:50%;} |
625 | +.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;} |
626 | +.modal-body{overflow-y:auto;max-height:400px;padding:15px;} |
627 | +.modal-form{margin-bottom:0;} |
628 | +.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;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;}.modal-footer:before,.modal-footer:after{display:table;content:"";} |
629 | +.modal-footer:after{clear:both;} |
630 | +.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;} |
631 | +.modal-footer .btn-group .btn+.btn{margin-left:-1px;} |
632 | +.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);} |
633 | +.tooltip.top{margin-top:-2px;} |
634 | +.tooltip.right{margin-left:2px;} |
635 | +.tooltip.bottom{margin-top:2px;} |
636 | +.tooltip.left{margin-left:-2px;} |
637 | +.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} |
638 | +.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;} |
639 | +.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} |
640 | +.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} |
641 | +.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} |
642 | +.tooltip-arrow{position:absolute;width:0;height:0;} |
643 | +.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;} |
644 | +.popover.right{margin-left:5px;} |
645 | +.popover.bottom{margin-top:5px;} |
646 | +.popover.left{margin-left:-5px;} |
647 | +.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} |
648 | +.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;} |
649 | +.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} |
650 | +.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;} |
651 | +.popover .arrow{position:absolute;width:0;height:0;} |
652 | +.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-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);} |
653 | +.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} |
654 | +.popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;} |
655 | +.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";} |
656 | +.thumbnails:after{clear:both;} |
657 | +.thumbnails>li{float:left;margin:0 0 18px 20px;} |
658 | +.thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);} |
659 | +a.thumbnail:hover{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);} |
660 | +.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;} |
661 | +.thumbnail .caption{padding:9px;} |
662 | +.label{padding:1px 4px 2px;font-size:10.998px;font-weight:bold;line-height:13px;color:#ffffff;vertical-align:middle;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} |
663 | +.label:hover{color:#ffffff;text-decoration:none;} |
664 | +.label-important{background-color:#b94a48;} |
665 | +.label-important:hover{background-color:#953b39;} |
666 | +.label-warning{background-color:#f89406;} |
667 | +.label-warning:hover{background-color:#c67605;} |
668 | +.label-success{background-color:#468847;} |
669 | +.label-success:hover{background-color:#356635;} |
670 | +.label-info{background-color:#3a87ad;} |
671 | +.label-info:hover{background-color:#2d6987;} |
672 | +.label-inverse{background-color:#333333;} |
673 | +.label-inverse:hover{background-color:#1a1a1a;} |
674 | +.badge{padding:1px 9px 2px;font-size:12.025px;font-weight:bold;white-space:nowrap;color:#ffffff;background-color:#999999;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;} |
675 | +.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} |
676 | +.badge-error{background-color:#b94a48;} |
677 | +.badge-error:hover{background-color:#953b39;} |
678 | +.badge-warning{background-color:#f89406;} |
679 | +.badge-warning:hover{background-color:#c67605;} |
680 | +.badge-success{background-color:#468847;} |
681 | +.badge-success:hover{background-color:#356635;} |
682 | +.badge-info{background-color:#3a87ad;} |
683 | +.badge-info:hover{background-color:#2d6987;} |
684 | +.badge-inverse{background-color:#333333;} |
685 | +.badge-inverse:hover{background-color:#1a1a1a;} |
686 | +@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} |
687 | +.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;} |
688 | +.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;} |
689 | +.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;} |
690 | +.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);} |
691 | +.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} |
692 | +.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);} |
693 | +.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} |
694 | +.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);} |
695 | +.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} |
696 | +.progress-warning .bar{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);} |
697 | +.progress-warning.progress-striped .bar{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} |
698 | +.accordion{margin-bottom:18px;} |
699 | +.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} |
700 | +.accordion-heading{border-bottom:0;} |
701 | +.accordion-heading .accordion-toggle{display:block;padding:8px 15px;} |
702 | +.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;} |
703 | +.carousel{position:relative;margin-bottom:18px;line-height:1;} |
704 | +.carousel-inner{overflow:hidden;width:100%;position:relative;} |
705 | +.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;} |
706 | +.carousel .item>img{display:block;line-height:1;} |
707 | +.carousel .active,.carousel .next,.carousel .prev{display:block;} |
708 | +.carousel .active{left:0;} |
709 | +.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;} |
710 | +.carousel .next{left:100%;} |
711 | +.carousel .prev{left:-100%;} |
712 | +.carousel .next.left,.carousel .prev.right{left:0;} |
713 | +.carousel .active.left{left:-100%;} |
714 | +.carousel .active.right{left:100%;} |
715 | +.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;} |
716 | +.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);} |
717 | +.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);} |
718 | +.carousel-caption h4,.carousel-caption p{color:#ffffff;} |
719 | +.hero-unit{padding:60px;margin-bottom:30px;background-color:#eeeeee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;} |
720 | +.hero-unit p{font-size:18px;font-weight:200;line-height:27px;color:inherit;} |
721 | +.pull-right{float:right;} |
722 | +.pull-left{float:left;} |
723 | +.hide{display:none;} |
724 | +.show{display:block;} |
725 | +.invisible{visibility:hidden;} |
726 | |
727 | === added directory 'static/img' |
728 | === added file 'static/img/glyphicons-halflings-white.png' |
729 | Binary files static/img/glyphicons-halflings-white.png 1970-01-01 00:00:00 +0000 and static/img/glyphicons-halflings-white.png 2012-04-11 14:23:37 +0000 differ |
730 | === added file 'static/img/noun_project_95.svg' |
731 | --- static/img/noun_project_95.svg 1970-01-01 00:00:00 +0000 |
732 | +++ static/img/noun_project_95.svg 2012-04-11 14:23:37 +0000 |
733 | @@ -0,0 +1,11 @@ |
734 | +<?xml version="1.0" encoding="utf-8"?> |
735 | +<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --> |
736 | +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> |
737 | +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" |
738 | + width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"> |
739 | +<path fill="#FFFFFF" d="M11.104,64.725c14.807,14.807,38.812,14.807,53.618,0c14.807-14.808,14.807-38.813,0-53.62 |
740 | + c-14.807-14.807-38.812-14.807-53.618,0C-3.703,25.912-3.703,49.917,11.104,64.725z M15.337,15.339 |
741 | + c12.469-12.469,32.684-12.468,45.153,0c12.468,12.468,12.468,32.684,0,45.153c-12.47,12.468-32.685,12.468-45.153,0 |
742 | + C2.869,48.022,2.869,27.808,15.337,15.339z"/> |
743 | +<rect x="75.671" y="61.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.8215 81.663)" fill="#FFFFFF" width="11.973" height="39.909"/> |
744 | +</svg> |
745 | |
746 | === modified file 'templates/application.coffee' |
747 | --- templates/application.coffee 2012-04-10 15:14:31 +0000 |
748 | +++ templates/application.coffee 2012-04-11 14:23:37 +0000 |
749 | @@ -1,13 +1,19 @@ |
750 | -$(document).ready -> |
751 | +$(document).ready -> |
752 | window.FlyingCircus = {} |
753 | |
754 | + |
755 | class FlyingCircus.Quote extends Backbone.Model |
756 | voteUp: -> |
757 | d = $.post(@get('voteUp'), undefined, undefined, 'json') |
758 | - d.done (data) => @set data |
759 | + d.done (data) => |
760 | + @voted = true |
761 | + @set data |
762 | + |
763 | voteDown: -> |
764 | d = $.post(@get('voteDown'), undefined, undefined, 'json') |
765 | - d.done (data) => @set data |
766 | + d.done (data) => |
767 | + @voted = true |
768 | + @set data |
769 | |
770 | |
771 | class FlyingCircus.QuoteList extends Backbone.Collection |
772 | @@ -15,55 +21,99 @@ |
773 | |
774 | FlyingCircus.quoteList = new FlyingCircus.QuoteList |
775 | |
776 | + |
777 | class FlyingCircus.QuoteView extends Backbone.View |
778 | + className: 'quote-container' |
779 | tagName: 'div' |
780 | template: _.template $('#quote-template').html() |
781 | + events: |
782 | + 'click button.vote-up': 'voteUp' |
783 | + 'click button.vote-down': 'voteDown' |
784 | + |
785 | initialize: -> |
786 | - @model.bind('change', @render) |
787 | - @model.bind('remove', @remove) |
788 | + @model.on 'change', @render |
789 | + @model.on 'remove', @remove |
790 | + |
791 | render: => |
792 | - @$el.html @template(@model.toJSON()) |
793 | - @$el.find('a').attr('href', @model.get 'self') |
794 | + json = @model.toJSON() |
795 | + json.displayAdded = new XDate(json.added).toString('yyyy-MM-dd HH:mm:ss') |
796 | + @$el.html @template(json) |
797 | + @$('a').attr('href', @model.get 'self') |
798 | @$el.on 'click', 'a', (event) -> |
799 | FlyingCircus.router.navigate(@pathname, trigger: true) |
800 | event.preventDefault() |
801 | + if @model.voted |
802 | + @disableVoting true |
803 | + @hideVoting() |
804 | return @ |
805 | + |
806 | remove: => |
807 | @$el.remove() |
808 | - events: |
809 | - 'click button.vote-up': 'voteUp' |
810 | - 'click button.vote-down': 'voteDown' |
811 | + |
812 | voteUp: -> |
813 | - @model.voteUp() |
814 | + @disableVoting true |
815 | + d = @model.voteUp() |
816 | + d.fail (f) => |
817 | + @flash() |
818 | + @disableVoting false |
819 | + |
820 | voteDown: -> |
821 | - @model.voteDown() |
822 | + @disableVoting true |
823 | + d = @model.voteDown() |
824 | + d.fail (f) => |
825 | + @flash() |
826 | + @disableVoting false |
827 | + |
828 | + flash: (cssClass='error-flash') -> |
829 | + el = $('<div />').addClass cssClass |
830 | + @$('.quote').append el |
831 | + el.fadeIn(200).fadeOut(600).queue -> |
832 | + el.remove() |
833 | + el.dequeue() |
834 | + |
835 | + disableVoting: (disabled=true) -> |
836 | + @$('.controls button').prop 'disabled', disabled |
837 | + |
838 | + hideVoting: -> |
839 | + controls = @$('.controls') |
840 | + controls.css opacity: 1 |
841 | + controls.find('button').fadeOut 200 |
842 | + controls.find('.voted').fadeIn 200 |
843 | + |
844 | |
845 | class FlyingCircus.AppView extends Backbone.View |
846 | el: $('#app') |
847 | + |
848 | initialize: -> |
849 | ql = FlyingCircus.quoteList |
850 | - ql.bind('add', @addOne) |
851 | - ql.bind('reset', @reset) |
852 | + ql.on 'add', @addOne |
853 | + ql.on 'reset', @reset |
854 | $('.nav-block > ul').on 'click', 'a', (event) -> |
855 | - FlyingCircus.router.navigate(@pathname, trigger: true) |
856 | + FlyingCircus.router.navigate @pathname, trigger: true |
857 | event.preventDefault() |
858 | + |
859 | addOne: (quote) => |
860 | view = new FlyingCircus.QuoteView(model: quote) |
861 | @$el.append view.render().el |
862 | + |
863 | reset: => |
864 | @$el.empty() |
865 | FlyingCircus.quoteList.each (quote) => @addOne quote |
866 | |
867 | + |
868 | class FlyingCircus.CircusRouter extends Backbone.Router |
869 | routes: |
870 | '': 'overview' |
871 | 'quotes': 'quotes' |
872 | 'quotes/:qid': 'quote' |
873 | + |
874 | overview: -> |
875 | FlyingCircus.quoteList.reset [] |
876 | + |
877 | quotes: -> |
878 | $.getJSON('/quotes').success (data) -> |
879 | FlyingCircus.quoteList.reset data |
880 | + |
881 | quote: (qid) -> |
882 | $.getJSON('/quotes/' + qid).success (data) -> |
883 | FlyingCircus.quoteList.reset [data] |
884 | |
885 | === modified file 'templates/default-layout-wrapper.hamlet' |
886 | --- templates/default-layout-wrapper.hamlet 2012-03-22 18:50:50 +0000 |
887 | +++ templates/default-layout-wrapper.hamlet 2012-04-11 14:23:37 +0000 |
888 | @@ -21,6 +21,9 @@ |
889 | document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/,'js'); |
890 | |
891 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> |
892 | + <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> |
893 | + <script src="http://arshaw.com/xdate/downloads/0.7/xdate.js"> |
894 | + <script src="https://raw.github.com/LeaVerou/prefixfree/master/prefixfree.min.js"> |
895 | <script src="http://documentcloud.github.com/underscore/underscore.js"> |
896 | <script src="http://documentcloud.github.com/backbone/backbone.js"> |
897 | <body> |
898 | |
899 | === modified file 'templates/default-layout.hamlet' |
900 | --- templates/default-layout.hamlet 2012-04-10 15:14:31 +0000 |
901 | +++ templates/default-layout.hamlet 2012-04-11 14:23:37 +0000 |
902 | @@ -1,23 +1,39 @@ |
903 | <script type="text/x-template" id="quote-template"> |
904 | - <div class="quote"> |
905 | - <div class="quote-info"> |
906 | + <div .quote .row-fluid> |
907 | + <div .span3 .info> |
908 | <a rel="bookmark" href="#"> |
909 | - <h2>#<%- id %> |
910 | - <span id="rating" class="rating"><%- rating %>/<%- votes %> |
911 | - <p class="quote-info-minor"><%- added %> |
912 | - <div class="quote-content"> |
913 | + <h1><%- id %> |
914 | + <div #rating .rating> |
915 | + <span .votes-for>+<%- votesFor %></span> / |
916 | + <span .votes-against>-<%- votesAgainst %> |
917 | + <div .timestamp><%- displayAdded %> |
918 | + <div .controls> |
919 | + <button .btn .btn-mini .btn-success .vote-up title="Vote for"> |
920 | + <i .icon-white .icon-arrow-up> |
921 | + <button .btn .btn-mini .btn-danger .vote-down title="Vote against"> |
922 | + <i .icon-white .icon-arrow-down> |
923 | + <i .voted .icon-white .icon-ok> |
924 | + <div .span9 .content> |
925 | <p><%- content %> |
926 | - <div class="quote-controls"> |
927 | - <button class="circus-button vote-up" title="Vote for">+ |
928 | - <button class="circus-button vote-down" title="Vote against">- |
929 | $maybe msg <- mmsg |
930 | <div #message>#{msg} |
931 | -<div class="nav-block"> |
932 | - <ul class="nav"> |
933 | - <li> |
934 | - <a href="@{RootR}">Overview |
935 | - <li> |
936 | - <a href="@{QuotesR}">Quotes |
937 | -<div id="app"> |
938 | -<div id="static-app"> |
939 | - ^{widget} |
940 | +<div .header> |
941 | + <div .navbar .navbar-fixed-top> |
942 | + <div .navbar-inner> |
943 | + <div .container> |
944 | + <a .brand href="/">Slipgate Quote Database |
945 | + <ul .nav .pull-right> |
946 | + <li> |
947 | + <a href="@{RootR}"> |
948 | + <i .icon-white .icon-home></i> Overview |
949 | + <li> |
950 | + <a href="@{QuotesR}"> |
951 | + <i .icon-white .icon-comment></i> Quotes |
952 | + <div .search> |
953 | + <input type="text" placeholder="Search" /> |
954 | +<div .page .container> |
955 | + <div #app> |
956 | + <div #static-app> |
957 | + ^{widget} |
958 | + <div .footer> |
959 | + <p>“Magnifying Glass” symbol from <a href="http://thenounproject.com/">The Noun Project</a> collection. |
960 | |
961 | === modified file 'templates/default-layout.lucius' |
962 | --- templates/default-layout.lucius 2012-03-25 19:21:06 +0000 |
963 | +++ templates/default-layout.lucius 2012-04-11 14:23:37 +0000 |
964 | @@ -1,3 +1,10 @@ |
965 | +@bg_col: #272c33; |
966 | +@bg_alt_col: #2d323b; |
967 | +@fg_col: #fff; |
968 | +@col1: #cbff19; |
969 | +@col2: #19ceff; |
970 | +@divider_col1: #545f6e; |
971 | + |
972 | /* Hide the server-side-rendered content from JavaScript-capable browsers */ |
973 | |
974 | html.js #static-app { |
975 | @@ -5,107 +12,158 @@ |
976 | } |
977 | |
978 | body { |
979 | - background: none repeat scroll 0 0 #111111; |
980 | - color: white; |
981 | - font-family: "Lucida Grande","Arial",sans-serif; |
982 | - font-size: 14px; |
983 | - margin: 1em; |
984 | -} |
985 | - |
986 | -a:link, a:visited { |
987 | - color: orange; |
988 | -} |
989 | - |
990 | -a:hover { |
991 | - color: white; |
992 | -} |
993 | - |
994 | -h1, h2 { |
995 | - font-family: "Georgia","Times New Roman",serif; |
996 | - font-weight: normal; |
997 | -} |
998 | - |
999 | -h2 { |
1000 | - font-size: 190%; |
1001 | -} |
1002 | - |
1003 | -p { |
1004 | - color: white; |
1005 | - line-height: 1.3em; |
1006 | + background: #{bg_col}; |
1007 | + color: #{fg_col}; |
1008 | + padding-top: 7.8em; |
1009 | +} |
1010 | + |
1011 | +body, button, input, select, textarea { |
1012 | + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; |
1013 | +} |
1014 | + |
1015 | +.hidden { |
1016 | + display: none !important; |
1017 | +} |
1018 | + |
1019 | +.navbar { |
1020 | + .navbar-inner { |
1021 | + filter: none; |
1022 | + background: #{bg_col}; |
1023 | + box-shadow: none; |
1024 | + } |
1025 | + |
1026 | + .search { |
1027 | + float: left; |
1028 | + clear: left; |
1029 | + width: 100%; |
1030 | + padding: 0.75em 0; |
1031 | + border-top: 1px solid #{fg_col}; |
1032 | + border-bottom: 1px solid #{divider_col1}; |
1033 | + |
1034 | + input { |
1035 | + background: transparent url(@{StaticR img_noun_project_95_svg}) no-repeat left center; |
1036 | + background-size: 32px; |
1037 | + padding: 0; |
1038 | + padding-left: 40px; |
1039 | + font-size: 300%; |
1040 | + border: none; |
1041 | + color: #{fg_col}; |
1042 | + height: 1em; |
1043 | + width: 100%; |
1044 | + } |
1045 | + |
1046 | + input, |
1047 | + input:focus { |
1048 | + box-shadow: none; |
1049 | + } |
1050 | + } |
1051 | +} |
1052 | + |
1053 | +.page { |
1054 | + a:link, |
1055 | + a:visited { |
1056 | + text-decoration: none; |
1057 | + color: #{col1}; |
1058 | + } |
1059 | + |
1060 | + a:hover { |
1061 | + color: #{bg_col}; |
1062 | + background: #{col1}; |
1063 | + border-radius: 0.2em; |
1064 | + } |
1065 | +} |
1066 | + |
1067 | +.quote-container:nth-child(2n) .quote { |
1068 | + background: #{bg_alt_col}; |
1069 | } |
1070 | |
1071 | .quote { |
1072 | - margin: 1.3em 0; |
1073 | - padding: 0.5em; |
1074 | -} |
1075 | - |
1076 | -.quote h2 { |
1077 | - margin: 0; |
1078 | - padding: 0; |
1079 | -} |
1080 | - |
1081 | -.quote a:hover h2 { |
1082 | - color: white; |
1083 | -} |
1084 | - |
1085 | -.circus-button { |
1086 | - background: none repeat scroll 0 0 #222222 !important; |
1087 | - border: 1px outset orange !important; |
1088 | - color: white !important; |
1089 | - cursor: pointer; |
1090 | - font-weight: normal; |
1091 | - padding: 0.25em 0.5em; |
1092 | -} |
1093 | - |
1094 | -.circus-button:hover { |
1095 | - background: none repeat scroll 0 0 #444444 !important; |
1096 | -} |
1097 | - |
1098 | -.circus-button:active { |
1099 | - border-style: inset !important; |
1100 | -} |
1101 | - |
1102 | -.quote-controls button.circus-button { |
1103 | - margin: 0 0.125em; |
1104 | - padding: 0; |
1105 | - width: 1.5em; |
1106 | -} |
1107 | - |
1108 | -.quote-controls form { |
1109 | - display: inline; |
1110 | -} |
1111 | - |
1112 | -.quote-info { |
1113 | - float: left; |
1114 | -} |
1115 | - |
1116 | -.quote-info h2 { |
1117 | - display: inline; |
1118 | -} |
1119 | - |
1120 | -.quote-info .rating { |
1121 | - margin-left: 0.5em; |
1122 | -} |
1123 | - |
1124 | -.quote-rating-bad { |
1125 | - color: #C3171E; |
1126 | -} |
1127 | - |
1128 | -.quote-info-minor { |
1129 | - color: #555555; |
1130 | - float: right; |
1131 | - font-size: 80%; |
1132 | - line-height: 2.5em; |
1133 | -} |
1134 | - |
1135 | -.quote-content { |
1136 | - border-left: 2px solid #333333; |
1137 | - clear: both; |
1138 | - margin-left: 2em; |
1139 | - padding-left: 0.5em; |
1140 | -} |
1141 | - |
1142 | -.quote-content p { |
1143 | - margin: 0.3em 0; |
1144 | - padding-bottom: 0.5ex; |
1145 | + position: relative; |
1146 | + padding: 1.5em 0; |
1147 | + background: #{bg_col}; |
1148 | + border-bottom: 1px solid #{divider_col1}; |
1149 | + |
1150 | + .info { |
1151 | + text-align: center; |
1152 | + |
1153 | + a { |
1154 | + display: inline-block; |
1155 | + } |
1156 | + |
1157 | + h1 { |
1158 | + font-size: 400%; |
1159 | + display: inline-block; |
1160 | + margin: 0; |
1161 | + padding: 0; |
1162 | + } |
1163 | + |
1164 | + .rating { |
1165 | + font-size: 85%; |
1166 | + font-style: italic; |
1167 | + color: #ccc; |
1168 | + } |
1169 | + |
1170 | + .votes-for { |
1171 | + color: #5bb75b; |
1172 | + } |
1173 | + |
1174 | + .votes-against { |
1175 | + color: #da4f49; |
1176 | + } |
1177 | + |
1178 | + .timestamp { |
1179 | + font-size: 75%; |
1180 | + color: #ccc; |
1181 | + } |
1182 | + |
1183 | + .controls { |
1184 | + opacity: 0.05; |
1185 | + position: absolute; |
1186 | + top: 1.25em; |
1187 | + left: 0.75em; |
1188 | + |
1189 | + transition-property: opacity; |
1190 | + transition-duration: 0.3s; |
1191 | + transition-timing-function: ease-in; |
1192 | + |
1193 | + button { |
1194 | + padding: 0.4em; |
1195 | + margin-bottom: 0.25em; |
1196 | + display: block; |
1197 | + } |
1198 | + |
1199 | + .voted { |
1200 | + display: none; |
1201 | + position: absolute; |
1202 | + top: 1.25em; |
1203 | + left: 0.3em; |
1204 | + } |
1205 | + } |
1206 | + } |
1207 | + |
1208 | + .content { |
1209 | + p { |
1210 | + font-family: "Monaco", monospace; |
1211 | + } |
1212 | + } |
1213 | +} |
1214 | + |
1215 | +.quote:hover .info .controls { |
1216 | + opacity: 1.0; |
1217 | +} |
1218 | + |
1219 | +.footer p { |
1220 | + padding-top: 4em; |
1221 | + font-size: 75%; |
1222 | + color: #888; |
1223 | +} |
1224 | + |
1225 | +.error-flash { |
1226 | + background: #8a0f17; |
1227 | + position: absolute; |
1228 | + top: 0; |
1229 | + left: 0; |
1230 | + bottom: 0; |
1231 | + right: 0; |
1232 | + display: none; |
1233 | } |
1234 | |
1235 | === modified file 'templates/homepage.hamlet' |
1236 | --- templates/homepage.hamlet 2012-03-22 18:50:50 +0000 |
1237 | +++ templates/homepage.hamlet 2012-04-11 14:23:37 +0000 |
1238 | @@ -1,2 +1,2 @@ |
1239 | -<div id="app"> |
1240 | +<div> |
1241 | Welcome to Flying Circus. |
1242 | |
1243 | === modified file 'templates/normalize.lucius' |
1244 | --- templates/normalize.lucius 2012-03-01 04:03:35 +0000 |
1245 | +++ templates/normalize.lucius 2012-04-11 14:23:37 +0000 |
1246 | @@ -237,11 +237,13 @@ |
1247 | Lists |
1248 | ========================================================================== */ |
1249 | |
1250 | +/* |
1251 | ul, |
1252 | ol { |
1253 | margin: 1em 0; |
1254 | padding: 0 0 0 40px; |
1255 | } |
1256 | +*/ |
1257 | |
1258 | dd { |
1259 | margin: 0 0 0 40px; |
1260 | |
1261 | === modified file 'templates/quote.hamlet' |
1262 | --- templates/quote.hamlet 2012-03-25 19:18:14 +0000 |
1263 | +++ templates/quote.hamlet 2012-04-11 14:23:37 +0000 |
1264 | @@ -1,8 +1,11 @@ |
1265 | -<div class="quote"> |
1266 | - <div class="quote-info"> |
1267 | - <a rel="bookmark" href="@{QuoteR quoteId}"> |
1268 | - <h2>##{toPathPiece quoteId} |
1269 | - <span id="rating" class="rating">#{show $ quoteRating quote}/#{show $ quoteVotes quote} |
1270 | - <p class="quote-info-minor">#{formatTime defaultTimeLocale "%Y-%m-%d %H:%M:%S" (quoteAdded quote)} |
1271 | - <div class="quote-content"> |
1272 | - <p>#{quoteContent quote} |
1273 | +<div .quote-container> |
1274 | + <div .quote .row-fluid> |
1275 | + <div .span3 .info> |
1276 | + <a rel="bookmark" href="@{QuoteR quoteId}"> |
1277 | + <h1>#{toPathPiece quoteId} |
1278 | + <div #rating .rating> |
1279 | + <span .votes-for>+#{show $ quoteRating quote}</span> / |
1280 | + <span .votes-against>-#{show $ quoteVotes quote} |
1281 | + <div .timestamp>#{formatTime defaultTimeLocale "%Y-%m-%d %H:%M:%S" (quoteAdded quote)} |
1282 | + <div .span9 .content> |
1283 | + <p>#{quoteContent quote} |
1284 | |
1285 | === modified file 'templates/quotes.hamlet' |
1286 | --- templates/quotes.hamlet 2012-03-22 18:50:50 +0000 |
1287 | +++ templates/quotes.hamlet 2012-04-11 14:23:37 +0000 |
1288 | @@ -1,3 +1,2 @@ |
1289 | $forall Entity quoteId quote <- quotes |
1290 | - <div> |
1291 | - ^{quoteWidget quoteId quote} |
1292 | + ^{quoteWidget quoteId quote} |
1. You seem to mix the parens-less and parens-using forms of function call syntax arbitrarily; I think we should standardize on parens-less for single-argument calls, at least.
1.1 In particular, code like this is really awkward with the parens:
818 + el.fadeIn( 200).fadeOut( 600).queue( () ->
819 + el.remove()
820 + el.dequeue())
Compare with:
el.fadeIn( 200).fadeOut( 600).queue ->
el.remove()
el.dequeue()
2. @$el.find('foo') is the same as @$('foo'); let's use the latter instead.
3. Presumably only the last of these lines is relevant, I think the other should be deleted:
904 +@bg_col: #222;
905 +/*@bg_col: #30353b;*/
906 +@bg_col: #272c33;