mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-29 21:52:22 +01:00
clean up org more
This commit is contained in:
Jacob Thornton
parent
96c3e70996
commit
037bf9fec5
BIN
assets/img/grid-20px.png
Normal file
BIN
assets/img/grid-20px.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 324 B |
1792
baseline-1.0.0.css
1792
baseline-1.0.0.css
@ -1,200 +1,1592 @@
|
||||
html,body{margin:0;padding:0;}
|
||||
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
ol,ul{list-style:none;}
|
||||
q:before,q:after,blockquote:before,blockquote:after{content:"";}
|
||||
.clearfix{zoom:1;}.clearfix:after{display:block;visibility:hidden;height:0;clear:both;content:".";}
|
||||
.right{float:right;}
|
||||
.left{float:left;}
|
||||
div.row{zoom:1;}div.row:after{display:block;visibility:hidden;height:0;clear:both;content:".";}
|
||||
div.row div.span1{display:inline;float:left;width:40px;margin-left:20px;}div.row div.span1:first-child{margin-left:0;}
|
||||
div.row div.span2{display:inline;float:left;width:100px;margin-left:20px;}div.row div.span2:first-child{margin-left:0;}
|
||||
div.row div.span3{display:inline;float:left;width:160px;margin-left:20px;}div.row div.span3:first-child{margin-left:0;}
|
||||
div.row div.span4{display:inline;float:left;width:220px;margin-left:20px;}div.row div.span4:first-child{margin-left:0;}
|
||||
div.row div.span5{display:inline;float:left;width:280px;margin-left:20px;}div.row div.span5:first-child{margin-left:0;}
|
||||
div.row div.span6{display:inline;float:left;width:340px;margin-left:20px;}div.row div.span6:first-child{margin-left:0;}
|
||||
div.row div.span7{display:inline;float:left;width:400px;margin-left:20px;}div.row div.span7:first-child{margin-left:0;}
|
||||
div.row div.span8{display:inline;float:left;width:460px;margin-left:20px;}div.row div.span8:first-child{margin-left:0;}
|
||||
div.row div.span9{display:inline;float:left;width:520px;margin-left:20px;}div.row div.span9:first-child{margin-left:0;}
|
||||
div.row div.span10{display:inline;float:left;width:580px;margin-left:20px;}div.row div.span10:first-child{margin-left:0;}
|
||||
div.row div.span11{display:inline;float:left;width:640px;margin-left:20px;}div.row div.span11:first-child{margin-left:0;}
|
||||
div.row div.span12{display:inline;float:left;width:700px;margin-left:20px;}div.row div.span12:first-child{margin-left:0;}
|
||||
div.row div.span13{display:inline;float:left;width:760px;margin-left:20px;}div.row div.span13:first-child{margin-left:0;}
|
||||
div.row div.span14{display:inline;float:left;width:820px;margin-left:20px;}div.row div.span14:first-child{margin-left:0;}
|
||||
div.row div.span15{display:inline;float:left;width:880px;margin-left:20px;}div.row div.span15:first-child{margin-left:0;}
|
||||
div.row div.span16{display:inline;float:left;width:940px;margin-left:20px;}div.row div.span16:first-child{margin-left:0;}
|
||||
html,body{background-color:#fff;}
|
||||
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:20px;color:#555555;text-rendering:optimizeLegibility;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}
|
||||
div.container{width:940px;margin:0 auto;}
|
||||
div.container-fluid{padding:20px;zoom:1;}div.container-fluid:after{display:block;visibility:hidden;height:0;clear:both;content:".";}
|
||||
div.container-fluid div.sidebar{float:left;width:220px;}
|
||||
div.container-fluid div.content{min-width:700px;max-width:1180px;margin-left:240px;}
|
||||
a{color:#0069d6;text-decoration:none;line-height:inherit;}a:hover{color:#0050a3;text-decoration:underline;}
|
||||
.btn{display:inline-block;background-color:#e0e0e0;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), color-stop(0.25, #f9f9f9), to(#e0e0e0));background-image:-webkit-linear-gradient(#f9f9f9, color-stop(0.25, #f9f9f9), #e0e0e0);background-image:-moz-linear-gradient(#f9f9f9, color-stop(#f9f9f9, 0.25), #e0e0e0);padding:4px 14px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);color:#555555;line-height:20px;border:1px solid rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.25);-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),0 1px 2px rgba(0, 0, 0, 0.1);cursor:pointer;}.btn:hover{background-position:0 -15px;color:#3b3b3b;text-decoration:none;}
|
||||
.btn.primary{background-color:#0069d6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#08b5fb), to(#0069d6));background-image:-webkit-linear-gradient(#08b5fb, #0069d6);background-image:-moz-linear-gradient(#08b5fb, #0069d6);background-image:-o-linear-gradient(top, #08b5fb, #0069d6);background-image:-khtml-gradient(linear, left top, left bottom, from(#08b5fb), to(#0069d6));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#08b5fb', EndColorStr='#0069d6', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#08b5fb', EndColorStr='#0069d6', GradientType=0))";color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.btn.primary:hover{color:#fff;}
|
||||
.btn.large{font-size:16px;line-height:30px;-moz-border-radius:6px;border-radius:6px;}
|
||||
.btn.small{padding-right:9px;padding-left:9px;font-size:11px;line-height:16px;}
|
||||
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
|
||||
p{font-size:14px;font-weight:normal;line-height:20px;margin-bottom:20px;}p small{font-size:12px;color:#777777;}
|
||||
h1,h2,h3,h4,h5,h6{font-weight:500;color:#333333;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#777777;}
|
||||
h1{margin-bottom:20px;font-size:30px;line-height:40px;}h1 small{font-size:18px;}
|
||||
h2{font-size:24px;line-height:40px;}h2 small{font-size:14px;}
|
||||
h3,h4,h5,h6{line-height:40px;}
|
||||
h3{font-size:18px;}h3 small{font-size:14px;}
|
||||
h4{font-size:16px;}h4 small{font-size:12px;}
|
||||
h5{font-size:14px;}
|
||||
h6{font-size:13px;color:#777777;text-transform:uppercase;}
|
||||
ul,ol{margin:0 0 20px 25px;}
|
||||
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
|
||||
ul{list-style:disc;}
|
||||
ol{list-style:decimal;}
|
||||
li{line-height:20px;color:#555555;}
|
||||
ul.unstyled{list-style:none;margin-left:0;}
|
||||
dl{margin-bottom:20px;}dl dt,dl dd{line-height:20px;}
|
||||
dl dt{font-weight:bold;}
|
||||
dl dd{margin-left:10px;}
|
||||
span.label{background-color:#ccc;padding:3px 5px;font-size:10px;font-weight:bold;color:#fff;text-shadow:0 0 1px rgba(0, 0, 0, 0.01);text-transform:uppercase;-moz-border-radius:3px;border-radius:3px;}span.label.expired{background-color:#f5f5f5;color:#999;}
|
||||
span.label.pending{background-color:#48489b;}
|
||||
span.label.declined{background-color:#9b4848;}
|
||||
span.label.active,span.label.approved{background-color:#59bf59;}
|
||||
span.label.disabled{background-color:#faa226;}
|
||||
span.label.scheduled{background-color:#f5f5f5;color:#59bf59;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
||||
hr{margin:0 0 19px;border:0;border-bottom:1px solid #eee;}
|
||||
strong{font-style:inherit;font-weight:bold;line-height:inherit;}
|
||||
em{font-style:italic;font-weight:inherit;line-height:inherit;}
|
||||
.muted{color:#cccccc;}
|
||||
blockquote{margin-bottom:20px;border-left:5px solid #eee;padding-left:15px;}blockquote p{font-size:14px;font-weight:300;line-height:20px;margin-bottom:0;}
|
||||
blockquote cite{display:block;font-size:12px;font-weight:300;line-height:20px;color:#777777;}blockquote cite:before{content:'\2014 \00A0';}
|
||||
address{display:block;line-height:20px;margin-bottom:20px;}
|
||||
code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-moz-border-radius:3px;border-radius:3px;}
|
||||
code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:2px 3px;}
|
||||
pre{background-color:#f5f5f5;display:block;padding:19px;margin:0 0 20px;line-height:20px;font-size:12px;border:1px solid rgba(0, 0, 0, 0.15);-moz-border-radius:3px;border-radius:3px;white-space:pre-wrap;}
|
||||
pre.css,pre.html{background-color:#fff;}
|
||||
pre ol{background-color:#feeed6;list-style:decimal;margin:-19px;padding-left:59px;-moz-border-radius:2px;border-radius:2px;}pre ol li{background-color:#fff;padding:0 10px;border-left:1px solid rgba(0, 0, 0, 0.1);border-left-color:#fddfb3;font-size:11px;line-height:20px;color:#777777;text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);word-wrap:break-word;}
|
||||
pre ol li:first-child{padding-top:9px;}
|
||||
pre ol li:last-child{padding-bottom:9px;}
|
||||
span.html__tag_start,span.html__tag_end{color:#277ac1;font-weight:normal;}
|
||||
span.html__attr_name{color:#d78b41;}
|
||||
span.html__attr_value{color:#de4a3f;}
|
||||
form{margin-bottom:20px;}form fieldset{margin-bottom:20px;padding-top:20px;}form fieldset legend{display:block;margin-left:150px;font-size:20px;line-height:1;color:#333333;}
|
||||
form div.clearfix{margin-bottom:20px;}
|
||||
form label,form input,form select,form textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
|
||||
form label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;}
|
||||
form div.input{margin-left:150px;}
|
||||
form input[type=checkbox],form input[type=radio]{cursor:pointer;}
|
||||
form input[type=text],form input[type=password],form textarea,form select,form .uneditable-input{display:block;width:210px;margin:0;padding:4px;font-size:13px;line-height:20px;height:20px;color:#555555;border:1px solid #bbb;-moz-border-radius:3px;border-radius:3px;}
|
||||
form select{height:30px;line-height:30px;}
|
||||
form input[type=file]{line-height:30px;}
|
||||
form textarea{height:auto;}
|
||||
form .uneditable-input{background-color:#eee;display:block;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);}
|
||||
form input[type=text],form input[type=password],form select,form textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
|
||||
form input[type=text]:focus,form input[type=password]:focus,form textarea:focus{outline:none;border-color:rgba(82, 168, 236, 0.75);-webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.5);-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5);box-shadow:0 0 8px rgba(82, 168, 236, 0.5);}
|
||||
form div.error{background:#fae5e3;padding:10px 0;margin:-10px 0 10px;-moz-border-radius:4px;border-radius:4px;}form div.error>label{color:#9d261d;}
|
||||
form div.error input[type=text],form div.error input[type=password],form div.error textarea{border-color:#c87872;-webkit-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);-moz-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);box-shadow:0 0 3px rgba(171, 41, 32, 0.25);}form div.error input[type=text]:focus,form div.error input[type=password]:focus,form div.error textarea:focus{border-color:#b9554d;-webkit-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);-moz-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);box-shadow:0 0 6px rgba(171, 41, 32, 0.5);}
|
||||
form div.error div.input-prepend span.add-on,form div.error div.input-append span.add-on{background:#f4c8c5;border-color:#c87872;color:#b9554d;}
|
||||
form .input-mini,form input.mini,form textarea.mini,form select.mini{width:60px;}
|
||||
form .input-small,form input.small,form textarea.small,form select.small{width:90px;}
|
||||
form .input-medium,form input.medium,form textarea.medium,form select.medium{width:150px;}
|
||||
form .input-large,form input.large,form textarea.large,form select.large{width:210px;}
|
||||
form .input-xlarge,form input.xlarge,form textarea.xlarge,form select.xlarge{width:270px;}
|
||||
form .input-xxlarge,form input.xxlarge,form textarea.xxlarge,form select.xxlarge{width:530px;}
|
||||
form textarea.xxlarge{overflow-y:scroll;}
|
||||
form input[readonly]:focus,form textarea[readonly]:focus,form input.disabled{background:#f5f5f5;border-color:#ddd;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
div.actions{background:#f5f5f5;margin-top:20px;margin-bottom:20px;padding:19px 20px 20px 150px;border-top:1px solid #ddd;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}div.actions div.secondary-action{float:right;}div.actions div.secondary-action a{line-height:30px;}div.actions div.secondary-action a:hover{text-decoration:underline;}
|
||||
.help-inline,.help-block{font-size:12px;line-height:20px;color:#777777;}
|
||||
.help-inline{padding-left:5px;}
|
||||
.help-block{display:block;max-width:600px;}.help-block h5,.help-block p,.help-block ol li{color:#555555;}
|
||||
.help-block p,.help-block ol li{font-size:12px;}
|
||||
.help-block p{margin-bottom:0;font-size:12px;line-height:20px;color:#777777;}
|
||||
.help-block ol{margin-bottom:10px;margin-left:25px;}
|
||||
div.inline-inputs{color:#555555;}div.inline-inputs span,div.inline-inputs input[type=text]{display:inline-block;}
|
||||
div.inline-inputs input.mini{width:60px;}
|
||||
div.inline-inputs input.small{width:90px;}
|
||||
div.inline-inputs span{padding:0 2px 0 1px;}
|
||||
div.input-prepend input[type=text],div.input-append input[type=text]{-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
||||
div.input-prepend .add-on,div.input-append .add-on{background:#f5f5f5;float:left;display:block;width:auto;min-width:16px;padding:5px 4px 5px 5px;color:#777777;font-weight:normal;line-height:18px;height:18px;text-align:center;text-shadow:0 1px 0 #fff;border:1px solid #bbb;border-right-width:0;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
div.input-prepend .active,div.input-append .active{background:#a9dba9;border-color:#46a546;}
|
||||
div.input-append input[type=text]{float:left;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
div.input-append .add-on{-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;border-right-width:1px;border-left-width:0;}
|
||||
ul.inputs-list{margin:0 0 5px;width:100%;}ul.inputs-list li{display:block;padding:0;width:100%;}ul.inputs-list li label{display:block;float:none;width:auto;padding:0;line-height:20px;text-align:left;white-space:normal;}ul.inputs-list li label strong{color:#555555;}
|
||||
ul.inputs-list li label small{font-size:12px;font-weight:normal !important;}
|
||||
ul.inputs-list li ul.inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
|
||||
ul.inputs-list li:first-child{padding-top:5px;}
|
||||
ul.inputs-list input[type=radio],ul.inputs-list input[type=checkbox]{margin-bottom:0;}
|
||||
form.form-stacked fieldset{padding-top:10px;}
|
||||
form.form-stacked legend{margin-left:0;}
|
||||
form.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:1px;}
|
||||
form.form-stacked div.clearfix{margin-bottom:10px;}form.form-stacked div.clearfix div.input{margin-left:0;}
|
||||
form.form-stacked ul.inputs-list li label{font-weight:normal;padding-top:0;}
|
||||
table{width:100%;margin-bottom:20px;padding:0;text-align:left;border-collapse:separate;}table th,table td{padding:10px 10px 9px;line-height:20px;vertical-align:middle;border-bottom:1px solid #ddd;}
|
||||
table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
|
||||
table.zebra-striped tbody tr:nth-child(odd) td{background-color:#f5f5f5;}
|
||||
table.zebra-striped tbody tr:hover td{background-color:#f1f1f1;}
|
||||
table.zebra-striped th.header{cursor:pointer;padding-right:20px;}
|
||||
table.zebra-striped th.headerSortUp,table.zebra-striped th.headerSortDown{background-image:url(../img/tablesorter-indicators.png);background-position:right -23px;background-repeat:no-repeat;background-color:rgba(141, 192, 219, 0.25);-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
|
||||
table.zebra-striped th.header:hover{background-image:url(../img/tablesorter-indicators.png);background-position:right 15px;background-repeat:no-repeat;}
|
||||
table.zebra-striped th.actions:hover{background-image:none !important;}
|
||||
table.zebra-striped th.headerSortDown,table.zebra-striped th.headerSortDown:hover{background-position:right -25px;}
|
||||
table.zebra-striped th.headerSortUp,table.zebra-striped th.headerSortUp:hover{background-position:right -65px;}
|
||||
table.zebra-striped th.blue{color:#08b5fb;border-bottom-color:#08b5fb;}
|
||||
table.zebra-striped th.headerSortUp.blue,table.zebra-striped th.headerSortDown.blue{background-color:#d1f1fe;}
|
||||
table.zebra-striped th.green{color:#46a546;border-bottom-color:#46a546;}
|
||||
table.zebra-striped th.headerSortUp.green,table.zebra-striped th.headerSortDown.green{background-color:#cdeacd;}
|
||||
table.zebra-striped th.red{color:#9d261d;border-bottom-color:#9d261d;}
|
||||
table.zebra-striped th.headerSortUp.red,table.zebra-striped th.headerSortDown.red{background-color:#f4c8c5;}
|
||||
table.zebra-striped th.yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
|
||||
table.zebra-striped th.headerSortUp.yellow,table.zebra-striped th.headerSortDown.yellow{background-color:#fff6d9;}
|
||||
table.zebra-striped th.orange{color:#f89406;border-bottom-color:#f89406;}
|
||||
table.zebra-striped th.headerSortUp.orange,table.zebra-striped th.headerSortDown.orange{background-color:#fee9cc;}
|
||||
table.zebra-striped th.purple{color:#7a43b6;border-bottom-color:#7a43b6;}
|
||||
table.zebra-striped th.headerSortUp.purple,table.zebra-striped th.headerSortDown.purple{background-color:#e2d5f0;}
|
||||
div.topbar{background-color:#222222;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#222222));background-image:-webkit-linear-gradient(#333333, #222222);background-image:-moz-linear-gradient(#333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#333333', EndColorStr='#222222', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222', GradientType=0))";position:fixed;top:0;left:0;right:0;z-index:1000;height:40px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);}div.topbar a{color:#999;}div.topbar a:hover{color:#fff;text-decoration:none;background-color:rgba(255, 255, 255, 0.05);}
|
||||
div.topbar a#logo,div.topbar ul li a{float:left;padding:0 10px;line-height:40px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
|
||||
div.topbar a#logo{margin-left:-10px;margin-right:10px;color:#777777;font-size:20px;font-weight:200;}div.topbar a#logo img{float:left;margin-top:9px;margin-right:6px;}
|
||||
div.topbar ul{float:left;margin:0;}div.topbar ul li{display:inline;}div.topbar ul li.active a{color:#fff;background-color:rgba(0, 0, 0, 0.5);}
|
||||
div.page-header{margin-bottom:19px;border-bottom:1px solid #ddd;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}div.page-header h1{margin-bottom:0;}
|
||||
div.alert-message{background-color:rgba(0, 0, 0, 0.15);background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));background-image:-moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));background-image:-o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));background-image:-khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='transparent', EndColorStr='rgba(0, 0, 0, 0.15)', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent', EndColorStr='rgba(0, 0, 0, 0.15)', GradientType=0))";background-color:#cccccc;margin-bottom:20px;padding:10px 15px 9px;-moz-border-radius:6px;border-radius:6px;color:#fff;border-bottom:1px solid rgba(0, 0, 0, 0.25);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}div.alert-message p{color:#fff;margin-bottom:0;}div.alert-message p+p{margin-top:5px;}
|
||||
div.alert-message.error{background-color:#e06359;}
|
||||
div.alert-message.warning{background-color:#ffd75a;}
|
||||
div.alert-message.success{background-color:#74c474;}
|
||||
div.alert-message.info{background-color:#53ccfc;}
|
||||
div.alert-message a.close{float:right;margin-top:-2px;opacity:.5;color:#fff;font-size:20px;font-weight:bold;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);-moz-border-radius:3px;border-radius:3px;}div.alert-message a.close:hover{opacity:1;text-decoration:none;}
|
||||
div.block-message{margin-bottom:20px;padding:14px 19px;color:#333;color:rgba(0, 0, 0, 0.8);text-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-border-radius:6px;border-radius:6px;}div.block-message p{font-size:13px;line-height:18px;color:#333;color:rgba(0, 0, 0, 0.8);margin-right:30px;margin-bottom:0;}
|
||||
div.block-message ul{margin-bottom:0;}
|
||||
div.block-message strong{display:block;}
|
||||
div.block-message a.close{display:block;color:#333;color:rgba(0, 0, 0, 0.5);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
|
||||
div.block-message.error{background:#f8dcda;border:1px solid #f4c8c5;}
|
||||
div.block-message.warning{background:#fff0c0;border:1px solid #ffe38d;}
|
||||
div.block-message.success{background:#dff1df;border:1px solid #bbe2bb;}
|
||||
div.block-message.info{background:#eaf9ff;border:1px solid #d1f1fe;}
|
||||
ul.tabs,ul.pills{margin:0 0 20px;padding:0;zoom:1;}ul.tabs:after,ul.pills:after{display:block;visibility:hidden;height:0;clear:both;content:".";}
|
||||
ul.tabs li,ul.pills li{display:inline;}ul.tabs li a,ul.pills li a{display:inline;float:left;width:auto;}
|
||||
ul.tabs{width:100%;border-bottom:1px solid #ccc;}ul.tabs li a{margin-bottom:-1px;margin-right:2px;padding:0 15px;line-height:39px;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}ul.tabs li a:hover{background:#f5f5f5;border-bottom:1px solid #ccc;}
|
||||
ul.tabs li.active a{background:#fff;padding:0 14px;border:1px solid #ccc;border-bottom:0;color:#555555;}
|
||||
ul.pills li a{margin:5px 3px 5px 0;padding:0 15px;text-shadow:0 1px 1px #fff;line-height:30px;-moz-border-radius:15px;border-radius:15px;}ul.pills li a:hover{background:#0050a3;color:#fff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
|
||||
ul.pills li.active a{background:#0069d6;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
|
||||
div.pagination{height:40px;margin:20px 0;}div.pagination ul{float:left;margin:0;border:1px solid rgba(0, 0, 0, 0.15);-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);}div.pagination ul li{display:inline;}div.pagination ul li a{display:inline;float:left;padding:0 14px;line-height:38px;border-right:1px solid rgba(0, 0, 0, 0.15);text-decoration:none;}
|
||||
div.pagination ul li a:hover,div.pagination ul li.active a{background-color:#eaf9ff;}
|
||||
div.pagination ul li.disabled a,div.pagination ul li.disabled a:hover{background-color:none;color:#777777;}
|
||||
div.pagination ul li.next a,div.pagination ul li:last-child a{border:0;}
|
||||
div.well{background:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px;-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);}
|
||||
body{background-color:#ffffff;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), color-stop(0.15, #ffffff), to(#ffffff));background-image:-webkit-linear-gradient(#eeeeee, color-stop(0.15, #ffffff), #ffffff);background-image:-moz-linear-gradient(#eeeeee, color-stop(#ffffff, 0.15), #ffffff);background-attachment:fixed;background-position:0 40px;position:relative;}
|
||||
header,section,footer,article,aside{display:block;}
|
||||
section{padding-top:80px;margin-bottom:-40px;}
|
||||
#masthead,#footer{background-color:#049cd9;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#005cbd), to(#049cd9));background-image:-webkit-linear-gradient(#005cbd, #049cd9);background-image:-moz-linear-gradient(#005cbd, #049cd9);background-image:-o-linear-gradient(top, #005cbd, #049cd9);background-image:-khtml-gradient(linear, left top, left bottom, from(#005cbd), to(#049cd9));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#005cbd', EndColorStr='#049cd9', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#005cbd', EndColorStr='#049cd9', GradientType=0))";}#masthead div.inner,#footer div.inner{background:transparent url(../img/grid-20px.png) 0 -1px;padding:40px 0;-webkit-box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);-moz-box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);}
|
||||
#masthead h1,#footer h1,#masthead p,#footer p,#masthead small,#footer small{color:#fff;text-shadow:0 2px 0 rgba(0, 0, 0, 0.25);}
|
||||
#masthead{margin-top:40px;margin-bottom:-40px;}#masthead h1{margin-bottom:0;}
|
||||
#masthead p.lead{font-size:20px;font-weight:300;line-height:30px;margin:5px 0;}
|
||||
#masthead a.btn{background-color:#552e7e;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));background-image:-webkit-linear-gradient(#7a43b6, #552e7e);background-image:-moz-linear-gradient(#7a43b6, #552e7e);background-image:-o-linear-gradient(top, #7a43b6, #552e7e);background-image:-khtml-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))";display:block;margin-bottom:20px;padding-top:5px;padding-bottom:5px;text-align:center;border:0;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;}
|
||||
#masthead small{display:block;text-align:center;font-size:13px;line-height:20px;color:rgba(255, 255, 255, 0.5);}#masthead small a{color:#fff;}
|
||||
#footer{margin-top:80px;}#footer p{margin-bottom:0;}
|
||||
.show-grid{margin-top:20px;margin-bottom:20px;}.show-grid .column,.show-grid .columns{background:rgba(0, 0, 0, 0.1);text-align:center;-moz-border-radius:3px;border-radius:3px;height:30px;line-height:30px;}
|
||||
.show-grid:hover .column,.show-grid:hover .columns{background:rgba(0, 0, 0, 0.25);}
|
||||
#grid{width:980px;position:absolute;top:0;left:50%;margin-left:-490px;}
|
||||
#grid div.vert{width:39px;border:solid darkturquoise;border-width:0 1px;margin-right:19px;}
|
||||
#grid div.vert.first-line{margin-left:19px;}
|
||||
#grid div.horiz{height:19px;border-bottom:1px solid rgba(255, 0, 0, 0.1);margin:0;padding:0;}#grid div.horiz:nth-child(5n){border-color:rgba(255, 0, 0, 0.25);}
|
||||
div.mini-layout{height:340px;margin-bottom:20px;padding:9px;border:1px solid rgba(0, 0, 0, 0.25);-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);}div.mini-layout div{-moz-border-radius:3px;border-radius:3px;}div.mini-layout div.mini-layout-body{background-color:rgba(141, 192, 219, 0.25);margin:0 auto;width:450px;height:340px;}
|
||||
div.mini-layout.fluid div.mini-layout-sidebar,div.mini-layout.fluid div.mini-layout-header,div.mini-layout.fluid div.mini-layout-body{float:left;}
|
||||
div.mini-layout.fluid div.mini-layout-sidebar{background-color:rgba(141, 192, 219, 0.5);width:90px;height:340px;}
|
||||
div.mini-layout.fluid div.mini-layout-body{width:400px;margin-left:10px;}
|
||||
/*
|
||||
Master Stylesheet
|
||||
This file is only for importing all required stylesheets for LESS to include and then compile.
|
||||
*/
|
||||
/*--------------------------------------------------
|
||||
|
||||
Global Reset
|
||||
|
||||
Props to Eric Meyer (meyerweb.com) for his CSS
|
||||
reset file. We're using an adapted version here
|
||||
that cuts out some of the reset HTML elements we
|
||||
will never need here (i.e., dfn, samp, etc).
|
||||
|
||||
-------------------------------------------------- */
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
dd,
|
||||
dl,
|
||||
dt,
|
||||
li,
|
||||
ol,
|
||||
ul,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
button,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 100%;
|
||||
line-height: 1;
|
||||
font-family: inherit;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
q:before,
|
||||
q:after,
|
||||
blockquote:before,
|
||||
blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
/*
|
||||
Bootstrap v1.1
|
||||
Variables and mixins to bootstrap any new web development project. Modified from original version for Twitter Blueprint.
|
||||
*/
|
||||
/* Variables
|
||||
-------------------------------------------------- */
|
||||
/* Mixins
|
||||
-------------------------------------------------- */
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
.clearfix:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
.container {
|
||||
width: 940px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/*
|
||||
Scaffolding
|
||||
Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
*/
|
||||
/* Baseline Grid System
|
||||
-------------------------------------------------- */
|
||||
div.row {
|
||||
zoom: 1;
|
||||
}
|
||||
div.row:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
div.row div.span1 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 40px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span1:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span2 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span2:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span3 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 160px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span3:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span4 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 220px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span4:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span5 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 280px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span5:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span6 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 340px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span6:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span7 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 400px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span7:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span8 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 460px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span8:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span9 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 520px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span9:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span10 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 580px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span10:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span11 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 640px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span11:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 700px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span12:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span13 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 760px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span13:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span14 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 820px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span14:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span15 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 880px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span15:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
div.row div.span16 {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 940px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
div.row div.span16:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Structural Layout
|
||||
-------------------------------------------------- */
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-box-shadow: inset 0 1px 0 #ffffff;
|
||||
-moz-box-shadow: inset 0 1px 0 #ffffff;
|
||||
box-shadow: inset 0 1px 0 #ffffff;
|
||||
}
|
||||
div.container {
|
||||
width: 940px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.container-fluid {
|
||||
padding: 20px;
|
||||
zoom: 1;
|
||||
}
|
||||
div.container-fluid:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
div.container-fluid div.sidebar {
|
||||
float: left;
|
||||
width: 220px;
|
||||
}
|
||||
div.container-fluid div.content {
|
||||
min-width: 700px;
|
||||
max-width: 1180px;
|
||||
margin-left: 240px;
|
||||
}
|
||||
/* Base Styles
|
||||
-------------------------------------------------- */
|
||||
a {
|
||||
color: #0069d6;
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
a:hover {
|
||||
color: #0050a3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
background-color: #e0e0e0;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), color-stop(0.25, #f9f9f9), to(#e0e0e0));
|
||||
background-image: -webkit-linear-gradient(#f9f9f9, color-stop(0.25, #f9f9f9), #e0e0e0);
|
||||
background-image: -moz-linear-gradient(#f9f9f9, color-stop(#f9f9f9, 0.25), #e0e0e0);
|
||||
padding: 4px 14px;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
|
||||
color: #555555;
|
||||
line-height: 20px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-bottom-color: rgba(0, 0, 0, 0.25);
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
.btn:hover {
|
||||
background-position: 0 -15px;
|
||||
color: #3b3b3b;
|
||||
text-decoration: none;
|
||||
}
|
||||
.btn.primary {
|
||||
background-color: #0069d6;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#08b5fb), to(#0069d6));
|
||||
background-image: -webkit-linear-gradient(#08b5fb, #0069d6);
|
||||
background-image: -moz-linear-gradient(#08b5fb, #0069d6);
|
||||
background-image: -o-linear-gradient(top, #08b5fb, #0069d6);
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#08b5fb), to(#0069d6));
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#08b5fb', EndColorStr='#0069d6', GradientType=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#08b5fb', EndColorStr='#0069d6', GradientType=0))";
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.btn.primary:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.btn.large {
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.btn.small {
|
||||
padding-right: 9px;
|
||||
padding-left: 9px;
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
}
|
||||
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
/*
|
||||
Typography
|
||||
Headings, body text, lists, code, and more for a versatile and durable typography system
|
||||
*/
|
||||
/* Body text
|
||||
-------------------------------------------------- */
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
p small {
|
||||
font-size: 12px;
|
||||
color: #777777;
|
||||
}
|
||||
/* Headings
|
||||
-------------------------------------------------- */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
h1 small,
|
||||
h2 small,
|
||||
h3 small,
|
||||
h4 small,
|
||||
h5 small,
|
||||
h6 small {
|
||||
color: #777777;
|
||||
}
|
||||
h1 {
|
||||
margin-bottom: 20px;
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
}
|
||||
h1 small {
|
||||
font-size: 18px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
line-height: 40px;
|
||||
}
|
||||
h2 small {
|
||||
font-size: 14px;
|
||||
}
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 40px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
h3 small {
|
||||
font-size: 14px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
h4 small {
|
||||
font-size: 12px;
|
||||
}
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 13px;
|
||||
color: #777777;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/* Colors
|
||||
-------------------------------------------------- */
|
||||
ul, ol {
|
||||
margin: 0 0 20px 25px;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
li {
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
}
|
||||
ul.unstyled {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
dl {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
dl dt, dl dd {
|
||||
line-height: 20px;
|
||||
}
|
||||
dl dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dl dd {
|
||||
margin-left: 10px;
|
||||
}
|
||||
/* Misc
|
||||
-------------------------------------------------- */
|
||||
span.label {
|
||||
background-color: #ccc;
|
||||
padding: 3px 5px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
|
||||
text-transform: uppercase;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
span.label.expired {
|
||||
background-color: #f5f5f5;
|
||||
color: #999;
|
||||
}
|
||||
span.label.pending {
|
||||
background-color: #48489b;
|
||||
}
|
||||
span.label.declined {
|
||||
background-color: #9b4848;
|
||||
}
|
||||
span.label.active, span.label.approved {
|
||||
background-color: #59bf59;
|
||||
}
|
||||
span.label.disabled {
|
||||
background-color: #faa226;
|
||||
}
|
||||
span.label.scheduled {
|
||||
background-color: #f5f5f5;
|
||||
color: #59bf59;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
hr {
|
||||
margin: 0 0 19px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
strong {
|
||||
font-style: inherit;
|
||||
font-weight: bold;
|
||||
line-height: inherit;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
.muted {
|
||||
color: #cccccc;
|
||||
}
|
||||
blockquote {
|
||||
margin-bottom: 20px;
|
||||
border-left: 5px solid #eee;
|
||||
padding-left: 15px;
|
||||
}
|
||||
blockquote p {
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
blockquote cite {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
line-height: 20px;
|
||||
color: #777777;
|
||||
}
|
||||
blockquote cite:before {
|
||||
content: '\2014 \00A0';
|
||||
}
|
||||
address {
|
||||
display: block;
|
||||
line-height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
code, pre {
|
||||
padding: 0 3px 2px;
|
||||
font-family: Monaco, Andale Mono, Courier New, monospace;
|
||||
font-size: 12px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
code {
|
||||
background-color: #fee9cc;
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
padding: 2px 3px;
|
||||
}
|
||||
pre {
|
||||
background-color: #f5f5f5;
|
||||
display: block;
|
||||
padding: 19px;
|
||||
margin: 0 0 20px;
|
||||
line-height: 20px;
|
||||
font-size: 12px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
pre.css, pre.html {
|
||||
background-color: #fff;
|
||||
}
|
||||
pre ol {
|
||||
background-color: #feeed6;
|
||||
list-style: decimal;
|
||||
margin: -19px;
|
||||
padding-left: 59px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
pre ol li {
|
||||
background-color: #fff;
|
||||
padding: 0 10px;
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-left-color: #fddfb3;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
color: #777777;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
pre ol li:first-child {
|
||||
padding-top: 9px;
|
||||
}
|
||||
pre ol li:last-child {
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
span.html__tag_start, span.html__tag_end {
|
||||
color: #277ac1;
|
||||
font-weight: normal;
|
||||
}
|
||||
span.html__attr_name {
|
||||
color: #d78b41;
|
||||
}
|
||||
span.html__attr_value {
|
||||
color: #de4a3f;
|
||||
}
|
||||
/*
|
||||
Forms
|
||||
Base line styles for various input types, form layouts, and states
|
||||
*/
|
||||
/* Global form styles
|
||||
-------------------------------------------------- */
|
||||
form {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
form fieldset {
|
||||
margin-bottom: 20px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
form fieldset legend {
|
||||
display: block;
|
||||
margin-left: 150px;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
color: #333333;
|
||||
}
|
||||
form div.clearfix {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
form label,
|
||||
form input,
|
||||
form select,
|
||||
form textarea {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: normal;
|
||||
}
|
||||
form label {
|
||||
padding-top: 6px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
float: left;
|
||||
width: 130px;
|
||||
text-align: right;
|
||||
}
|
||||
form div.input {
|
||||
margin-left: 150px;
|
||||
}
|
||||
form input[type=checkbox], form input[type=radio] {
|
||||
cursor: pointer;
|
||||
}
|
||||
form input[type=text],
|
||||
form input[type=password],
|
||||
form textarea,
|
||||
form select,
|
||||
form .uneditable-input {
|
||||
display: block;
|
||||
width: 210px;
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
height: 20px;
|
||||
color: #555555;
|
||||
border: 1px solid #bbb;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
form select, form input[type=file] {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
form textarea {
|
||||
height: auto;
|
||||
}
|
||||
form .uneditable-input {
|
||||
background-color: #eee;
|
||||
display: block;
|
||||
border-color: #ccc;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
form input[type=text],
|
||||
form input[type=password],
|
||||
form select,
|
||||
form textarea {
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
}
|
||||
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus {
|
||||
outline: none;
|
||||
border-color: rgba(82, 168, 236, 0.75);
|
||||
-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
|
||||
-moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
|
||||
box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
|
||||
}
|
||||
form div.error {
|
||||
background: #fae5e3;
|
||||
padding: 10px 0;
|
||||
margin: -10px 0 10px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
form div.error > label {
|
||||
color: #9d261d;
|
||||
}
|
||||
form div.error input[type=text], form div.error input[type=password], form div.error textarea {
|
||||
border-color: #c87872;
|
||||
-webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
|
||||
-moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
|
||||
box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
|
||||
}
|
||||
form div.error input[type=text]:focus, form div.error input[type=password]:focus, form div.error textarea:focus {
|
||||
border-color: #b9554d;
|
||||
-webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
|
||||
-moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
|
||||
box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
|
||||
}
|
||||
form div.error div.input-prepend span.add-on, form div.error div.input-append span.add-on {
|
||||
background: #f4c8c5;
|
||||
border-color: #c87872;
|
||||
color: #b9554d;
|
||||
}
|
||||
form .input-mini,
|
||||
form input.mini,
|
||||
form textarea.mini,
|
||||
form select.mini {
|
||||
width: 60px;
|
||||
}
|
||||
form .input-small,
|
||||
form input.small,
|
||||
form textarea.small,
|
||||
form select.small {
|
||||
width: 90px;
|
||||
}
|
||||
form .input-medium,
|
||||
form input.medium,
|
||||
form textarea.medium,
|
||||
form select.medium {
|
||||
width: 150px;
|
||||
}
|
||||
form .input-large,
|
||||
form input.large,
|
||||
form textarea.large,
|
||||
form select.large {
|
||||
width: 210px;
|
||||
}
|
||||
form .input-xlarge,
|
||||
form input.xlarge,
|
||||
form textarea.xlarge,
|
||||
form select.xlarge {
|
||||
width: 270px;
|
||||
}
|
||||
form .input-xxlarge,
|
||||
form input.xxlarge,
|
||||
form textarea.xxlarge,
|
||||
form select.xxlarge {
|
||||
width: 530px;
|
||||
}
|
||||
form textarea.xxlarge {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
form input[readonly]:focus, form textarea[readonly]:focus, form input.disabled {
|
||||
background: #f5f5f5;
|
||||
border-color: #ddd;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
div.actions {
|
||||
background: #f5f5f5;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding: 19px 20px 20px 150px;
|
||||
border-top: 1px solid #ddd;
|
||||
-moz-border-radius: 0 0 3px 3px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
div.actions div.secondary-action {
|
||||
float: right;
|
||||
}
|
||||
div.actions div.secondary-action a {
|
||||
line-height: 30px;
|
||||
}
|
||||
div.actions div.secondary-action a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.help-inline, .help-block {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
color: #777777;
|
||||
}
|
||||
.help-inline {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.help-block {
|
||||
display: block;
|
||||
max-width: 600px;
|
||||
}
|
||||
.help-block h5, .help-block p, .help-block ol li {
|
||||
color: #555555;
|
||||
}
|
||||
.help-block p, .help-block ol li {
|
||||
font-size: 12px;
|
||||
}
|
||||
.help-block p {
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
color: #777777;
|
||||
}
|
||||
.help-block ol {
|
||||
margin-bottom: 10px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
div.inline-inputs {
|
||||
color: #555555;
|
||||
}
|
||||
div.inline-inputs span, div.inline-inputs input[type=text] {
|
||||
display: inline-block;
|
||||
}
|
||||
div.inline-inputs input.mini {
|
||||
width: 60px;
|
||||
}
|
||||
div.inline-inputs input.small {
|
||||
width: 90px;
|
||||
}
|
||||
div.inline-inputs span {
|
||||
padding: 0 2px 0 1px;
|
||||
}
|
||||
div.input-prepend input[type=text], div.input-append input[type=text] {
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
div.input-prepend .add-on, div.input-append .add-on {
|
||||
background: #f5f5f5;
|
||||
float: left;
|
||||
display: block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
padding: 5px 4px 5px 5px;
|
||||
color: #777777;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
height: 18px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
border: 1px solid #bbb;
|
||||
border-right-width: 0;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
div.input-prepend .active, div.input-append .active {
|
||||
background: #a9dba9;
|
||||
border-color: #46a546;
|
||||
}
|
||||
div.input-append input[type=text] {
|
||||
float: left;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
div.input-append .add-on {
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
border-right-width: 1px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
ul.inputs-list {
|
||||
margin: 0 0 5px;
|
||||
width: 100%;
|
||||
}
|
||||
ul.inputs-list li {
|
||||
display: block;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
ul.inputs-list li label {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
}
|
||||
ul.inputs-list li label strong {
|
||||
color: #555555;
|
||||
}
|
||||
ul.inputs-list li label small {
|
||||
font-size: 12px;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
ul.inputs-list li ul.inputs-list {
|
||||
margin-left: 25px;
|
||||
margin-bottom: 10px;
|
||||
padding-top: 0;
|
||||
}
|
||||
ul.inputs-list li:first-child {
|
||||
padding-top: 5px;
|
||||
}
|
||||
ul.inputs-list input[type=radio], ul.inputs-list input[type=checkbox] {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
form.form-stacked fieldset {
|
||||
padding-top: 10px;
|
||||
}
|
||||
form.form-stacked legend {
|
||||
margin-left: 0;
|
||||
}
|
||||
form.form-stacked label {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding-top: 0;
|
||||
}
|
||||
form.form-stacked div.clearfix {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
form.form-stacked div.clearfix div.input {
|
||||
margin-left: 0;
|
||||
}
|
||||
form.form-stacked ul.inputs-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
form.form-stacked ul.inputs-list li {
|
||||
padding-top: 0;
|
||||
}
|
||||
form.form-stacked ul.inputs-list li label {
|
||||
font-weight: normal;
|
||||
padding-top: 0;
|
||||
}
|
||||
/*
|
||||
Tables
|
||||
*/
|
||||
/* Baseline styles
|
||||
-------------------------------------------------- */
|
||||
table {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
border-collapse: separate;
|
||||
}
|
||||
table th, table td {
|
||||
padding: 10px 10px 9px;
|
||||
line-height: 20px;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
table th {
|
||||
padding-top: 9px;
|
||||
font-weight: bold;
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
/* Zebra-striping
|
||||
-------------------------------------------------- */
|
||||
table.zebra-striped tbody tr:nth-child(odd) td {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
table.zebra-striped tbody tr:hover td {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
table.zebra-striped th.header {
|
||||
cursor: pointer;
|
||||
padding-right: 20px;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortDown {
|
||||
background-image: url(assets/img/tablesorter-indicators.png);
|
||||
background-position: right -23px;
|
||||
background-repeat: no-repeat;
|
||||
background-color: rgba(141, 192, 219, 0.25);
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
table.zebra-striped th.header:hover {
|
||||
background-image: url(assets/img/tablesorter-indicators.png);
|
||||
background-position: right 15px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
table.zebra-striped th.actions:hover {
|
||||
background-image: none !important;
|
||||
}
|
||||
table.zebra-striped th.headerSortDown, table.zebra-striped th.headerSortDown:hover {
|
||||
background-position: right -25px;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortUp:hover {
|
||||
background-position: right -65px;
|
||||
}
|
||||
table.zebra-striped th.blue {
|
||||
color: #08b5fb;
|
||||
border-bottom-color: #08b5fb;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp.blue, table.zebra-striped th.headerSortDown.blue {
|
||||
background-color: #d1f1fe;
|
||||
}
|
||||
table.zebra-striped th.green {
|
||||
color: #46a546;
|
||||
border-bottom-color: #46a546;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp.green, table.zebra-striped th.headerSortDown.green {
|
||||
background-color: #cdeacd;
|
||||
}
|
||||
table.zebra-striped th.red {
|
||||
color: #9d261d;
|
||||
border-bottom-color: #9d261d;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp.red, table.zebra-striped th.headerSortDown.red {
|
||||
background-color: #f4c8c5;
|
||||
}
|
||||
table.zebra-striped th.yellow {
|
||||
color: #ffc40d;
|
||||
border-bottom-color: #ffc40d;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp.yellow, table.zebra-striped th.headerSortDown.yellow {
|
||||
background-color: #fff6d9;
|
||||
}
|
||||
table.zebra-striped th.orange {
|
||||
color: #f89406;
|
||||
border-bottom-color: #f89406;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp.orange, table.zebra-striped th.headerSortDown.orange {
|
||||
background-color: #fee9cc;
|
||||
}
|
||||
table.zebra-striped th.purple {
|
||||
color: #7a43b6;
|
||||
border-bottom-color: #7a43b6;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp.purple, table.zebra-striped th.headerSortDown.purple {
|
||||
background-color: #e2d5f0;
|
||||
}
|
||||
/*
|
||||
Patterns.less
|
||||
Repeatable UI elements outside the base styles provided from the scaffolding
|
||||
*/
|
||||
/* Top bar
|
||||
-------------------------------------------------- */
|
||||
/*
|
||||
div.topbar {
|
||||
#gradient > .vertical(#333, #222);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1000;
|
||||
height: 40px;
|
||||
.box-shadow(0 1px 3px rgba(0,0,0,.5));
|
||||
a {
|
||||
color: #999;
|
||||
&:hover {
|
||||
color: @white;
|
||||
text-decoration: none;
|
||||
background-color: rgba(255,255,255,.05);
|
||||
}
|
||||
}
|
||||
a.logo,
|
||||
ul li a {
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
line-height: 40px;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
}
|
||||
// Logo
|
||||
a.logo {
|
||||
margin-left: -10px;
|
||||
margin-right: 10px;
|
||||
color: @gray-light;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
img {
|
||||
float: left;
|
||||
margin-top: 9px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
&:hover {
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
// Nav items
|
||||
ul {
|
||||
float: left;
|
||||
margin: 0;
|
||||
li {
|
||||
display: inline;
|
||||
&.active a {
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
div.topbar {
|
||||
background-color: #222222;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#222222));
|
||||
background-image: -webkit-linear-gradient(#333333, #222222);
|
||||
background-image: -moz-linear-gradient(#333333, #222222);
|
||||
background-image: -o-linear-gradient(top, #333333, #222222);
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#333333', EndColorStr='#222222', GradientType=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222', GradientType=0))";
|
||||
height: 40px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
overflow: visible;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
div.topbar a {
|
||||
color: #777777;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
-webkit-transition: all linear 0.1s;
|
||||
-moz-transition: all linear 0.1s;
|
||||
transition: all linear 0.1s;
|
||||
}
|
||||
div.topbar ul li a:hover, div.topbar ul li.active a, div.topbar a.logo:hover {
|
||||
background-color: #333;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.topbar a.logo {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 8px 20px 12px;
|
||||
margin-left: -20px;
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: 1;
|
||||
}
|
||||
div.topbar a.logo img {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
div.topbar form {
|
||||
float: left;
|
||||
margin: 4px 0 0 0;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
}
|
||||
div.topbar form input {
|
||||
background-color: #777777;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: normal;
|
||||
font-weight: 13px;
|
||||
line-height: 1;
|
||||
width: 220px;
|
||||
padding: 4px 9px;
|
||||
color: #fff;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
border: 1px solid #111;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
div.topbar form input:-moz-placeholder {
|
||||
color: #cccccc;
|
||||
}
|
||||
div.topbar form input::-webkit-input-placeholder {
|
||||
color: #cccccc;
|
||||
}
|
||||
div.topbar form input:hover {
|
||||
background-color: #444;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
color: #fff;
|
||||
}
|
||||
div.topbar form input:focus, div.topbar form input.focused {
|
||||
outline: none;
|
||||
background-color: #fff;
|
||||
color: #333333;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
border: 0;
|
||||
padding: 5px 10px;
|
||||
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
div.topbar ul {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
div.topbar ul.secondary-nav {
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
div.topbar ul li {
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 13px;
|
||||
}
|
||||
div.topbar ul li a {
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 10px 10px 11px;
|
||||
line-height: 19px;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.topbar ul li a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.topbar ul li.active a {
|
||||
background-color: #222;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
}
|
||||
div.topbar ul li.vr {
|
||||
border-left: 1px solid #008db8;
|
||||
border-right: 1px solid #00a0d1;
|
||||
height: 26px;
|
||||
margin: 6px 3px 1px 3px;
|
||||
}
|
||||
div.topbar ul.primary-nav li ul {
|
||||
left: 0;
|
||||
}
|
||||
div.topbar ul.secondary-nav li ul {
|
||||
right: 0;
|
||||
}
|
||||
div.topbar ul li.menu {
|
||||
position: relative;
|
||||
}
|
||||
div.topbar ul li.menu a.menu:after {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
display: inline-block;
|
||||
background: transparent url(assets/img/dropdown-arrow.gif) no-repeat top center;
|
||||
content: "↓";
|
||||
text-indent: -99999px;
|
||||
vertical-align: top;
|
||||
margin-top: 8px;
|
||||
margin-left: 4px;
|
||||
opacity: .5;
|
||||
}
|
||||
div.topbar ul li.menu.open a.menu, div.topbar ul li.menu.open a:hover {
|
||||
background-color: #00b4eb;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #fff;
|
||||
}
|
||||
div.topbar ul li.menu.open ul {
|
||||
display: block;
|
||||
}
|
||||
div.topbar ul li.menu.open ul li a {
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.topbar ul li.menu.open ul li a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #fff;
|
||||
}
|
||||
div.topbar ul li.menu.open ul li.active a {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
font-weight: bold;
|
||||
}
|
||||
div.topbar ul li ul {
|
||||
background-color: #333;
|
||||
float: left;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
min-width: 160px;
|
||||
max-width: 220px;
|
||||
_width: 160px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
border: 0;
|
||||
zoom: 1;
|
||||
-moz-border-radius: 0 0 5px 5px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
div.topbar ul li ul li {
|
||||
float: none;
|
||||
clear: both;
|
||||
display: block;
|
||||
background: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
div.topbar ul li ul li a {
|
||||
display: block;
|
||||
padding: 6px 15px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 19px;
|
||||
color: #bbb;
|
||||
}
|
||||
div.topbar ul li ul li a:hover {
|
||||
background-color: #333;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
div.topbar ul li ul li.divider {
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
margin: 5px 0;
|
||||
}
|
||||
div.topbar ul li ul li span {
|
||||
clear: both;
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
padding: 6px 15px;
|
||||
cursor: default;
|
||||
color: #666;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
/* Page Headers
|
||||
-------------------------------------------------- */
|
||||
div.page-header {
|
||||
margin-bottom: 19px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
-moz-border-radius: 6px 6px 0 0;
|
||||
border-radius: 6px 6px 0 0;
|
||||
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
div.page-header h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* Error Styles
|
||||
-------------------------------------------------- */
|
||||
div.alert-message {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));
|
||||
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
|
||||
background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
|
||||
background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='transparent', EndColorStr='rgba(0, 0, 0, 0.15)', GradientType=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent', EndColorStr='rgba(0, 0, 0, 0.15)', GradientType=0))";
|
||||
background-color: #cccccc;
|
||||
margin-bottom: 20px;
|
||||
padding: 10px 15px 9px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
color: #fff;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
div.alert-message p {
|
||||
color: #fff;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.alert-message p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
div.alert-message.error {
|
||||
background-color: #e06359;
|
||||
}
|
||||
div.alert-message.warning {
|
||||
background-color: #ffd75a;
|
||||
}
|
||||
div.alert-message.success {
|
||||
background-color: #74c474;
|
||||
}
|
||||
div.alert-message.info {
|
||||
background-color: #53ccfc;
|
||||
}
|
||||
div.alert-message a.close {
|
||||
float: right;
|
||||
margin-top: -2px;
|
||||
opacity: .5;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.alert-message a.close:hover {
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.block-message {
|
||||
margin-bottom: 20px;
|
||||
padding: 14px 19px;
|
||||
color: #333;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
div.block-message p {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #333;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
margin-right: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.block-message ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.block-message strong {
|
||||
display: block;
|
||||
}
|
||||
div.block-message a.close {
|
||||
display: block;
|
||||
color: #333;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
div.block-message.error {
|
||||
background: #f8dcda;
|
||||
border: 1px solid #f4c8c5;
|
||||
}
|
||||
div.block-message.warning {
|
||||
background: #fff0c0;
|
||||
border: 1px solid #ffe38d;
|
||||
}
|
||||
div.block-message.success {
|
||||
background: #dff1df;
|
||||
border: 1px solid #bbe2bb;
|
||||
}
|
||||
div.block-message.info {
|
||||
background: #eaf9ff;
|
||||
border: 1px solid #d1f1fe;
|
||||
}
|
||||
/* Navigation
|
||||
-------------------------------------------------- */
|
||||
ul.tabs, ul.pills {
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
zoom: 1;
|
||||
}
|
||||
ul.tabs:after, ul.pills:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
ul.tabs li, ul.pills li {
|
||||
display: inline;
|
||||
}
|
||||
ul.tabs li a, ul.pills li a {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: auto;
|
||||
}
|
||||
ul.tabs {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
ul.tabs li a {
|
||||
margin-bottom: -1px;
|
||||
margin-right: 2px;
|
||||
padding: 0 15px;
|
||||
line-height: 39px;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
ul.tabs li a:hover {
|
||||
background: #f5f5f5;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
ul.tabs li.active a {
|
||||
background: #fff;
|
||||
padding: 0 14px;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0;
|
||||
color: #555555;
|
||||
}
|
||||
ul.pills li a {
|
||||
margin: 5px 3px 5px 0;
|
||||
padding: 0 15px;
|
||||
text-shadow: 0 1px 1px #fff;
|
||||
line-height: 30px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
ul.pills li a:hover {
|
||||
background: #0050a3;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
ul.pills li.active a {
|
||||
background: #0069d6;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
/* Pagination
|
||||
-------------------------------------------------- */
|
||||
div.pagination {
|
||||
height: 40px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
div.pagination ul {
|
||||
float: left;
|
||||
margin: 0;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
div.pagination ul li {
|
||||
display: inline;
|
||||
}
|
||||
div.pagination ul li a {
|
||||
display: inline;
|
||||
float: left;
|
||||
padding: 0 14px;
|
||||
line-height: 38px;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
||||
text-decoration: none;
|
||||
}
|
||||
div.pagination ul li a:hover, div.pagination ul li.active a {
|
||||
background-color: #eaf9ff;
|
||||
}
|
||||
div.pagination ul li.disabled a, div.pagination ul li.disabled a:hover {
|
||||
background-color: none;
|
||||
color: #777777;
|
||||
}
|
||||
div.pagination ul li.next a, div.pagination ul li:last-child a {
|
||||
border: 0;
|
||||
}
|
||||
/* Wells
|
||||
-------------------------------------------------- */
|
||||
div.well {
|
||||
background: #f5f5f5;
|
||||
margin-bottom: 20px;
|
||||
padding: 19px;
|
||||
min-height: 20px;
|
||||
border: 1px solid #ddd;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-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);
|
||||
}
|
||||
|
||||
21
baseline-1.0.0.min.css
vendored
21
baseline-1.0.0.min.css
vendored
@ -194,24 +194,3 @@ div.pagination ul li a:hover,div.pagination ul li.active a{background-color:#eaf
|
||||
div.pagination ul li.disabled a,div.pagination ul li.disabled a:hover{background-color:none;color:#777777;}
|
||||
div.pagination ul li.next a,div.pagination ul li:last-child a{border:0;}
|
||||
div.well{background:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px;-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);}
|
||||
body{background-color:#ffffff;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), color-stop(0.15, #ffffff), to(#ffffff));background-image:-webkit-linear-gradient(#eeeeee, color-stop(0.15, #ffffff), #ffffff);background-image:-moz-linear-gradient(#eeeeee, color-stop(#ffffff, 0.15), #ffffff);background-attachment:fixed;background-position:0 40px;position:relative;}
|
||||
header,section,footer,article,aside{display:block;}
|
||||
section{padding-top:80px;margin-bottom:-40px;}
|
||||
#masthead,#footer{background-color:#049cd9;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));background-image:-webkit-linear-gradient(#0056b0, #049cd9);background-image:-moz-linear-gradient(#0056b0, #049cd9);background-image:-o-linear-gradient(top, #0056b0, #049cd9);background-image:-khtml-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0))";}#masthead div.inner,#footer div.inner{background:transparent url(assets/img/grid-20px.png) 0 -1px;padding:40px 0;-webkit-box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);-moz-box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);box-shadow:inset 0 10px 30px rgba(0, 0, 0, 0.25);}
|
||||
#masthead h1,#footer h1,#masthead p,#footer p,#masthead small,#footer small{color:#fff;text-shadow:0 2px 0 rgba(0, 0, 0, 0.25);}
|
||||
#masthead{margin-top:40px;margin-bottom:-40px;}#masthead h1{margin-bottom:0;}
|
||||
#masthead p.lead{font-size:20px;font-weight:300;line-height:30px;margin:5px 0;}
|
||||
#masthead a.btn{background-color:#552e7e;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));background-image:-webkit-linear-gradient(#7a43b6, #552e7e);background-image:-moz-linear-gradient(#7a43b6, #552e7e);background-image:-o-linear-gradient(top, #7a43b6, #552e7e);background-image:-khtml-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))";display:block;margin-bottom:20px;padding-top:5px;padding-bottom:5px;text-align:center;border:0;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.4);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;}
|
||||
#masthead small{display:block;text-align:center;font-size:13px;line-height:20px;color:rgba(255, 255, 255, 0.5);}#masthead small a{color:#fff;}
|
||||
#footer{margin-top:80px;}#footer p{margin-bottom:0;}
|
||||
.show-grid{margin-top:20px;margin-bottom:20px;}.show-grid .column,.show-grid .columns{background:rgba(0, 0, 0, 0.1);text-align:center;-moz-border-radius:3px;border-radius:3px;height:30px;line-height:30px;}
|
||||
.show-grid:hover .column,.show-grid:hover .columns{background:rgba(0, 0, 0, 0.25);}
|
||||
#grid{width:980px;position:absolute;top:0;left:50%;margin-left:-490px;}
|
||||
#grid div.vert{background-color:rgba(0, 206, 209, 0.075);width:39px;border:solid darkturquoise;border-width:0 1px;margin-right:19px;}
|
||||
#grid div.vert.first-line{margin-left:19px;}
|
||||
#grid div.horiz{height:19px;border-bottom:1px solid rgba(255, 0, 0, 0.1);margin:0;padding:0;}#grid div.horiz:nth-child(5n){border-color:rgba(255, 0, 0, 0.25);}
|
||||
div.mini-layout{height:340px;margin-bottom:20px;padding:9px;border:1px solid rgba(0, 0, 0, 0.25);-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);box-shadow:0 1px 3px rgba(0, 0, 0, 0.125);}div.mini-layout div{-moz-border-radius:3px;border-radius:3px;}div.mini-layout div.mini-layout-body{background-color:rgba(141, 192, 219, 0.25);margin:0 auto;width:450px;height:340px;}
|
||||
div.mini-layout.fluid div.mini-layout-sidebar,div.mini-layout.fluid div.mini-layout-header,div.mini-layout.fluid div.mini-layout-body{float:left;}
|
||||
div.mini-layout.fluid div.mini-layout-sidebar{background-color:rgba(141, 192, 219, 0.5);width:90px;height:340px;}
|
||||
div.mini-layout.fluid div.mini-layout-body{width:400px;margin-left:10px;}
|
||||
div.topbar-wrapper{position:relative;height:40px;margin:5px 0 15px;}div.topbar-wrapper div.topbar{position:absolute;margin:0 -20px;padding-left:20px;padding-right:20px;-moz-border-radius:4px;border-radius:4px;}
|
||||
|
||||
203
docs/assets/css/docs.css
Normal file
203
docs/assets/css/docs.css
Normal file
@ -0,0 +1,203 @@
|
||||
/* Add additional stylesheets below
|
||||
-------------------------------------------------- */
|
||||
/*
|
||||
Baseline's documentation styles
|
||||
Special styles for presenting Baseline's documentation and examples
|
||||
*/
|
||||
/* Body and structure
|
||||
-------------------------------------------------- */
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), color-stop(0.15, #ffffff), to(#ffffff));
|
||||
background-image: -webkit-linear-gradient(#eeeeee, color-stop(0.15, #ffffff), #ffffff);
|
||||
background-image: -moz-linear-gradient(#eeeeee, color-stop(#ffffff, 0.15), #ffffff);
|
||||
background-attachment: fixed;
|
||||
background-position: 0 40px;
|
||||
position: relative;
|
||||
}
|
||||
header,
|
||||
section,
|
||||
footer,
|
||||
article,
|
||||
aside {
|
||||
display: block;
|
||||
}
|
||||
section {
|
||||
padding-top: 80px;
|
||||
margin-bottom: -40px;
|
||||
}
|
||||
#masthead, #footer {
|
||||
background-color: #049cd9;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));
|
||||
background-image: -webkit-linear-gradient(#0056b0, #049cd9);
|
||||
background-image: -moz-linear-gradient(#0056b0, #049cd9);
|
||||
background-image: -o-linear-gradient(top, #0056b0, #049cd9);
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0))";
|
||||
}
|
||||
#masthead div.inner, #footer div.inner {
|
||||
background: transparent url(../img/grid-20px.png) 0 -1px;
|
||||
padding: 40px 0;
|
||||
-webkit-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
|
||||
-moz-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
#masthead h1,
|
||||
#footer h1,
|
||||
#masthead p,
|
||||
#footer p,
|
||||
#masthead small,
|
||||
#footer small {
|
||||
color: #fff;
|
||||
text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
#masthead {
|
||||
margin-top: 40px;
|
||||
margin-bottom: -40px;
|
||||
}
|
||||
#masthead h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#masthead p.lead {
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
line-height: 30px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
#masthead a.btn {
|
||||
background-color: #552e7e;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
|
||||
background-image: -webkit-linear-gradient(#7a43b6, #552e7e);
|
||||
background-image: -moz-linear-gradient(#7a43b6, #552e7e);
|
||||
background-image: -o-linear-gradient(top, #7a43b6, #552e7e);
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))";
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
border: 0;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
-webkit-transition: all 0.2s linear;
|
||||
-moz-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
#masthead small {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
#masthead small a {
|
||||
color: #fff;
|
||||
}
|
||||
#footer {
|
||||
margin-top: 80px;
|
||||
}
|
||||
#footer p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* Special grid styles
|
||||
-------------------------------------------------- */
|
||||
.show-grid {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.show-grid .column, .show-grid .columns {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
text-align: center;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.show-grid:hover .column, .show-grid:hover .columns {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
/* Hashgrid.js grid (press G & H to view)
|
||||
-------------------------------------------------- */
|
||||
#grid {
|
||||
width: 980px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -490px;
|
||||
}
|
||||
#grid div.vert {
|
||||
background-color: rgba(0, 206, 209, 0.075);
|
||||
width: 39px;
|
||||
border: solid darkturquoise;
|
||||
border-width: 0 1px;
|
||||
margin-right: 19px;
|
||||
}
|
||||
#grid div.vert.first-line {
|
||||
margin-left: 19px;
|
||||
}
|
||||
#grid div.horiz {
|
||||
height: 19px;
|
||||
border-bottom: 1px solid rgba(255, 0, 0, 0.1);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#grid div.horiz:nth-child(5n) {
|
||||
border-color: rgba(255, 0, 0, 0.25);
|
||||
}
|
||||
/* Render mini layout previews
|
||||
-------------------------------------------------- */
|
||||
div.mini-layout {
|
||||
height: 340px;
|
||||
margin-bottom: 20px;
|
||||
padding: 9px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
div.mini-layout div {
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.mini-layout div.mini-layout-body {
|
||||
background-color: rgba(141, 192, 219, 0.25);
|
||||
margin: 0 auto;
|
||||
width: 450px;
|
||||
height: 340px;
|
||||
}
|
||||
div.mini-layout.fluid div.mini-layout-sidebar, div.mini-layout.fluid div.mini-layout-header, div.mini-layout.fluid div.mini-layout-body {
|
||||
float: left;
|
||||
}
|
||||
div.mini-layout.fluid div.mini-layout-sidebar {
|
||||
background-color: rgba(141, 192, 219, 0.5);
|
||||
width: 90px;
|
||||
height: 340px;
|
||||
}
|
||||
div.mini-layout.fluid div.mini-layout-body {
|
||||
width: 400px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
/* Topbar special styles
|
||||
-------------------------------------------------- */
|
||||
div.topbar-wrapper {
|
||||
position: relative;
|
||||
height: 40px;
|
||||
margin: 5px 0 15px;
|
||||
}
|
||||
div.topbar-wrapper div.topbar {
|
||||
position: absolute;
|
||||
margin: 0 -20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
69
docs/assets/js/less-1.0.41.min.js
vendored
69
docs/assets/js/less-1.0.41.min.js
vendored
@ -1,69 +0,0 @@
|
||||
//
|
||||
// LESS - Leaner CSS v1.0.41
|
||||
// http://lesscss.org
|
||||
//
|
||||
// Copyright (c) 2010, Alexis Sellier
|
||||
// Licensed under the Apache 2.0 License.
|
||||
//
|
||||
(function(z){function s(d){return z.less[d.split("/")[1]]}function U(){for(var d=document.getElementsByTagName("style"),b=0;b<d.length;b++)if(d[b].type.match(V))(new o.Parser).parse(d[b].innerHTML||"",function(a,g){d[b].type="text/css";d[b].innerHTML=g.toCSS()})}function W(d,b){for(var a=0;a<o.sheets.length;a++)X(o.sheets[a],d,b,o.sheets.length-(a+1))}function X(d,b,a,g){var e=z.location.href.replace(/[#?].*$/,""),h=d.href.replace(/\?.*$/,""),i=B&&B.getItem(h),k=B&&B.getItem(h+":timestamp"),n={css:i,
|
||||
timestamp:k};/^(https?|file):/.test(h)||(h=e.slice(0,e.lastIndexOf("/")+1)+h);Z(d.href,d.type,function(r,p){if(!a&&n&&p&&(new Date(p)).valueOf()===(new Date(n.timestamp)).valueOf()){N(n.css,d);b(null,d,{local:true,remaining:g})}else try{(new o.Parser({optimization:o.optimization,paths:[h.replace(/[\w\.-]+$/,"")],mime:d.type})).parse(r,function(K,O){if(K)return Q(K,h);try{b(O,d,{local:false,lastModified:p,remaining:g});var F=document.getElementById("less-error-message:"+R(h));F&&F.parentNode.removeChild(F)}catch(f){Q(f,
|
||||
h)}})}catch(t){Q(t,h)}},function(r,p){throw Error("Couldn't load "+p+" ("+r+")");})}function R(d){return d.replace(/^[a-z]+:\/\/?[^\/]+/,"").replace(/^\//,"").replace(/\?.*$/,"").replace(/\.[^\.\/]+$/,"").replace(/[^\.\w-]+/g,"-").replace(/\./g,":")}function N(d,b,a){var g,e=b.href?b.href.replace(/\?.*$/,""):"",h="less:"+(b.title||R(e));if((g=document.getElementById(h))===null){g=document.createElement("style");g.type="text/css";g.media=b.media||"screen";g.id=h;document.getElementsByTagName("head")[0].appendChild(g)}if(g.styleSheet)try{g.styleSheet.cssText=
|
||||
d}catch(i){throw Error("Couldn't reassign styleSheet.cssText.");}else(function(k){if(g.childNodes.length>0)g.firstChild.nodeValue!==k.nodeValue&&g.replaceChild(k,g.firstChild);else g.appendChild(k)})(document.createTextNode(d));if(a&&B){H("saving "+e+" to cache.");B.setItem(e,d);B.setItem(e+":timestamp",a)}}function Z(d,b,a,g){function e(k,n,r){if(k.status>=200&&k.status<300)n(k.responseText,k.getResponseHeader("Last-Modified"));else typeof r==="function"&&r(k.status,d)}var h=$(),i=P?false:o.async;
|
||||
typeof h.overrideMimeType==="function"&&h.overrideMimeType("text/css");h.open("GET",d,i);h.setRequestHeader("Accept",b||"text/x-less, text/css; q=0.9, */*; q=0.5");h.send(null);if(P)h.status===0?a(h.responseText):g(h.status,d);else if(i)h.onreadystatechange=function(){h.readyState==4&&e(h,a,g)};else e(h,a,g)}function $(){if(z.XMLHttpRequest)return new XMLHttpRequest;else try{return new ActiveXObject("MSXML2.XMLHTTP.3.0")}catch(d){H("browser doesn't support AJAX.");return null}}function H(d){o.env==
|
||||
"development"&&typeof console!=="undefined"&&console.log("less: "+d)}function Q(d,b){var a="less-error-message:"+R(b),g=document.createElement("div"),e,h;g.id=a;g.className="less-error-message";h="<h3>"+(d.message||"There is an error in your .less file")+'</h3><p><a href="'+b+'">'+b+"</a> ";if(d.extract)h+="on line "+d.line+", column "+(d.column+1)+":</p>"+'<ul>\n<li><label>[-1]</label><pre class="ctx">{0}</pre></li>\n<li><label>[0]</label><pre>{current}</pre></li>\n<li><label>[1]</label><pre class="ctx">{2}</pre></li>\n</ul>'.replace(/\[(-?\d)\]/g,
|
||||
function(i,k){return parseInt(d.line)+parseInt(k)||""}).replace(/\{(\d)\}/g,function(i,k){return d.extract[parseInt(k)]||""}).replace(/\{current\}/,d.extract[1].slice(0,d.column)+'<span class="error">'+d.extract[1].slice(d.column)+"</span>");g.innerHTML=h;N(".less-error-message ul, .less-error-message li {\nlist-style-type: none;\nmargin-right: 15px;\npadding: 4px 0;\nmargin: 0;\n}\n.less-error-message label {\nfont-size: 12px;\nmargin-right: 15px;\npadding: 4px 0;\ncolor: #cc7777;\n}\n.less-error-message pre {\ncolor: #ee4444;\npadding: 4px 0;\nmargin: 0;\ndisplay: inline-block;\n}\n.less-error-message pre.ctx {\ncolor: #dd4444;\n}\n.less-error-message h3 {\nfont-size: 20px;\nfont-weight: bold;\npadding: 15px 0 5px 0;\nmargin: 0;\n}\n.less-error-message a {\ncolor: #10a\n}\n.less-error-message .error {\ncolor: red;\nfont-weight: bold;\npadding-bottom: 2px;\nborder-bottom: 1px dashed red;\n}",
|
||||
{title:"error-message"});g.style.cssText="font-family: Arial, sans-serif;border: 1px solid #e00;background-color: #eee;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;color: #e00;padding: 15px;margin-bottom: 15px";if(o.env=="development")e=setInterval(function(){if(document.body){document.getElementById(a)?document.body.replaceChild(g,document.getElementById(a)):document.body.insertBefore(g,document.body.firstChild);clearInterval(e)}},10)}if(!Array.isArray)Array.isArray=function(d){return Object.prototype.toString.call(d)===
|
||||
"[object Array]"||d instanceof Array};if(!Array.prototype.forEach)Array.prototype.forEach=function(d,b){for(var a=this.length>>>0,g=0;g<a;g++)g in this&&d.call(b,this[g],g,this)};if(!Array.prototype.map)Array.prototype.map=function(d,b){for(var a=this.length>>>0,g=Array(a),e=0;e<a;e++)if(e in this)g[e]=d.call(b,this[e],e,this);return g};if(!Array.prototype.filter)Array.prototype.filter=function(d,b){for(var a=[],g=0;g<this.length;g++)d.call(b,this[g])&&a.push(this[g]);return a};if(!Array.prototype.reduce)Array.prototype.reduce=
|
||||
function(d){var b=this.length>>>0,a=0;if(b===0&&arguments.length===1)throw new TypeError;if(arguments.length>=2)var g=arguments[1];else{do{if(a in this){g=this[a++];break}if(++a>=b)throw new TypeError;}while(1)}for(;a<b;a++)if(a in this)g=d.call(null,g,this[a],a,this);return g};if(!Array.prototype.indexOf)Array.prototype.indexOf=function(d,b){var a=this.length,g=b||0;if(!a)return-1;if(g>=a)return-1;if(g<0)g+=a;for(;g<a;g++)if(Object.prototype.hasOwnProperty.call(this,g))if(d===this[g])return g;return-1};
|
||||
if(!Object.keys)Object.keys=function(d){var b=[],a;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&b.push(a);return b};if(!String.prototype.trim)String.prototype.trim=function(){return String(this).replace(/^\s\s*/,"").replace(/\s\s*$/,"")};var o,m;if(typeof z==="undefined"){o=exports;m=s("less/tree")}else{if(typeof z.less==="undefined")z.less={};o=z.less;m=z.less.tree={}}o.Parser=function(d){function b(){if(h>t){p[i]=p[i].slice(h-t);t=h}}function a(f){var j,l,q;if(f instanceof Function)return f.call(K.parsers);
|
||||
else if(typeof f==="string"){f=e.charAt(h)===f?f:null;j=1;b()}else{b();if(f=f.exec(p[i]))j=f[0].length;else return null}if(f){mem=h+=j;for(q=h+p[i].length-j;h<q;){l=e.charCodeAt(h);if(!(l===32||l===10||l===9))break;h++}p[i]=p[i].slice(j+(h-mem));t=h;p[i].length===0&&i<p.length-1&&i++;return typeof f==="string"?f:f.length===1?f[0]:f}}function g(f){return typeof f==="string"?e.charAt(h)===f:f.test(p[i])?true:false}var e,h,i,k,n,r,p,t,K,O=function(){},F=this.imports={paths:d&&d.paths||[],queue:[],files:{},
|
||||
mime:d&&d.mime,push:function(f,j){var l=this;this.queue.push(f);o.Parser.importer(f,this.paths,function(q){l.queue.splice(l.queue.indexOf(f),1);l.files[f]=q;j(q);l.queue.length===0&&O()},d)}};this.env=d=d||{};this.optimization="optimization"in this.env?this.env.optimization:1;this.env.filename=this.env.filename||null;return K={imports:F,parse:function(f,j){var l,q,I,S=null;h=i=t=r=0;p=[];e=f.replace(/\r\n/g,"\n");p=function(L){for(var D=0,E=/[^"'`\{\}\/]+/g,G=/\/\*(?:[^*]|\*+[^\/*])*\*+\/|\/\/.*/g,
|
||||
A=0,w,x=L[0],y,u=0,v;u<e.length;u++){E.lastIndex=u;if(w=E.exec(e))if(w.index===u){u+=w[0].length;x.push(w[0])}v=e.charAt(u);G.lastIndex=u;if(!y&&v==="/"){w=e.charAt(u+1);if(w==="/"||w==="*")if(w=G.exec(e))if(w.index===u){u+=w[0].length;x.push(w[0]);v=e.charAt(u)}}if(v==="{"&&!y){A++;x.push(v)}else if(v==="}"&&!y){A--;x.push(v);L[++D]=x=[]}else{if(v==='"'||v==="'"||v==="`")y=y?y===v?false:y:v;x.push(v)}}if(A>0)throw{type:"Syntax",message:"Missing closing `}`",filename:d.filename};return L.map(function(C){return C.join("")})}([[]]);
|
||||
l=new m.Ruleset([],a(this.parsers.primary));l.root=true;l.toCSS=function(L){var D,E;return function(G,A){function w(v){return v?(e.slice(0,v).match(/\n/g)||"").length:null}var x=[];G=G||{};if(typeof A==="object"&&!Array.isArray(A)){A=Object.keys(A).map(function(v){var C=A[v];if(!(C instanceof m.Value)){C instanceof m.Expression||(C=new m.Expression([C]));C=new m.Value([C])}return new m.Rule("@"+v,C,false,0)});x=[new m.Ruleset(null,A)]}try{var y=L.call(this,{frames:x}).toCSS([],{compress:G.compress||
|
||||
false})}catch(u){E=e.split("\n");D=w(u.index);x=u.index;for(y=-1;x>=0&&e.charAt(x)!=="\n";x--)y++;throw{type:u.type,message:u.message,filename:d.filename,index:u.index,line:typeof D==="number"?D+1:null,callLine:u.call&&w(u.call)+1,callExtract:E[w(u.call)],stack:u.stack,column:y,extract:[E[D-1],E[D],E[D+1]]};}return G.compress?y.replace(/(\s)+/g,"$1"):y}}(l.eval);if(h<e.length-1){h=r;I=e.split("\n");q=(e.slice(0,h).match(/\n/g)||"").length+1;for(var T=h,Y=-1;T>=0&&e.charAt(T)!=="\n";T--)Y++;S={name:"ParseError",
|
||||
message:"Syntax Error on line "+q,filename:d.filename,line:q,column:Y,extract:[I[q-2],I[q-1],I[q]]}}if(this.imports.queue.length>0)O=function(){j(S,l)};else j(S,l)},parsers:{primary:function(){for(var f,j=[];(f=a(this.mixin.definition)||a(this.rule)||a(this.ruleset)||a(this.mixin.call)||a(this.comment)||a(this.directive))||a(/^[\s\n]+/);)f&&j.push(f);return j},comment:function(){var f;if(e.charAt(h)==="/")if(e.charAt(h+1)==="/")return new m.Comment(a(/^\/\/.*/),true);else if(f=a(/^\/\*(?:[^*]|\*+[^\/*])*\*+\/\n?/))return new m.Comment(f)},
|
||||
entities:{quoted:function(){var f;if(!(e.charAt(h)!=='"'&&e.charAt(h)!=="'"))if(f=a(/^"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'/))return new m.Quoted(f[0],f[1]||f[2])},keyword:function(){var f;if(f=a(/^[A-Za-z-]+/))return new m.Keyword(f)},call:function(){var f,j;if(f=/^([\w-]+|%)\(/.exec(p[i])){f=f[1].toLowerCase();if(f==="url")return null;else h+=f.length+1;if(f==="alpha")return a(this.alpha);j=a(this.entities.arguments);if(a(")"))if(f)return new m.Call(f,j)}},arguments:function(){for(var f=
|
||||
[],j;j=a(this.expression);){f.push(j);if(!a(","))break}return f},literal:function(){return a(this.entities.dimension)||a(this.entities.color)||a(this.entities.quoted)},url:function(){var f;if(!(e.charAt(h)!=="u"||!a(/^url\(/))){f=a(this.entities.quoted)||a(this.entities.variable)||a(this.entities.dataURI)||a(/^[-\w%@$\/.&=:;#+?]+/)||"";if(!a(")"))throw Error("missing closing ) for url()");return new m.URL(f.value||f.data||f instanceof m.Variable?f:new m.Anonymous(f),F.paths)}},dataURI:function(){var f;
|
||||
if(a(/^data:/)){f={};f.mime=a(/^[^\/]+\/[^,;)]+/)||"";f.charset=a(/^;\s*charset=[^,;)]+/)||"";f.base64=a(/^;\s*base64/)||"";f.data=a(/^,\s*[^)]+/);if(f.data)return f}},variable:function(){var f,j=h;if(e.charAt(h)==="@"&&(f=a(/^@[\w-]+/)))return new m.Variable(f,j)},color:function(){var f;if(e.charAt(h)==="#"&&(f=a(/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})/)))return new m.Color(f[1])},dimension:function(){var f;f=e.charCodeAt(h);if(!(f>57||f<45||f===47))if(f=a(/^(-?\d*\.?\d+)(px|%|em|pc|ex|in|deg|s|ms|pt|cm|mm|rad|grad|turn)?/))return new m.Dimension(f[1],
|
||||
f[2])},javascript:function(){var f;if(e.charAt(h)==="`")if(f=a(/^`([^`]*)`/))return new m.JavaScript(f[1],h)}},variable:function(){var f;if(e.charAt(h)==="@"&&(f=a(/^(@[\w-]+)\s*:/)))return f[1]},shorthand:function(){var f,j;if(g(/^[@\w.%-]+\/[@\w.-]+/))if((f=a(this.entity))&&a("/")&&(j=a(this.entity)))return new m.Shorthand(f,j)},mixin:{call:function(){var f=[],j,l,q,I=h;j=e.charAt(h);if(!(j!=="."&&j!=="#")){for(;j=a(/^[#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/);){f.push(new m.Element(l,
|
||||
j));l=a(">")}a("(")&&(q=a(this.entities.arguments))&&a(")");if(f.length>0&&(a(";")||g("}")))return new m.mixin.Call(f,q,I)}},definition:function(){var f,j=[],l,q;if(!(e.charAt(h)!=="."&&e.charAt(h)!=="#"||g(/^[^{]*(;|})/)))if(f=a(/^([#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+)\s*\(/)){for(f=f[1];l=a(this.entities.variable)||a(this.entities.literal)||a(this.entities.keyword);){if(l instanceof m.Variable)if(a(":"))if(q=a(this.expression))j.push({name:l.name,value:q});else throw Error("Expected value");
|
||||
else j.push({name:l.name});else j.push({value:l});if(!a(","))break}if(!a(")"))throw Error("Expected )");if(l=a(this.block))return new m.mixin.Definition(f,j,l)}}},entity:function(){return a(this.entities.literal)||a(this.entities.variable)||a(this.entities.url)||a(this.entities.call)||a(this.entities.keyword)||a(this.entities.javascript)},end:function(){return a(";")||g("}")},alpha:function(){var f;if(a(/^opacity=/i))if(f=a(/^\d+/)||a(this.entities.variable)){if(!a(")"))throw Error("missing closing ) for alpha()");
|
||||
return new m.Alpha(f)}},element:function(){var f;c=a(this.combinator);if(f=a(/^(?:[.#]?|:*)(?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/)||a("*")||a(this.attribute)||a(/^\([^)@]+\)/))return new m.Element(c,f)},combinator:function(){var f=e.charAt(h);if(f===">"||f==="&"||f==="+"||f==="~"){for(h++;e.charAt(h)===" ";)h++;return new m.Combinator(f)}else if(f===":"&&e.charAt(h+1)===":"){for(h+=2;e.charAt(h)===" ";)h++;return new m.Combinator("::")}else return e.charAt(h-1)===" "?new m.Combinator(" "):
|
||||
new m.Combinator(null)},selector:function(){for(var f,j=[],l;f=a(this.element);){l=e.charAt(h);j.push(f);if(l==="{"||l==="}"||l===";"||l===",")break}if(j.length>0)return new m.Selector(j)},tag:function(){return a(/^[a-zA-Z][a-zA-Z-]*[0-9]?/)||a("*")},attribute:function(){var f="",j,l,q;if(a("[")){if(j=a(/^[a-zA-Z-]+/)||a(this.entities.quoted))f=(q=a(/^[|~*$^]?=/))&&(l=a(this.entities.quoted)||a(/^[\w-]+/))?[j,q,l.toCSS?l.toCSS():l].join(""):j;if(a("]"))if(f)return"["+f+"]"}},block:function(){var f;
|
||||
if(a("{")&&(f=a(this.primary))&&a("}"))return f},ruleset:function(){var f=[],j,l;k=p[i];t=n=h;if(j=/^([.#: \w-]+)[\s\n]*\{/.exec(p[i])){h+=j[0].length-1;f=[new m.Selector([new m.Element(null,j[1])])]}else{for(;j=a(this.selector);){f.push(j);if(!a(","))break}j&&a(this.comment)}if(f.length>0&&(l=a(this.block)))return new m.Ruleset(f,l);else{r=h;p[i]=k;t=h=n}},rule:function(){var f,j;f=e.charAt(h);var l;k=p[i];t=n=h;if(!(f==="."||f==="#"||f==="&"))if(f=a(this.variable)||a(this.property)){if(f.charAt(0)!=
|
||||
"@"&&(match=/^([^@+\/'"*`(;{}-]*);/.exec(p[i]))){h+=match[0].length-1;j=new m.Anonymous(match[1])}else j=f==="font"?a(this.font):a(this.value);l=a(this.important);if(j&&a(this.end))return new m.Rule(f,j,l,n);else{r=h;p[i]=k;t=h=n}}},"import":function(){var f;if(a(/^@import\s+/)&&(f=a(this.entities.quoted)||a(this.entities.url))&&a(";"))return new m.Import(f,F)},directive:function(){var f,j,l;if(e.charAt(h)==="@")if(j=a(this["import"]))return j;else if(f=a(/^@media|@page/)){l=(a(/^[^{]+/)||"").trim();
|
||||
if(j=a(this.block))return new m.Directive(f+" "+l,j)}else if(f=a(/^@[-a-z]+/))if(f==="@font-face"){if(j=a(this.block))return new m.Directive(f,j)}else if((j=a(this.entity))&&a(";"))return new m.Directive(f,j)},font:function(){for(var f=[],j=[],l;l=a(this.shorthand)||a(this.entity);)j.push(l);f.push(new m.Expression(j));if(a(","))for(;l=a(this.expression);){f.push(l);if(!a(","))break}return new m.Value(f)},value:function(){for(var f,j=[];f=a(this.expression);){j.push(f);if(!a(","))break}if(j.length>
|
||||
0)return new m.Value(j)},important:function(){if(e.charAt(h)==="!")return a(/^! *important/)},sub:function(){var f;if(a("(")&&(f=a(this.expression))&&a(")"))return f},multiplication:function(){var f,j,l,q;if(f=a(this.operand)){for(;(l=a("/")||a("*"))&&(j=a(this.operand));)q=new m.Operation(l,[q||f,j]);return q||f}},addition:function(){var f,j,l,q;if(f=a(this.multiplication)){for(;(l=a(/^[-+]\s+/)||e.charAt(h-1)!=" "&&(a("+")||a("-")))&&(j=a(this.multiplication));)q=new m.Operation(l,[q||f,j]);return q||
|
||||
f}},operand:function(){return a(this.sub)||a(this.entities.dimension)||a(this.entities.color)||a(this.entities.variable)||a(this.entities.call)},expression:function(){for(var f,j=[];f=a(this.addition)||a(this.entity);)j.push(f);if(j.length>0)return new m.Expression(j)},property:function(){var f;if(f=a(/^(\*?-?[-a-z_0-9]+)\s*:/))return f[1]}}}};if(typeof z!=="undefined")o.Parser.importer=function(d,b,a,g){if(d.charAt(0)!=="/"&&b.length>0)d=b[0]+d;X({href:d,title:d,type:g.mime},a,true)};(function(d){function b(e){return d.functions.hsla(e.h,
|
||||
e.s,e.l,e.a)}function a(e){if(e instanceof d.Dimension)return parseFloat(e.unit=="%"?e.value/100:e.value);else if(typeof e==="number")return e;else throw{error:"RuntimeError",message:"color functions take numbers as parameters"};}function g(e){return Math.min(1,Math.max(0,e))}d.functions={rgb:function(e,h,i){return this.rgba(e,h,i,1)},rgba:function(e,h,i,k){e=[e,h,i].map(function(n){return a(n)});k=a(k);return new d.Color(e,k)},hsl:function(e,h,i){return this.hsla(e,h,i,1)},hsla:function(e,h,i,k){function n(t){t=
|
||||
t<0?t+1:t>1?t-1:t;return t*6<1?p+(r-p)*t*6:t*2<1?r:t*3<2?p+(r-p)*(2/3-t)*6:p}e=a(e)%360/360;h=a(h);i=a(i);k=a(k);var r=i<=0.5?i*(h+1):i+h-i*h,p=i*2-r;return this.rgba(n(e+1/3)*255,n(e)*255,n(e-1/3)*255,k)},hue:function(e){return new d.Dimension(Math.round(e.toHSL().h))},saturation:function(e){return new d.Dimension(Math.round(e.toHSL().s*100),"%")},lightness:function(e){return new d.Dimension(Math.round(e.toHSL().l*100),"%")},alpha:function(e){return new d.Dimension(e.toHSL().a)},saturate:function(e,
|
||||
h){var i=e.toHSL();i.s+=h.value/100;i.s=g(i.s);return b(i)},desaturate:function(e,h){var i=e.toHSL();i.s-=h.value/100;i.s=g(i.s);return b(i)},lighten:function(e,h){var i=e.toHSL();i.l+=h.value/100;i.l=g(i.l);return b(i)},darken:function(e,h){var i=e.toHSL();i.l-=h.value/100;i.l=g(i.l);return b(i)},fadein:function(e,h){var i=e.toHSL();i.a+=h.value/100;i.a=g(i.a);return b(i)},fadeout:function(e,h){var i=e.toHSL();i.a-=h.value/100;i.a=g(i.a);return b(i)},spin:function(e,h){var i=e.toHSL(),k=(i.h+h.value)%
|
||||
360;i.h=k<0?360+k:k;return b(i)},mix:function(e,h,i){i=i.value/100;var k=i*2-1,n=e.toHSL().a-h.toHSL().a;k=((k*n==-1?k:(k+n)/(1+k*n))+1)/2;n=1-k;return new d.Color([e.rgb[0]*k+h.rgb[0]*n,e.rgb[1]*k+h.rgb[1]*n,e.rgb[2]*k+h.rgb[2]*n],e.alpha*i+h.alpha*(1-i))},greyscale:function(e){return this.desaturate(e,new d.Dimension(100))},e:function(e){return new d.Anonymous(e instanceof d.JavaScript?e.evaluated:e)},"%":function(e){for(var h=Array.prototype.slice.call(arguments,1),i=e.value,k=0;k<h.length;k++)i=
|
||||
i.replace(/%s/,h[k].value).replace(/%[da]/,h[k].toCSS());i=i.replace(/%%/g,"%");return new d.Quoted('"'+i+'"',i)}}})(s("less/tree"));(function(d){d.Alpha=function(b){this.value=b};d.Alpha.prototype={toCSS:function(){return"alpha(opacity="+(this.value.toCSS?this.value.toCSS():this.value)+")"},eval:function(){return this}}})(s("less/tree"));(function(d){d.Anonymous=function(b){this.value=b.value||b};d.Anonymous.prototype={toCSS:function(){return this.value},eval:function(){return this}}})(s("less/tree"));
|
||||
(function(d){d.Call=function(b,a){this.name=b;this.args=a};d.Call.prototype={eval:function(b){var a=this.args.map(function(g){return g.eval(b)});return this.name in d.functions?d.functions[this.name].apply(d.functions,a):new d.Anonymous(this.name+"("+a.map(function(g){return g.toCSS()}).join(", ")+")")},toCSS:function(b){return this.eval(b).toCSS()}}})(s("less/tree"));(function(d){d.Color=function(b,a){this.rgb=Array.isArray(b)?b:b.length==6?b.match(/.{2}/g).map(function(g){return parseInt(g,16)}):
|
||||
b.split("").map(function(g){return parseInt(g+g,16)});this.alpha=typeof a==="number"?a:1};d.Color.prototype={eval:function(){return this},toCSS:function(){return this.alpha<1?"rgba("+this.rgb.map(function(b){return Math.round(b)}).concat(this.alpha).join(", ")+")":"#"+this.rgb.map(function(b){b=Math.round(b);b=(b>255?255:b<0?0:b).toString(16);return b.length===1?"0"+b:b}).join("")},operate:function(b,a){var g=[];a instanceof d.Color||(a=a.toColor());for(var e=0;e<3;e++)g[e]=d.operate(b,this.rgb[e],
|
||||
a.rgb[e]);return new d.Color(g)},toHSL:function(){var b=this.rgb[0]/255,a=this.rgb[1]/255,g=this.rgb[2]/255,e=this.alpha,h=Math.max(b,a,g),i=Math.min(b,a,g),k,n=(h+i)/2,r=h-i;if(h===i)k=i=0;else{i=n>0.5?r/(2-h-i):r/(h+i);switch(h){case b:k=(a-g)/r+(a<g?6:0);break;case a:k=(g-b)/r+2;break;case g:k=(b-a)/r+4}k/=6}return{h:k*360,s:i,l:n,a:e}}}})(s("less/tree"));(function(d){d.Comment=function(b,a){this.value=b;this.silent=!!a};d.Comment.prototype={toCSS:function(b){return b.compress?"":this.value},eval:function(){return this}}})(s("less/tree"));
|
||||
(function(d){d.Dimension=function(b,a){this.value=parseFloat(b);this.unit=a||null};d.Dimension.prototype={eval:function(){return this},toColor:function(){return new d.Color([this.value,this.value,this.value])},toCSS:function(){return this.value+this.unit},operate:function(b,a){return new d.Dimension(d.operate(b,this.value,a.value),this.unit||a.unit)}}})(s("less/tree"));(function(d){d.Directive=function(b,a){this.name=b;if(Array.isArray(a))this.ruleset=new d.Ruleset([],a);else this.value=a};d.Directive.prototype=
|
||||
{toCSS:function(b,a){if(this.ruleset){this.ruleset.root=true;return this.name+(a.compress?"{":" {\n ")+this.ruleset.toCSS(b,a).trim().replace(/\n/g,"\n ")+(a.compress?"}":"\n}\n")}else return this.name+" "+this.value.toCSS()+";\n"},eval:function(b){b.frames.unshift(this);this.ruleset=this.ruleset&&this.ruleset.eval(b);b.frames.shift();return this},variable:function(b){return d.Ruleset.prototype.variable.call(this.ruleset,b)},find:function(){return d.Ruleset.prototype.find.apply(this.ruleset,arguments)},
|
||||
rulesets:function(){return d.Ruleset.prototype.rulesets.apply(this.ruleset)}}})(s("less/tree"));(function(d){d.Element=function(b,a){this.combinator=b instanceof d.Combinator?b:new d.Combinator(b);this.value=a.trim()};d.Element.prototype.toCSS=function(b){return this.combinator.toCSS(b||{})+this.value};d.Combinator=function(b){this.value=b===" "?" ":b?b.trim():""};d.Combinator.prototype.toCSS=function(b){return{"":""," ":" ","&":"",":":" :","::":"::","+":b.compress?"+":" + ","~":b.compress?"~":" ~ ",
|
||||
">":b.compress?">":" > "}[this.value]}})(s("less/tree"));(function(d){d.Expression=function(b){this.value=b};d.Expression.prototype={eval:function(b){return this.value.length>1?new d.Expression(this.value.map(function(a){return a.eval(b)})):this.value[0].eval(b)},toCSS:function(b){return this.value.map(function(a){return a.toCSS(b)}).join(" ")}}})(s("less/tree"));(function(d){d.Import=function(b,a){var g=this;this._path=b;this.path=b instanceof d.Quoted?/\.(le?|c)ss$/.test(b.value)?b.value:b.value+
|
||||
".less":b.value.value||b.value;(this.css=/css$/.test(this.path))||a.push(this.path,function(e){if(!e)throw Error("Error parsing "+g.path);g.root=e})};d.Import.prototype={toCSS:function(){return this.css?"@import "+this._path.toCSS()+";\n":""},eval:function(b){var a;if(this.css)return this;else{a=new d.Ruleset(null,this.root.rules.slice(0));for(var g=0;g<a.rules.length;g++)a.rules[g]instanceof d.Import&&Array.prototype.splice.apply(a.rules,[g,1].concat(a.rules[g].eval(b)));return a.rules}}}})(s("less/tree"));
|
||||
(function(d){d.JavaScript=function(b,a){this.expression=b;this.index=a};d.JavaScript.prototype={toCSS:function(){return JSON.stringify(this.evaluated)},eval:function(b){var a=new Function("return ("+this.expression+")"),g={},e;for(e in b.frames[0].variables())g[e.slice(1)]={value:b.frames[0].variables()[e].value,toJS:function(){return this.value.eval(b).toCSS()}};try{this.evaluated=a.call(g)}catch(h){throw{message:"JavaScript evaluation error: '"+h.name+": "+h.message+"'",index:this.index};}return this}}})(s("less/tree"));
|
||||
(function(d){d.Keyword=function(b){this.value=b};d.Keyword.prototype={eval:function(){return this},toCSS:function(){return this.value}}})(s("less/tree"));(function(d){d.mixin={};d.mixin.Call=function(b,a,g){this.selector=new d.Selector(b);this.arguments=a;this.index=g};d.mixin.Call.prototype={eval:function(b){for(var a,g=[],e=false,h=0;h<b.frames.length;h++)if((a=b.frames[h].find(this.selector)).length>0){for(h=0;h<a.length;h++)if(a[h].match(this.arguments,b))try{Array.prototype.push.apply(g,a[h].eval(b,
|
||||
this.arguments).rules);e=true}catch(i){throw{message:i.message,index:i.index,stack:i.stack,call:this.index};}if(e)return g;else throw{message:"No matching definition was found for `"+this.selector.toCSS().trim()+"("+this.arguments.map(function(k){return k.toCSS()}).join(", ")+")`",index:this.index};}throw{message:this.selector.toCSS().trim()+" is undefined",index:this.index};}};d.mixin.Definition=function(b,a,g){this.name=b;this.selectors=[new d.Selector([new d.Element(null,b)])];this.params=a;this.arity=
|
||||
a.length;this.rules=g;this._lookups={};this.required=a.reduce(function(e,h){return!h.name||h.name&&!h.value?e+1:e},0);this.parent=d.Ruleset.prototype;this.frames=[]};d.mixin.Definition.prototype={toCSS:function(){return""},variable:function(b){return this.parent.variable.call(this,b)},variables:function(){return this.parent.variables.call(this)},find:function(){return this.parent.find.apply(this,arguments)},rulesets:function(){return this.parent.rulesets.apply(this)},eval:function(b,a){for(var g=
|
||||
new d.Ruleset(null,[]),e=0,h;e<this.params.length;e++)if(this.params[e].name)if(h=a&&a[e]||this.params[e].value)g.rules.unshift(new d.Rule(this.params[e].name,h.eval(b)));else throw{message:"wrong number of arguments for "+this.name+" ("+a.length+" for "+this.arity+")"};return(new d.Ruleset(null,this.rules.slice(0))).eval({frames:[this,g].concat(this.frames,b.frames)})},match:function(b,a){var g=b&&b.length||0;if(g<this.required)return false;if(this.required>0&&g>this.params.length)return false;g=
|
||||
Math.min(g,this.arity);for(var e=0;e<g;e++)if(!this.params[e].name)if(b[e].eval(a).toCSS()!=this.params[e].value.eval(a).toCSS())return false;return true}}})(s("less/tree"));(function(d){d.Operation=function(b,a){this.op=b.trim();this.operands=a};d.Operation.prototype.eval=function(b){var a=this.operands[0].eval(b);b=this.operands[1].eval(b);var g;if(a instanceof d.Dimension&&b instanceof d.Color)if(this.op==="*"||this.op==="+"){g=b;b=a;a=g}else throw{name:"OperationError",message:"Can't substract or divide a color from a number"};
|
||||
return a.operate(this.op,b)};d.operate=function(b,a,g){switch(b){case "+":return a+g;case "-":return a-g;case "*":return a*g;case "/":return a/g}}})(s("less/tree"));(function(d){d.Quoted=function(b,a){this.value=a||"";this.quote=b.charAt(0)};d.Quoted.prototype={toCSS:function(){return this.quote+this.value+this.quote},eval:function(){return this}}})(s("less/tree"));(function(d){d.Rule=function(b,a,g,e){this.name=b;this.value=a instanceof d.Value?a:new d.Value([a]);this.important=g?" "+g.trim():"";
|
||||
this.index=e;this.variable=b.charAt(0)==="@"?true:false};d.Rule.prototype.toCSS=function(b){return this.variable?"":this.name+(b.compress?":":": ")+this.value.toCSS(b)+this.important+";"};d.Rule.prototype.eval=function(b){return new d.Rule(this.name,this.value.eval(b),this.important,this.index)};d.Shorthand=function(b,a){this.a=b;this.b=a};d.Shorthand.prototype={toCSS:function(b){return this.a.toCSS(b)+"/"+this.b.toCSS(b)},eval:function(){return this}}})(s("less/tree"));(function(d){d.Ruleset=function(b,
|
||||
a){this.selectors=b;this.rules=a;this._lookups={}};d.Ruleset.prototype={eval:function(b){var a=new d.Ruleset(this.selectors,this.rules.slice(0));a.root=this.root;b.frames.unshift(a);if(a.root)for(var g=0;g<a.rules.length;g++)a.rules[g]instanceof d.Import&&Array.prototype.splice.apply(a.rules,[g,1].concat(a.rules[g].eval(b)));for(g=0;g<a.rules.length;g++)if(a.rules[g]instanceof d.mixin.Definition)a.rules[g].frames=b.frames.slice(0);for(g=0;g<a.rules.length;g++)a.rules[g]instanceof d.mixin.Call&&Array.prototype.splice.apply(a.rules,
|
||||
[g,1].concat(a.rules[g].eval(b)));g=0;for(var e;g<a.rules.length;g++){e=a.rules[g];e instanceof d.mixin.Definition||(a.rules[g]=e.eval?e.eval(b):e)}b.frames.shift();return a},match:function(b){return!b||b.length===0},variables:function(){return this._variables?this._variables:this._variables=this.rules.reduce(function(b,a){if(a instanceof d.Rule&&a.variable===true)b[a.name]=a;return b},{})},variable:function(b){return this.variables()[b]},rulesets:function(){return this._rulesets?this._rulesets:this._rulesets=
|
||||
this.rules.filter(function(b){return b instanceof d.Ruleset||b instanceof d.mixin.Definition})},find:function(b,a){a=a||this;var g=[],e=b.toCSS();if(e in this._lookups)return this._lookups[e];this.rulesets().forEach(function(h){if(h!==a)for(var i=0;i<h.selectors.length;i++)if(b.match(h.selectors[i])){b.elements.length>1?Array.prototype.push.apply(g,h.find(new d.Selector(b.elements.slice(1)),a)):g.push(h);break}});return this._lookups[e]=g},toCSS:function(b,a){var g=[],e=[],h=[],i=[],k;if(!this.root)if(b.length===
|
||||
0)i=this.selectors.map(function(r){return[r]});else for(k=0;k<this.selectors.length;k++)for(var n=0;n<b.length;n++)i.push(b[n].concat([this.selectors[k]]));for(n=0;n<this.rules.length;n++){k=this.rules[n];if(k.rules||k instanceof d.Directive)h.push(k.toCSS(i,a));else if(k instanceof d.Comment)k.silent||(this.root?h.push(k.toCSS(a)):e.push(k.toCSS(a)));else if(k.toCSS&&!k.variable)e.push(k.toCSS(a));else k.value&&!k.variable&&e.push(k.value.toString())}h=h.join("");if(this.root)g.push(e.join(a.compress?
|
||||
"":"\n"));else if(e.length>0){i=i.map(function(r){return r.map(function(p){return p.toCSS(a)}).join("").trim()}).join(a.compress?",":i.length>3?",\n":", ");g.push(i,(a.compress?"{":" {\n ")+e.join(a.compress?"":"\n ")+(a.compress?"}":"\n}\n"))}g.push(h);return g.join("")+(a.compress?"\n":"")}}})(s("less/tree"));(function(d){d.Selector=function(b){this.elements=b;if(this.elements[0].combinator.value==="")this.elements[0].combinator.value=" "};d.Selector.prototype.match=function(b){return this.elements[0].value===
|
||||
b.elements[0].value?true:false};d.Selector.prototype.toCSS=function(b){if(this._css)return this._css;return this._css=this.elements.map(function(a){return typeof a==="string"?" "+a.trim():a.toCSS(b)}).join("")}})(s("less/tree"));(function(d){d.URL=function(b,a){if(b.data)this.attrs=b;else{if(!/^(?:https?:\/|file:\/)?\//.test(b.value)&&a.length>0&&typeof z!=="undefined")b.value=a[0]+(b.value.charAt(0)==="/"?b.value.slice(1):b.value);this.value=b;this.paths=a}};d.URL.prototype={toCSS:function(){return"url("+
|
||||
(this.attrs?"data:"+this.attrs.mime+this.attrs.charset+this.attrs.base64+this.attrs.data:this.value.toCSS())+")"},eval:function(b){return this.attrs?this:new d.URL(this.value.eval(b),this.paths)}}})(s("less/tree"));(function(d){d.Value=function(b){this.value=b;this.is="value"};d.Value.prototype={eval:function(b){return this.value.length===1?this.value[0].eval(b):new d.Value(this.value.map(function(a){return a.eval(b)}))},toCSS:function(b){return this.value.map(function(a){return a.toCSS(b)}).join(b.compress?
|
||||
",":", ")}}})(s("less/tree"));(function(d){d.Variable=function(b,a){this.name=b;this.index=a};d.Variable.prototype={eval:function(b){var a,g,e=this.name;if(a=d.find(b.frames,function(h){if(g=h.variable(e))return g.value.eval(b)}))return a;else throw{message:"variable "+this.name+" is undefined",index:this.index};}}})(s("less/tree"));s("less/tree").find=function(d,b){for(var a=0,g;a<d.length;a++)if(g=b.call(d,d[a]))return g;return null};var P=location.protocol==="file:"||location.protocol==="chrome:"||
|
||||
location.protocol==="resource:";o.env=o.env||(location.hostname=="127.0.0.1"||location.hostname=="0.0.0.0"||location.hostname=="localhost"||location.port.length>0||P?"development":"production");o.async=false;o.poll=o.poll||(P?1E3:1500);o.watch=function(){return this.watchMode=true};o.unwatch=function(){return this.watchMode=false};if(o.env==="development"){o.optimization=0;/!watch/.test(location.hash)&&o.watch();o.watchTimer=setInterval(function(){o.watchMode&&W(function(d,b,a){d&&N(d.toCSS(),b,a.lastModified)})},
|
||||
o.poll)}else o.optimization=3;var B;try{B=typeof z.localStorage==="undefined"?null:z.localStorage}catch(aa){B=null}var M=document.getElementsByTagName("link"),V=/^text\/(x-)?less$/;o.sheets=[];for(var J=0;J<M.length;J++)if(M[J].rel==="stylesheet/less"||M[J].rel.match(/stylesheet/)&&M[J].type.match(V))o.sheets.push(M[J]);o.refresh=function(d){var b=endTime=new Date;W(function(a,g,e){if(e.local)H("loading "+g.href+" from cache.");else{H("parsed "+g.href+" successfully.");N(a.toCSS(),g,e.lastModified)}H("css for "+
|
||||
g.href+" generated in "+(new Date-endTime)+"ms");e.remaining===0&&H("css generated in "+(new Date-b)+"ms");endTime=new Date},d);U()};o.refreshStyles=U;o.refresh(o.env==="development")})(window);
|
||||
@ -5,39 +5,13 @@
|
||||
<title>Twitter Baseline</title>
|
||||
|
||||
<!-- // Less.js at the ready! -->
|
||||
<link rel="stylesheet/less" type="text/css" media="all" href="less/baseline.less" />
|
||||
<script type="text/javascript" src="js/less-1.0.41.min.js"></script>
|
||||
<link href="../baseline-1.0.0.css" rel="stylesheet" type="text/css">
|
||||
<link href="assets/css/docs.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- // jQuery! -->
|
||||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
|
||||
<script type="text/javascript" src="http://tablesorter.com/jquery.tablesorter.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery/hashgrid.js"></script>
|
||||
<script type="text/javascript">
|
||||
// Javascript to toggle the dropdowns
|
||||
$(document).ready(function(){
|
||||
// Dropdowns
|
||||
$("body").bind("click", function(e) {
|
||||
$("ul.menu-dropdown").hide();
|
||||
$('a.menu').parent("li").removeClass("open").children("ul.menu-dropdown").hide();
|
||||
});
|
||||
$("a.menu").click(function(e) {
|
||||
var $target = $(this);
|
||||
var $parent = $target.parent("li");
|
||||
var $siblings = $target.siblings("ul.menu-dropdown");
|
||||
var $parentSiblings = $parent.siblings("li");
|
||||
if ($parent.hasClass("open")) {
|
||||
$parent.removeClass("open");
|
||||
$siblings.hide();
|
||||
} else {
|
||||
$parent.addClass("open");
|
||||
$siblings.show();
|
||||
}
|
||||
$parentSiblings.children("ul.menu-dropdown").hide();
|
||||
$parentSiblings.removeClass("open");
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Code Highlighting -->
|
||||
<script type="text/javascript" src="js/jquery/chili/jquery.chili-2.2.js"></script>
|
||||
@ -47,24 +21,22 @@
|
||||
</script>
|
||||
|
||||
<!-- Debug line-height -->
|
||||
<!--
|
||||
<style>
|
||||
body {
|
||||
background: url(img/baseline-10px.png) repeat 0 0, url(img/grid-940px.png) repeat-y top center;
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
-->
|
||||
<!--
|
||||
<style>
|
||||
body {
|
||||
background: url(img/baseline-10px.png) repeat 0 0, url(img/grid-940px.png) repeat-y top center;
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
-->
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<div class="topbar">
|
||||
<div class="container fixed">
|
||||
<h3><a class="logo" href="index.html">
|
||||
<img src="img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span>
|
||||
<img src="assets/img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span>
|
||||
</a></h3>
|
||||
<ul>
|
||||
<li><a href="#getting-started">Getting Started</a></li>
|
||||
@ -79,12 +51,12 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1>Typography</h1>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="span5 columns">
|
||||
<h2>Body Text</h2>
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
|
||||
<!-- // Less.js at the ready! -->
|
||||
<link href="../baseline-1.0.0.css" rel="stylesheet" type="text/css">
|
||||
<link href="assets/css/docs.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- // jQuery! -->
|
||||
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
|
||||
@ -34,8 +35,8 @@
|
||||
|
||||
<div class="topbar">
|
||||
<div class="container fixed">
|
||||
<h3><a class="logo" href="index.html">
|
||||
<img src="img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span>
|
||||
<h3><a class="logo" href="#">
|
||||
<img src="assets/img/twitter-logo-no-bird.png" alt="Twitter" /> <span>baseline</span>
|
||||
</a></h3>
|
||||
<ul>
|
||||
<li><a href="#getting-started">Getting Started</a></li>
|
||||
@ -85,7 +86,7 @@
|
||||
</div>
|
||||
<div class="span12 columns">
|
||||
<h3>1. Compiled CSS</h3>
|
||||
<p>Use this option if you want all the styles of Baseline in a <a href="baseline-1.0.0.css">compiled and minified stylesheet</a>, but none of the extra power of LESS.</p>
|
||||
<p>Use this option if you want all the styles of Baseline in a <a href="../baseline-1.0.0.min.css">compiled and minified stylesheet</a>, but none of the extra power of LESS.</p>
|
||||
<pre class="html"><link type="text/css" href="baseline-1.0.0.css" media="all" /></pre>
|
||||
<h3>2. Run with LESS.js</h3>
|
||||
<p>Use this option to make full use of Baseline's LESS variables, mixins, and nesting in CSS.</p>
|
||||
|
||||
@ -14,11 +14,4 @@
|
||||
@import "type.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
@import "patterns.less";
|
||||
|
||||
|
||||
/* Add additional stylesheets below
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Documentation
|
||||
@import "docs.less";
|
||||
@import "patterns.less";
|
||||
200
lib/docs.less
200
lib/docs.less
@ -1,200 +0,0 @@
|
||||
/*
|
||||
Baseline's documentation styles
|
||||
Special styles for presenting Baseline's documentation and examples
|
||||
*/
|
||||
|
||||
|
||||
/* Body and structure
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Give us a gradient background
|
||||
body {
|
||||
#gradient > .vertical-three-colors(#eee, #fff, 0.15, #fff);
|
||||
background-attachment: fixed;
|
||||
background-position: 0 40px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Give us some love on HTML5 elements (hardly use these in Basline thus far though)
|
||||
header,
|
||||
section,
|
||||
footer,
|
||||
article,
|
||||
aside {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Break up sections
|
||||
section {
|
||||
padding-top: @baseline * 4;
|
||||
margin-bottom: @baseline * -2;
|
||||
}
|
||||
|
||||
// Blueprint-style header and footer
|
||||
#masthead,
|
||||
#footer {
|
||||
#gradient > .vertical(darken(@blue-dark, 7.5%), darken(@blue, 7.5%));
|
||||
div.inner {
|
||||
background: transparent url(assets/img/grid-20px.png) 0 -1px;
|
||||
padding: 40px 0;
|
||||
.box-shadow(inset 0 10px 30px rgba(0,0,0,.25));
|
||||
}
|
||||
h1, p, small {
|
||||
color: #fff;
|
||||
text-shadow: 0 2px 0 rgba(0,0,0,.25);
|
||||
}
|
||||
}
|
||||
#masthead {
|
||||
margin-top: @baseline * 2;
|
||||
margin-bottom: @baseline * -2;
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
p.lead {
|
||||
.font(300,20px,30px);
|
||||
margin: 5px 0;
|
||||
}
|
||||
a.btn {
|
||||
#gradient > .vertical(@purple, darken(@purple, 15%));
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
border: 0;
|
||||
@shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.4);
|
||||
.box-shadow(@shadow);
|
||||
.transition(all .2s linear);
|
||||
}
|
||||
small {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: @baseline;
|
||||
color: rgba(255,255,255,.5);
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Page footer
|
||||
#footer {
|
||||
margin-top: @baseline * 4;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Special grid styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
.show-grid {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
.column,
|
||||
.columns {
|
||||
background: rgba(0,0,0,.1);
|
||||
text-align: center;
|
||||
.border-radius(3px);
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
&:hover {
|
||||
.column,
|
||||
.columns {
|
||||
background: rgba(0,0,0,.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Hashgrid.js grid (press G & H to view)
|
||||
-------------------------------------------------- */
|
||||
|
||||
#grid {
|
||||
width: 980px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -490px;
|
||||
}
|
||||
#grid div.vert {
|
||||
#translucent > .background(#00CED1, .075);
|
||||
width: 39px;
|
||||
border: solid darkturquoise;
|
||||
border-width: 0 1px;
|
||||
margin-right: 19px;
|
||||
}
|
||||
#grid div.vert.first-line {
|
||||
margin-left: 19px;
|
||||
}
|
||||
#grid div.horiz {
|
||||
height: @baseline - 1;
|
||||
border-bottom: 1px solid rgba(255,0,0,.1);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&:nth-child(5n) {
|
||||
border-color: rgba(255,0,0,.25);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Render mini layout previews
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.mini-layout {
|
||||
height: 340px;
|
||||
margin-bottom: @baseline;
|
||||
padding: 9px;
|
||||
border: 1px solid rgba(0,0,0,.25);
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 1px 3px rgba(0,0,0,.125));
|
||||
// Default mini layout (fixed container)
|
||||
div {
|
||||
.border-radius(3px);
|
||||
&.mini-layout-body {
|
||||
background-color: rgba(141,192,219,.25);
|
||||
margin: 0 auto;
|
||||
width: 450px;
|
||||
height: 340px;
|
||||
}
|
||||
}
|
||||
// Fluid layout (sidebar)
|
||||
&.fluid {
|
||||
div.mini-layout-sidebar,
|
||||
div.mini-layout-header,
|
||||
div.mini-layout-body {
|
||||
float: left;
|
||||
}
|
||||
div.mini-layout-sidebar {
|
||||
background-color: rgba(141,192,219,.5);
|
||||
width: 90px;
|
||||
height: 340px;
|
||||
}
|
||||
div.mini-layout-body {
|
||||
width: 400px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Topbar special styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.topbar-wrapper {
|
||||
position: relative;
|
||||
height: 40px;
|
||||
margin: 5px 0 15px;
|
||||
div.topbar {
|
||||
position: absolute;
|
||||
margin: 0 -20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
.border-radius(4px);
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user