mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-08 17:22:31 +03:00
cleanup old stuff
This commit is contained in:
Jacob Thornton
@@ -1,216 +0,0 @@
|
||||
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,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;}
|
||||
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))";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(../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);}
|
||||
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(#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;}
|
||||
.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;}
|
||||
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;}
|
||||
@@ -1,24 +0,0 @@
|
||||
/*
|
||||
Master Stylesheet
|
||||
This file is only for importing all required stylesheets for LESS to include and then compile.
|
||||
*/
|
||||
|
||||
// CSS Reset
|
||||
@import "reset.less";
|
||||
|
||||
// Core
|
||||
@import "bootstrap.less";
|
||||
@import "scaffolding.less";
|
||||
|
||||
// Styled patterns and elements
|
||||
@import "type.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
@import "patterns.less";
|
||||
|
||||
|
||||
/* Add additional stylesheets below
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Documentation
|
||||
@import "docs.less";
|
||||
Vendored
-211
@@ -1,211 +0,0 @@
|
||||
/*
|
||||
Bootstrap v1.1
|
||||
Variables and mixins to bootstrap any new web development project. Modified from original version for Twitter Blueprint.
|
||||
*/
|
||||
|
||||
|
||||
/* Variables
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Links
|
||||
@link-color: #0069d6;
|
||||
@link-hover-color: darken(@link-color, 10);
|
||||
|
||||
// Grays
|
||||
@white: #fff;
|
||||
@gray-lighter: #ccc;
|
||||
@gray-light: #777;
|
||||
@gray: #555;
|
||||
@gray-dark: #333;
|
||||
@black: #000;
|
||||
|
||||
// Accent Colors
|
||||
@blue: #08b5fb;
|
||||
@blue-dark: #0069d6;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
// Baseline grid
|
||||
@baseline: 20px;
|
||||
|
||||
// Griditude
|
||||
@grid_columns: 16;
|
||||
@grid_column_width: 40px;
|
||||
@grid_gutter_width: 20px;
|
||||
@site_width: (@grid_columns * @grid_column_width) + (@grid_gutter_width * (@grid_columns - 1));
|
||||
|
||||
|
||||
/* Mixins
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Clearfix for clearing floats like a boss
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
&:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
}
|
||||
|
||||
// Floats
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Input placeholder text
|
||||
.placeholder(@color: @gray-light) {
|
||||
:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Font Stacks
|
||||
.font(@weight: normal, @size: 14px, @lineheight: 20px) {
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineheight;
|
||||
}
|
||||
.sans-serif(@weight: normal, @size: 14px, @lineheight: 20px) {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineheight;
|
||||
}
|
||||
.serif(@weight: normal, @size: 14px, @lineheight: 20px) {
|
||||
font-family: "Georgia", Times New Roman, Times, sans-serif;
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineheight;
|
||||
}
|
||||
.monospace(@weight: normal, @size: 12px, @lineheight: 20px) {
|
||||
font-family: "Monaco", Courier New, monospace;
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineheight;
|
||||
}
|
||||
|
||||
// Grid System
|
||||
.container {
|
||||
width: @site_width;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.columns(@column_span: 1) {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: (@grid_column_width * @column_span) + (@grid_gutter_width * (@column_span - 1));
|
||||
margin-left: @grid_gutter_width;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.offset(@column_offset: 1) {
|
||||
margin-left: (@grid_column_width * @column_offset) + (@grid_gutter_width * (@column_offset - 1)) !important;
|
||||
}
|
||||
|
||||
// Border Radius
|
||||
.border-radius(@radius: 5px) {
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-moz-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@column_count, @column_gap: 20px) {
|
||||
-webkit-column-count: @count;
|
||||
-webkit-column-gap: @gap;
|
||||
-moz-column-count: @count;
|
||||
-moz-column-gap: @gap;
|
||||
column-count: @count;
|
||||
column-gap: @gap;
|
||||
}
|
||||
|
||||
// Buttons
|
||||
.button(@color: #f9f9f9, @padding: 4px 14px, @text_color: #555, @text_shadow: 0 1px 0 rgba(255,255,255,.75), @font_size: 13px, @border_color: rgba(0,0,0,.1), @rounded: 4px) {
|
||||
display: inline-block;
|
||||
#gradient > .vertical-three-colors(@color, @color, 0.25, darken(@color, 10%));
|
||||
padding: @padding;
|
||||
text-shadow: @text_shadow;
|
||||
color: @text_color;
|
||||
line-height: @baseline;
|
||||
border: 1px solid @border_color;
|
||||
border-bottom-color: fadein(@border_color, 15%);
|
||||
.border-radius(@rounded);
|
||||
@shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.1);
|
||||
.box-shadow(@shadow);
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-position: 0 -15px;
|
||||
color: darken(@text_color, 10%);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
.background(@color: @white, @alpha: 1) {
|
||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
}
|
||||
.border(@color: @white, @alpha: 1) {
|
||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
}
|
||||
|
||||
// Gradients
|
||||
#gradient {
|
||||
.horizontal(@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(right center, @startColor, @endColor);
|
||||
background-image: -moz-linear-gradient(right center, @startColor, @endColor);
|
||||
background-image: -o-linear-gradient(left, @startColor, @endColor);
|
||||
background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor));
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.Gradient(StartColorStr='%d', EndColorStr='%d', GradientType=1)",@startColor,@endColor));
|
||||
-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorStr='%d', EndColorStr='%d', GradientType=1))",@startColor,@endColor);
|
||||
}
|
||||
.vertical(@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, @endColor);
|
||||
background-image: -moz-linear-gradient(@startColor, @endColor);
|
||||
background-image: -o-linear-gradient(top, @startColor, @endColor);
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.Gradient(StartColorStr='%d', EndColorStr='%d', GradientType=0)",@startColor,@endColor));
|
||||
-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorStr='%d', EndColorStr='%d', GradientType=0))",@startColor,@endColor);
|
||||
}
|
||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 0.5, @endColor: #c3325f) {
|
||||
background-color: @endColor;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, color-stop(@colorStop, @midColor), @endColor);
|
||||
background-image: -moz-linear-gradient(@startColor, color-stop(@midColor, @colorStop), @endColor);
|
||||
}
|
||||
}
|
||||
-200
@@ -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(../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);
|
||||
}
|
||||
}
|
||||
-336
@@ -1,336 +0,0 @@
|
||||
/*
|
||||
Forms
|
||||
Base line styles for various input types, form layouts, and states
|
||||
*/
|
||||
|
||||
|
||||
/* Global form styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
form {
|
||||
margin-bottom: @baseline;
|
||||
// Groups of fields with labels on top (legends)
|
||||
fieldset {
|
||||
margin-bottom: @baseline;
|
||||
padding-top: @baseline;
|
||||
legend {
|
||||
display: block;
|
||||
margin-left: 150px;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
color: @gray-dark;
|
||||
}
|
||||
}
|
||||
// Parent element that clears floats and wraps labels and fields together
|
||||
div.clearfix {
|
||||
margin-bottom: @baseline;
|
||||
}
|
||||
// Set font for forms
|
||||
label, input, select, textarea {
|
||||
.sans-serif(normal,13px,normal);
|
||||
}
|
||||
// Float labels left
|
||||
label {
|
||||
padding-top: 6px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
float: left;
|
||||
width: 130px;
|
||||
text-align: right;
|
||||
}
|
||||
// Shift over the inside div to align all label's relevant content
|
||||
div.input {
|
||||
margin-left: 150px;
|
||||
}
|
||||
// Checkboxs and radio buttons
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
cursor: pointer;
|
||||
}
|
||||
// Inputs, Textareas, Selects
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
textarea,
|
||||
select,
|
||||
.uneditable-input {
|
||||
display: block;
|
||||
width: 210px;
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
font-size: 13px;
|
||||
line-height: @baseline;
|
||||
height: @baseline;
|
||||
color: @gray;
|
||||
border: 1px solid #bbb;
|
||||
.border-radius(3px);
|
||||
}
|
||||
select,
|
||||
input[type=file] {
|
||||
height: @baseline * 1.5;
|
||||
line-height: @baseline * 1.5;
|
||||
}
|
||||
textarea {
|
||||
height: auto;
|
||||
}
|
||||
.uneditable-input {
|
||||
background-color: #eee;
|
||||
display: block;
|
||||
border-color: #ccc;
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.075));
|
||||
}
|
||||
// Focus states
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
select, textarea {
|
||||
@transition: border linear .2s, box-shadow linear .2s;
|
||||
.transition(@transition);
|
||||
}
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
textarea:focus {
|
||||
outline: none;
|
||||
border-color: rgba(82,168,236,.75);
|
||||
.box-shadow(0 0 8px rgba(82,168,236,.5));
|
||||
}
|
||||
// Error styles
|
||||
div.error {
|
||||
background: lighten(@red, 57%);
|
||||
padding: 10px 0;
|
||||
margin: -10px 0 10px;
|
||||
.border-radius(4px);
|
||||
@error-text: desaturate(lighten(@red, 25%), 25%);
|
||||
> label {
|
||||
color: @red;
|
||||
}
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
textarea {
|
||||
border-color: @error-text;
|
||||
.box-shadow(0 0 3px rgba(171,41,32,.25));
|
||||
&:focus {
|
||||
border-color: darken(@error-text, 10%);
|
||||
.box-shadow(0 0 6px rgba(171,41,32,.5));
|
||||
}
|
||||
}
|
||||
div.input-prepend,
|
||||
div.input-append {
|
||||
span.add-on {
|
||||
background: lighten(@red, 50%);
|
||||
border-color: @error-text;
|
||||
color: darken(@error-text, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
// Form element sizes
|
||||
.input-mini, input.mini, textarea.mini, select.mini {
|
||||
width: 60px;
|
||||
}
|
||||
.input-small, input.small, textarea.small, select.small {
|
||||
width: 90px;
|
||||
}
|
||||
.input-medium, input.medium, textarea.medium, select.medium {
|
||||
width: 150px;
|
||||
}
|
||||
.input-large, input.large, textarea.large, select.large {
|
||||
width: 210px;
|
||||
}
|
||||
.input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {
|
||||
width: 270px;
|
||||
}
|
||||
.input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {
|
||||
width: 530px;
|
||||
}
|
||||
textarea.xxlarge {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
// Turn off focus for disabled (read-only) form elements
|
||||
input[readonly]:focus,
|
||||
textarea[readonly]:focus,
|
||||
input.disabled {
|
||||
background: #f5f5f5;
|
||||
border-color: #ddd;
|
||||
.box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
// Actions (the buttons)
|
||||
div.actions {
|
||||
background: #f5f5f5;
|
||||
margin-top: @baseline;
|
||||
margin-bottom: @baseline;
|
||||
padding: (@baseline - 1) 20px @baseline 150px;
|
||||
border-top: 1px solid #ddd;
|
||||
.border-radius(0 0 3px 3px);
|
||||
div.secondary-action {
|
||||
float: right;
|
||||
a {
|
||||
line-height: 30px;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Help Text
|
||||
.help-inline,
|
||||
.help-block {
|
||||
font-size: 12px;
|
||||
line-height: @baseline;
|
||||
color: @gray-light;
|
||||
}
|
||||
.help-inline {
|
||||
padding-left: 5px;
|
||||
}
|
||||
// Big blocks of help text
|
||||
.help-block {
|
||||
display: block;
|
||||
max-width: 600px;
|
||||
h5, p, ol li {
|
||||
color: @gray;
|
||||
}
|
||||
p, ol li {
|
||||
font-size: 12px;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
line-height: @baseline;
|
||||
color: @gray-light;
|
||||
}
|
||||
ol {
|
||||
margin-bottom: 10px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
// Inline Fields (input fields that appear as inline objects
|
||||
div.inline-inputs {
|
||||
color: @gray;
|
||||
span, input[type=text] {
|
||||
display: inline-block;
|
||||
}
|
||||
input.mini {
|
||||
width: 60px;
|
||||
}
|
||||
input.small {
|
||||
width: 90px;
|
||||
}
|
||||
span {
|
||||
padding: 0 2px 0 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// Allow us to put symbols and text within the input field for a cleaner look
|
||||
div.input-prepend,
|
||||
div.input-append {
|
||||
input[type=text] {
|
||||
.border-radius(0 3px 3px 0);
|
||||
}
|
||||
.add-on {
|
||||
background: #f5f5f5;
|
||||
float: left;
|
||||
display: block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
padding: 5px 4px 5px 5px;
|
||||
color: @gray-light;
|
||||
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;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.active {
|
||||
background: lighten(@green, 30);
|
||||
border-color: @green;
|
||||
}
|
||||
}
|
||||
div.input-append {
|
||||
input[type=text] {
|
||||
float: left;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.add-on {
|
||||
.border-radius(0 3px 3px 0);
|
||||
border-right-width: 1px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Stacked options for forms (radio buttons or checkboxes)
|
||||
ul.inputs-list {
|
||||
margin: 0 0 5px;
|
||||
width: 100%;
|
||||
li {
|
||||
display: block;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
label {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
line-height: @baseline;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
strong {
|
||||
color: @gray;
|
||||
}
|
||||
small {
|
||||
font-size: 12px;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
}
|
||||
ul.inputs-list {
|
||||
margin-left: 25px;
|
||||
margin-bottom: 10px;
|
||||
padding-top: 0;
|
||||
}
|
||||
&:first-child {
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
input[type=radio],
|
||||
input[type=checkbox] {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Stacked forms
|
||||
form.form-stacked {
|
||||
fieldset {
|
||||
padding-top: @baseline / 2;
|
||||
}
|
||||
legend {
|
||||
margin-left: 0;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding-top: 0;
|
||||
}
|
||||
div.clearfix {
|
||||
margin-bottom: @baseline / 2;
|
||||
div.input {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
ul.inputs-list {
|
||||
margin-bottom: 0;
|
||||
li {
|
||||
padding-top: 0;
|
||||
label {
|
||||
font-weight: normal;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,526 +0,0 @@
|
||||
/*
|
||||
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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
// Topbar for Branding and Nav
|
||||
div.topbar {
|
||||
#gradient > .vertical(#333, #222);
|
||||
height: 40px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
overflow: visible;
|
||||
@shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
|
||||
.box-shadow(@shadow);
|
||||
// Links get text shadow
|
||||
a {
|
||||
color: @gray-light;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
.transition(all linear .1s);
|
||||
}
|
||||
// Hover and active states for links
|
||||
ul li a:hover,
|
||||
ul li.active a,
|
||||
a.logo:hover {
|
||||
background-color: #333;
|
||||
background-color: rgba(255,255,255,.15);
|
||||
color: @white;
|
||||
text-decoration: none;
|
||||
}
|
||||
// Logo
|
||||
a.logo {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 8px 20px 12px;
|
||||
margin-left: -20px;
|
||||
color: @white;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: 1;
|
||||
img {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
// Search Form
|
||||
form {
|
||||
float: left;
|
||||
margin: 4px 0 0 0;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
input {
|
||||
background-color: @gray-light;
|
||||
background-color: rgba(255,255,255,.3);
|
||||
.sans-serif(13px, normal, 1);
|
||||
width: 220px;
|
||||
padding: 4px 9px;
|
||||
color: #fff;
|
||||
color: rgba(255,255,255,.75);
|
||||
border: 1px solid #111;
|
||||
.border-radius(4px);
|
||||
@shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.25);
|
||||
.box-shadow(@shadow);
|
||||
.transition(none);
|
||||
// Placeholder text gets special styles; can't be bundled together though for some reason
|
||||
&:-moz-placeholder {
|
||||
color: @gray-lighter;
|
||||
}
|
||||
&::-webkit-input-placeholder {
|
||||
color: @gray-lighter;
|
||||
}
|
||||
&:hover {
|
||||
background-color: #444;
|
||||
background-color: rgba(255,255,255,.5);
|
||||
color: #fff;
|
||||
}
|
||||
&:focus,
|
||||
&.focused {
|
||||
outline: none;
|
||||
background-color: #fff;
|
||||
color: @gray-dark;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
border: 0;
|
||||
padding: 5px 10px;
|
||||
.box-shadow(0 0 3px rgba(0,0,0,.15));
|
||||
}
|
||||
}
|
||||
}
|
||||
// Navigation
|
||||
ul {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
&.secondary-nav {
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
li {
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 13px;
|
||||
a {
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 10px 10px 11px;
|
||||
line-height: 19px;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
&.active a {
|
||||
background-color: #222;
|
||||
background-color: rgba(0,0,0,.5);
|
||||
font-weight: bold;
|
||||
}
|
||||
// Vertical rule
|
||||
&.vr {
|
||||
border-left: 1px solid #008db8;
|
||||
border-right: 1px solid #00a0d1;
|
||||
height: 26px;
|
||||
margin: 6px 3px 1px 3px;
|
||||
}
|
||||
}
|
||||
// Dropdowns
|
||||
&.primary-nav li ul {
|
||||
left: 0;
|
||||
}
|
||||
&.secondary-nav li ul {
|
||||
right: 0;
|
||||
}
|
||||
li.menu {
|
||||
position: relative;
|
||||
a.menu {
|
||||
&:after {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
display: inline-block;
|
||||
background: transparent url(../img/dropdown-arrow.gif) no-repeat top center;
|
||||
content: "↓";
|
||||
text-indent: -99999px;
|
||||
vertical-align: top;
|
||||
margin-top: 8px;
|
||||
margin-left: 4px;
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
&.open {
|
||||
a.menu,
|
||||
a:hover {
|
||||
background-color: lighten(#00a0d1,5);
|
||||
background-color: rgba(255,255,255,.1);
|
||||
color: #fff;
|
||||
}
|
||||
ul {
|
||||
display: block;
|
||||
li {
|
||||
a {
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
&:hover {
|
||||
background-color: rgba(255,255,255,.1);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.active a {
|
||||
background-color: rgba(255,255,255,.1);
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
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;
|
||||
.border-radius(0 0 5px 5px);
|
||||
.box-shadow(0 1px 2px rgba(0,0,0,0.6));
|
||||
li {
|
||||
float: none;
|
||||
clear: both;
|
||||
display: block;
|
||||
background: none;
|
||||
font-size: 12px;
|
||||
a {
|
||||
display: block;
|
||||
padding: 6px 15px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 19px;
|
||||
color: #bbb;
|
||||
&:hover {
|
||||
background-color: #333;
|
||||
background-color: rgba(255,255,255,.25);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
// Dividers (basically an hr)
|
||||
&.divider {
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
background: rgba(0,0,0,.2);
|
||||
border-bottom: 1px solid rgba(255,255,255,.1);
|
||||
margin: 5px 0;
|
||||
}
|
||||
// Section separaters
|
||||
span {
|
||||
clear: both;
|
||||
display: block;
|
||||
background: rgba(0,0,0,.2);
|
||||
padding: 6px 15px;
|
||||
cursor: default;
|
||||
color: #666;
|
||||
border-top: 1px solid rgba(0,0,0,.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Page Headers
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.page-header {
|
||||
margin-bottom: @baseline - 1;
|
||||
border-bottom: 1px solid #ddd;
|
||||
.border-radius(6px 6px 0 0);
|
||||
.box-shadow(0 1px 0 rgba(255,255,255,.5));
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Error Styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
// One-liner alert bars
|
||||
div.alert-message {
|
||||
#gradient > .vertical(transparent, rgba(0,0,0,0.15));
|
||||
background-color: @gray-lighter;
|
||||
margin-bottom: @baseline;
|
||||
padding: 10px 15px 9px;
|
||||
.border-radius(6px);
|
||||
color: #fff;
|
||||
border-bottom: 1px solid rgba(0,0,0,.25);
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
p {
|
||||
color: #fff;
|
||||
margin-bottom: 0;
|
||||
+ p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
&.error {
|
||||
background-color: lighten(@red, 25%);
|
||||
}
|
||||
&.warning {
|
||||
background-color: lighten(@yellow, 15%);
|
||||
}
|
||||
&.success {
|
||||
background-color: lighten(@green, 15%);
|
||||
}
|
||||
&.info {
|
||||
background-color: lighten(@blue, 15%);
|
||||
}
|
||||
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,.5);
|
||||
.border-radius(3px);
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Block-level Alerts
|
||||
div.block-message {
|
||||
margin-bottom: @baseline;
|
||||
padding: 14px 19px;
|
||||
color: #333;
|
||||
color: rgba(0,0,0,.8);
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.25);
|
||||
.border-radius(6px);
|
||||
p {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #333;
|
||||
color: rgba(0,0,0,.8);
|
||||
margin-right: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
strong {
|
||||
display: block;
|
||||
}
|
||||
a.close {
|
||||
display: block;
|
||||
color: #333;
|
||||
color: rgba(0,0,0,.5);
|
||||
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
||||
}
|
||||
&.error {
|
||||
background: lighten(@red, 55%);
|
||||
border: 1px solid lighten(@red, 50%);
|
||||
}
|
||||
&.warning {
|
||||
background: lighten(@yellow, 35%);
|
||||
border: 1px solid lighten(@yellow, 25%)
|
||||
}
|
||||
&.success {
|
||||
background: lighten(@green, 45%);
|
||||
border: 1px solid lighten(@green, 35%)
|
||||
}
|
||||
&.info {
|
||||
background: lighten(@blue, 45%);
|
||||
border: 1px solid lighten(@blue, 40%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Navigation
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Common tab and pill styles
|
||||
ul.tabs,
|
||||
ul.pills {
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
.clearfix();
|
||||
li {
|
||||
display: inline;
|
||||
a {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Basic Tabs
|
||||
ul.tabs {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ccc;
|
||||
li {
|
||||
a {
|
||||
margin-bottom: -1px;
|
||||
margin-right: 2px;
|
||||
padding: 0 15px;
|
||||
line-height: (@baseline * 2) - 1;
|
||||
.border-radius(3px 3px 0 0);
|
||||
&:hover {
|
||||
background: #f5f5f5;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
&.active a {
|
||||
background: #fff;
|
||||
padding: 0 14px;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0;
|
||||
color: @gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Basic pill nav
|
||||
ul.pills {
|
||||
li {
|
||||
a {
|
||||
margin: 5px 3px 5px 0;
|
||||
padding: 0 15px;
|
||||
text-shadow: 0 1px 1px #fff;
|
||||
line-height: 30px;
|
||||
.border-radius(15px);
|
||||
&:hover {
|
||||
background: @link-hover-color;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.25);
|
||||
}
|
||||
}
|
||||
&.active a {
|
||||
background: @link-color;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Pagination
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.pagination {
|
||||
height: @baseline * 2;
|
||||
margin: @baseline 0;
|
||||
ul {
|
||||
float: left;
|
||||
margin: 0;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
.border-radius(3px);
|
||||
.box-shadow(0 1px 2px rgba(0,0,0,.075);
|
||||
li {
|
||||
display: inline;
|
||||
a {
|
||||
display: inline;
|
||||
float: left;
|
||||
padding: 0 14px;
|
||||
line-height: (@baseline * 2) - 2;
|
||||
border-right: 1px solid rgba(0,0,0,.15);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover,
|
||||
&.active a {
|
||||
background-color: lighten(@blue, 45%);
|
||||
}
|
||||
&.disabled a,
|
||||
&.disabled a:hover {
|
||||
background-color: none;
|
||||
color: @gray-light;
|
||||
}
|
||||
&.next a,
|
||||
&:last-child a {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Wells
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.well {
|
||||
background: #f5f5f5;
|
||||
margin-bottom: 20px;
|
||||
padding: 19px;
|
||||
min-height: 20px;
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(4px);
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075);
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
/*--------------------------------------------------
|
||||
|
||||
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: ""; }
|
||||
@@ -1,110 +0,0 @@
|
||||
/*
|
||||
Scaffolding
|
||||
Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
*/
|
||||
|
||||
/* Baseline Grid System
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.row {
|
||||
.clearfix();
|
||||
div.span1 { .columns(1); }
|
||||
div.span2 { .columns(2); }
|
||||
div.span3 { .columns(3); }
|
||||
div.span4 { .columns(4); }
|
||||
div.span5 { .columns(5); }
|
||||
div.span6 { .columns(6); }
|
||||
div.span7 { .columns(7); }
|
||||
div.span8 { .columns(8); }
|
||||
div.span9 { .columns(9); }
|
||||
div.span10 { .columns(10); }
|
||||
div.span11 { .columns(11); }
|
||||
div.span12 { .columns(12); }
|
||||
div.span13 { .columns(13); }
|
||||
div.span14 { .columns(14); }
|
||||
div.span15 { .columns(15); }
|
||||
div.span16 { .columns(16); }
|
||||
}
|
||||
|
||||
|
||||
/* Structural Layout
|
||||
-------------------------------------------------- */
|
||||
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
.sans-serif(normal,14px,20px);
|
||||
color: @gray;
|
||||
text-rendering: optimizeLegibility;
|
||||
.box-shadow(inset 0 1px 0 #fff);
|
||||
}
|
||||
|
||||
// Container (centered, fixed-width layouts)
|
||||
div.container {
|
||||
width: 940px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
||||
div.container-fluid {
|
||||
padding: 20px;
|
||||
.clearfix();
|
||||
div.sidebar {
|
||||
float: left;
|
||||
width: 220px;
|
||||
}
|
||||
div.content {
|
||||
min-width: 700px;
|
||||
max-width: 1180px;
|
||||
margin-left: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Base Styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Links
|
||||
a {
|
||||
color: @link-color;
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
&:hover {
|
||||
color: @link-hover-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// Buttons
|
||||
.btn {
|
||||
.button();
|
||||
&.primary {
|
||||
#gradient > .vertical(@blue, @blue-dark);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&.large {
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
.border-radius(6px);
|
||||
}
|
||||
&.small {
|
||||
padding-right: 9px;
|
||||
padding-left: 9px;
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
// Help Firefox not be a douche about adding extra padding to buttons
|
||||
button.btn,
|
||||
input[type=submit].btn {
|
||||
&::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,121 +0,0 @@
|
||||
/*
|
||||
Tables
|
||||
*/
|
||||
|
||||
|
||||
/* Baseline styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin-bottom: @baseline;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
border-collapse: separate;
|
||||
th, td {
|
||||
// #translucent > .background(@green, .15);
|
||||
padding: 10px 10px 9px;
|
||||
line-height: @baseline;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
th {
|
||||
padding-top: 9px;
|
||||
font-weight: bold;
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Zebra-striping
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
||||
table.zebra-striped {
|
||||
tbody {
|
||||
tr:nth-child(odd) td {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
tr:hover td {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
}
|
||||
// Tablesorting styles w/ jQuery plugin
|
||||
th.header { // For tablesorter tables, make THs have a pointer on hover
|
||||
cursor: pointer;
|
||||
padding-right: 20px;
|
||||
}
|
||||
th.headerSortUp,
|
||||
th.headerSortDown { // Style the sorted column headers (THs)
|
||||
background-image: url(../img/tablesorter-indicators.png);
|
||||
background-position: right -23px;
|
||||
background-repeat: no-repeat;
|
||||
background-color: rgba(141,192,219,.25);
|
||||
.border-radius(3px 3px 0 0);
|
||||
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
||||
}
|
||||
th.header:hover { // Style the ascending (reverse alphabetical) column header
|
||||
background-image: url(../img/tablesorter-indicators.png);
|
||||
background-position: right 15px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
th.actions:hover {
|
||||
background-image: none !important;
|
||||
}
|
||||
th.headerSortDown,
|
||||
th.headerSortDown:hover { // Style the descending (alphabetical) column header
|
||||
background-position: right -25px;
|
||||
}
|
||||
th.headerSortUp,
|
||||
th.headerSortUp:hover { // Style the ascending (reverse alphabetical) column header
|
||||
background-position: right -65px;
|
||||
}
|
||||
// Blue Table Headings
|
||||
th.blue {
|
||||
color: @blue;
|
||||
border-bottom-color: @blue;
|
||||
}
|
||||
th.headerSortUp.blue, th.headerSortDown.blue {
|
||||
background-color: lighten(@blue, 40%);
|
||||
}
|
||||
// Green Table Headings
|
||||
th.green {
|
||||
color: @green;
|
||||
border-bottom-color: @green;
|
||||
}
|
||||
th.headerSortUp.green, th.headerSortDown.green { // backround color is 20% of border color
|
||||
background-color: lighten(@green, 40%);
|
||||
}
|
||||
// Red Table Headings
|
||||
th.red {
|
||||
color: @red;
|
||||
border-bottom-color: @red;
|
||||
}
|
||||
th.headerSortUp.red, th.headerSortDown.red { // backround color is 20% of border color
|
||||
background-color: lighten(@red, 50%);
|
||||
}
|
||||
// Yellow Table Headings
|
||||
th.yellow {
|
||||
color: @yellow;
|
||||
border-bottom-color: @yellow;
|
||||
}
|
||||
th.headerSortUp.yellow, th.headerSortDown.yellow { // backround color is 20% of border color
|
||||
background-color: lighten(@yellow, 40%);
|
||||
}
|
||||
// Orange Table Headings
|
||||
th.orange {
|
||||
color: @orange;
|
||||
border-bottom-color: @orange;
|
||||
}
|
||||
th.headerSortUp.orange, th.headerSortDown.orange { // backround color is 20% of border color
|
||||
background-color: lighten(@orange, 40%);
|
||||
}
|
||||
// Purple Table Headings
|
||||
th.purple {
|
||||
color: @purple;
|
||||
border-bottom-color: @purple;
|
||||
}
|
||||
th.headerSortUp.purple, th.headerSortDown.purple { // backround color is 20% of border color
|
||||
background-color: lighten(@purple, 40%);
|
||||
}
|
||||
}
|
||||
-256
@@ -1,256 +0,0 @@
|
||||
/*
|
||||
Typography
|
||||
Headings, body text, lists, code, and more for a versatile and durable typography system
|
||||
*/
|
||||
|
||||
|
||||
/* Body text
|
||||
-------------------------------------------------- */
|
||||
|
||||
p {
|
||||
.font(normal,14px,@baseline);
|
||||
margin-bottom: @baseline;
|
||||
small {
|
||||
font-size: 12px;
|
||||
color: @gray-light;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Headings
|
||||
-------------------------------------------------- */
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 500;
|
||||
color: @gray-dark;
|
||||
small {
|
||||
color: @gray-light;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
margin-bottom: @baseline;
|
||||
font-size: 30px;
|
||||
line-height: @baseline * 2;
|
||||
small {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
line-height: @baseline * 2;
|
||||
small {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h3, h4, h5, h6 {
|
||||
line-height: @baseline * 2;
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
small {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
small {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 13px;
|
||||
color: @gray-light;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Colors
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
margin: 0 0 @baseline 25px;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
li {
|
||||
line-height: @baseline;
|
||||
color: @gray;
|
||||
}
|
||||
ul.unstyled {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Description Lists
|
||||
dl {
|
||||
margin-bottom: @baseline;
|
||||
dt, dd {
|
||||
line-height: @baseline;
|
||||
}
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
margin-left: @baseline / 2;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Misc
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Labels
|
||||
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,.01);
|
||||
text-transform: uppercase;
|
||||
.border-radius(3px);
|
||||
&.expired {
|
||||
background-color: #f5f5f5;
|
||||
color: #999;
|
||||
}
|
||||
&.pending {
|
||||
background-color: #48489b;
|
||||
}
|
||||
&.declined {
|
||||
background-color: #9b4848;
|
||||
}
|
||||
&.active,
|
||||
&.approved {
|
||||
background-color: #59bf59;
|
||||
}
|
||||
&.disabled {
|
||||
background-color: #faa226;
|
||||
}
|
||||
&.scheduled {
|
||||
background-color: #f5f5f5;
|
||||
color: #59bf59;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Horizontal rules
|
||||
hr {
|
||||
margin: 0 0 19px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
// Emphasis
|
||||
strong {
|
||||
font-style: inherit;
|
||||
font-weight: bold;
|
||||
line-height: inherit;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
.muted {
|
||||
color: @gray-lighter;
|
||||
}
|
||||
|
||||
// Blockquotes
|
||||
blockquote {
|
||||
margin-bottom: @baseline;
|
||||
border-left: 5px solid #eee;
|
||||
padding-left: 15px;
|
||||
p {
|
||||
.font(300,14px,@baseline);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
cite {
|
||||
display: block;
|
||||
.font(300,12px,@baseline);
|
||||
color: @gray-light;
|
||||
&:before {
|
||||
content: '\2014 \00A0';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Addresses
|
||||
address {
|
||||
display: block;
|
||||
line-height: @baseline;
|
||||
margin-bottom: @baseline;
|
||||
}
|
||||
|
||||
// Inline and block code styles
|
||||
code, pre {
|
||||
padding: 0 3px 2px;
|
||||
font-family: Monaco, Andale Mono, Courier New, monospace;
|
||||
font-size: 12px;
|
||||
.border-radius(3px);
|
||||
}
|
||||
code {
|
||||
background-color: lighten(@orange, 40%);
|
||||
color: rgba(0,0,0,.75);
|
||||
padding: 2px 3px;
|
||||
}
|
||||
pre {
|
||||
background-color: #f5f5f5;
|
||||
display: block;
|
||||
padding: @baseline - 1;
|
||||
margin: 0 0 @baseline;
|
||||
line-height: @baseline;
|
||||
font-size: 12px;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
.border-radius(3px);
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
// Code block styling from Chili
|
||||
pre.css, pre.html {
|
||||
background-color: #fff;
|
||||
}
|
||||
pre ol {
|
||||
background-color: lighten(@orange, 42%);
|
||||
list-style: decimal;
|
||||
margin: (@baseline - 1) * -1;
|
||||
padding-left: 59px;
|
||||
.border-radius(2px);
|
||||
li {
|
||||
background-color: #fff;
|
||||
padding: 0 10px;
|
||||
border-left: 1px solid rgba(0,0,0,.1);
|
||||
border-left-color: lighten(@orange, 35%);
|
||||
font-size: 11px;
|
||||
line-height: @baseline;
|
||||
color: @gray-light;
|
||||
text-shadow: 0 1px 1px rgba(255,255,255,.5);
|
||||
word-wrap: break-word;
|
||||
&:hover {
|
||||
}
|
||||
&:first-child {
|
||||
padding-top: 9px;
|
||||
}
|
||||
&:last-child {
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Language Styles
|
||||
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; }
|
||||
Reference in New Issue
Block a user