Changeset - dc9f313fe610
[Not reviewed]
0 1 50
Luke Hatcher - 12 years ago 2012-07-13 03:38:48
lukeman@gmail.com
add in less
51 files changed with 7412 insertions and 0 deletions:
0 comments (0 inline, 0 general)
symposion_project/static/symposion/Makefile
Show inline comments
 
new file 100644
 
BOOTSTRAP_LESS = ./less/symposion.less
 
CSS_OUTPUT_FILENAME = symposion.css
 
LESS_COMPRESSOR ?= `which lessc`
 

	
 
#
 
# BUILD SITE MEDIA
 
# lessc & uglifyjs are required
 
#
 

	
 
build:
 
	mkdir -p css
 
	lessc --compress ${BOOTSTRAP_LESS} > css/${CSS_OUTPUT_FILENAME}
symposion_project/static/symposion/css/symposion.css
Show inline comments
 
new file 100644
 
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
 
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
 
audio:not([controls]){display:none;}
 
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
 
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 
a:hover,a:active{outline:0;}
 
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
 
sup{top:-0.5em;}
 
sub{bottom:-0.25em;}
 
img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
 
#map_canvas img{max-width:none;}
 
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
 
button,input{*overflow:visible;line-height:normal;}
 
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
 
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
 
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
 
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
 
textarea{overflow:auto;vertical-align:top;}
 
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
 
.clearfix:after{clear:both;}
 
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
 
.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
 
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;}
 
a{color:#4183c4;text-decoration:none;}
 
a:hover{color:#4183c4;text-decoration:underline;}
 
.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";}
 
.row:after{clear:both;}
 
[class*="span"]{float:left;margin-left:20px;}
 
.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
 
.span12{width:940px;}
 
.span11{width:860px;}
 
.span10{width:780px;}
 
.span9{width:700px;}
 
.span8{width:620px;}
 
.span7{width:540px;}
 
.span6{width:460px;}
 
.span5{width:380px;}
 
.span4{width:300px;}
 
.span3{width:220px;}
 
.span2{width:140px;}
 
.span1{width:60px;}
 
.offset12{margin-left:980px;}
 
.offset11{margin-left:900px;}
 
.offset10{margin-left:820px;}
 
.offset9{margin-left:740px;}
 
.offset8{margin-left:660px;}
 
.offset7{margin-left:580px;}
 
.offset6{margin-left:500px;}
 
.offset5{margin-left:420px;}
 
.offset4{margin-left:340px;}
 
.offset3{margin-left:260px;}
 
.offset2{margin-left:180px;}
 
.offset1{margin-left:100px;}
 
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";}
 
.row-fluid:after{clear:both;}
 
.row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;*margin-left:2.0744680846382977%;}
 
.row-fluid [class*="span"]:first-child{margin-left:0;}
 
.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%;}
 
.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%;}
 
.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%;}
 
.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%;}
 
.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%;}
 
.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%;}
 
.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%;}
 
.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%;}
 
.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%;}
 
.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%;}
 
.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%;}
 
.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%;}
 
.container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";}
 
.container:after{clear:both;}
 
.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";}
 
.container-fluid:after{clear:both;}
 
p{margin:0 0 9px;}p small{font-size:11px;color:#999999;}
 
.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;}
 
h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
 
h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;}
 
h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;}
 
h3{font-size:18px;line-height:27px;}h3 small{font-size:14px;}
 
h4,h5,h6{line-height:18px;}
 
h4{font-size:14px;}h4 small{font-size:12px;}
 
h5{font-size:12px;}
 
h6{font-size:11px;color:#999999;text-transform:uppercase;}
 
.page-header{padding-bottom:17px;margin:18px 0;border-bottom:1px solid #f5f5f5;}
 
.page-header h1{line-height:1;}
 
ul,ol{padding:0;margin:0 0 9px 25px;}
 
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
 
ul{list-style:disc;}
 
ol{list-style:decimal;}
 
li{line-height:18px;}
 
ul.unstyled,ol.unstyled{margin-left:0;list-style:none;}
 
dl{margin-bottom:18px;}
 
dt,dd{line-height:18px;}
 
dt{font-weight:bold;line-height:17px;}
 
dd{margin-left:9px;}
 
.dl-horizontal dt{float:left;width:120px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
.dl-horizontal dd{margin-left:130px;}
 
hr{margin:18px 0;border:0;border-top:1px solid #f5f5f5;border-bottom:1px solid #ffffff;}
 
strong{font-weight:bold;}
 
em{font-style:italic;}
 
.muted{color:#999999;}
 
abbr[title]{cursor:help;border-bottom:1px dotted #999999;}
 
abbr.initialism{font-size:90%;text-transform:uppercase;}
 
blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #f5f5f5;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:22.5px;}
 
blockquote small{display:block;line-height:18px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
 
blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #f5f5f5;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}
 
q:before,q:after,blockquote:before,blockquote:after{content:"";}
 
address{display:block;margin-bottom:18px;font-style:normal;line-height:18px;}
 
small{font-size:100%;}
 
cite{font-style:normal;}
 
code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
 
code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
 
pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12.025px;line-height:18px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:18px;}
 
pre code{padding:0;color:inherit;background-color:transparent;border:0;}
 
.pre-scrollable{max-height:340px;overflow-y:scroll;}
 
form{margin:0 0 18px;}
 
fieldset{padding:0;margin:0;border:0;}
 
legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;}legend small{font-size:13.5px;color:#999999;}
 
label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;}
 
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
 
label{display:block;margin-bottom:5px;}
 
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;}
 
input,textarea{width:210px;}
 
textarea{height:auto;}
 
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
 
input[type="radio"],input[type="checkbox"]{margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;}
 
input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}
 
.uneditable-textarea{width:auto;height:auto;}
 
select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;}
 
select{width:220px;border:1px solid #bbb;}
 
select[multiple],select[size]{height:auto;}
 
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 
.radio,.checkbox{min-height:18px;padding-left:18px;}
 
.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
 
.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
 
.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
 
.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
 
.input-mini{width:60px;}
 
.input-small{width:90px;}
 
.input-medium{width:150px;}
 
.input-large{width:210px;}
 
.input-xlarge{width:270px;}
 
.input-xxlarge{width:530px;}
 
input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;}
 
.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block;}
 
input,textarea,.uneditable-input{margin-left:0;}
 
input.span12, textarea.span12, .uneditable-input.span12{width:930px;}
 
input.span11, textarea.span11, .uneditable-input.span11{width:850px;}
 
input.span10, textarea.span10, .uneditable-input.span10{width:770px;}
 
input.span9, textarea.span9, .uneditable-input.span9{width:690px;}
 
input.span8, textarea.span8, .uneditable-input.span8{width:610px;}
 
input.span7, textarea.span7, .uneditable-input.span7{width:530px;}
 
input.span6, textarea.span6, .uneditable-input.span6{width:450px;}
 
input.span5, textarea.span5, .uneditable-input.span5{width:370px;}
 
input.span4, textarea.span4, .uneditable-input.span4{width:290px;}
 
input.span3, textarea.span3, .uneditable-input.span3{width:210px;}
 
input.span2, textarea.span2, .uneditable-input.span2{width:130px;}
 
input.span1, textarea.span1, .uneditable-input.span1{width:50px;}
 
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#f5f5f5;border-color:#ddd;}
 
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent;}
 
.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#393939;}
 
.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#393939;border-color:#393939;}.control-group.warning .checkbox:focus,.control-group.warning .radio:focus,.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#202020;-webkit-box-shadow:0 0 6px #6c6c6c;-moz-box-shadow:0 0 6px #6c6c6c;box-shadow:0 0 6px #6c6c6c;}
 
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#393939;background-color:#f5f3b4;border-color:#393939;}
 
.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#393939;}
 
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#393939;border-color:#393939;}.control-group.error .checkbox:focus,.control-group.error .radio:focus,.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#202020;-webkit-box-shadow:0 0 6px #6c6c6c;-moz-box-shadow:0 0 6px #6c6c6c;box-shadow:0 0 6px #6c6c6c;}
 
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#393939;background-color:#ffe9e9;border-color:#393939;}
 
.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#333333;}
 
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#333333;border-color:#333333;}.control-group.success .checkbox:focus,.control-group.success .radio:focus,.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#1a1a1a;-webkit-box-shadow:0 0 6px #666666;-moz-box-shadow:0 0 6px #666666;box-shadow:0 0 6px #666666;}
 
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#333333;background-color:#bedebe;border-color:#333333;}
 
input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
 
.form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";}
 
.form-actions:after{clear:both;}
 
.uneditable-input{overflow:hidden;white-space:nowrap;cursor:not-allowed;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);}
 
:-moz-placeholder{color:#999999;}
 
:-ms-input-placeholder{color:#999999;}
 
::-webkit-input-placeholder{color:#999999;}
 
.help-block,.help-inline{color:#555555;}
 
.help-block{display:block;margin-bottom:9px;}
 
.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}
 
.input-prepend,.input-append{margin-bottom:5px;}.input-prepend input,.input-append input,.input-prepend select,.input-append select,.input-prepend .uneditable-input,.input-append .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:middle;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend select:focus,.input-append select:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{z-index:2;}
 
.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;}
 
.input-prepend .add-on,.input-append .add-on{display:inline-block;width:auto;height:18px;min-width:16px;padding:4px 5px;font-weight:normal;line-height:18px;text-align:center;text-shadow:0 1px 0 #ffffff;vertical-align:middle;background-color:#f5f5f5;border:1px solid #ccc;}
 
.input-prepend .add-on,.input-append .add-on,.input-prepend .btn,.input-append .btn{margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 
.input-prepend .active,.input-append .active{background-color:#fafefa;border-color:#84de81;}
 
.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}
 
.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
 
.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
 
.input-append .uneditable-input{border-right-color:#ccc;border-left-color:#eee;}
 
.input-append .add-on:last-child,.input-append .btn:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
 
.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 
.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
 
.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
 
.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
 
.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;}
 
.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;}
 
.form-search label,.form-inline label{display:inline-block;}
 
.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;}
 
.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;}
 
.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
 
.control-group{margin-bottom:9px;}
 
legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate;}
 
.form-horizontal .control-group{margin-bottom:18px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";}
 
.form-horizontal .control-group:after{clear:both;}
 
.form-horizontal .control-label{float:left;width:140px;padding-top:5px;text-align:right;}
 
.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:160px;*margin-left:0;}.form-horizontal .controls:first-child{*padding-left:160px;}
 
.form-horizontal .help-block{margin-top:9px;margin-bottom:0;}
 
.form-horizontal .form-actions{padding-left:160px;}
 
table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
 
.table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
 
.table th{font-weight:bold;}
 
.table thead th{vertical-align:bottom;}
 
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
 
.table tbody+tbody{border-top:2px solid #dddddd;}
 
.table-condensed th,.table-condensed td{padding:4px 5px;}
 
.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapsed;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
 
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
 
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
 
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;}
 
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;}
 
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;}
 
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
 
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;}
 
table .span1{float:none;width:44px;margin-left:0;}
 
table .span2{float:none;width:124px;margin-left:0;}
 
table .span3{float:none;width:204px;margin-left:0;}
 
table .span4{float:none;width:284px;margin-left:0;}
 
table .span5{float:none;width:364px;margin-left:0;}
 
table .span6{float:none;width:444px;margin-left:0;}
 
table .span7{float:none;width:524px;margin-left:0;}
 
table .span8{float:none;width:604px;margin-left:0;}
 
table .span9{float:none;width:684px;margin-left:0;}
 
table .span10{float:none;width:764px;margin-left:0;}
 
table .span11{float:none;width:844px;margin-left:0;}
 
table .span12{float:none;width:924px;margin-left:0;}
 
table .span13{float:none;width:1004px;margin-left:0;}
 
table .span14{float:none;width:1084px;margin-left:0;}
 
table .span15{float:none;width:1164px;margin-left:0;}
 
table .span16{float:none;width:1244px;margin-left:0;}
 
table .span17{float:none;width:1324px;margin-left:0;}
 
table .span18{float:none;width:1404px;margin-left:0;}
 
table .span19{float:none;width:1484px;margin-left:0;}
 
table .span20{float:none;width:1564px;margin-left:0;}
 
table .span21{float:none;width:1644px;margin-left:0;}
 
table .span22{float:none;width:1724px;margin-left:0;}
 
table .span23{float:none;width:1804px;margin-left:0;}
 
table .span24{float:none;width:1884px;margin-left:0;}
 
[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../../bootstrap/img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;}
 
.icon-white{background-image:url("../../bootstrap/img/glyphicons-halflings-white.png");}
 
.icon-glass{background-position:0 0;}
 
.icon-music{background-position:-24px 0;}
 
.icon-search{background-position:-48px 0;}
 
.icon-envelope{background-position:-72px 0;}
 
.icon-heart{background-position:-96px 0;}
 
.icon-star{background-position:-120px 0;}
 
.icon-star-empty{background-position:-144px 0;}
 
.icon-user{background-position:-168px 0;}
 
.icon-film{background-position:-192px 0;}
 
.icon-th-large{background-position:-216px 0;}
 
.icon-th{background-position:-240px 0;}
 
.icon-th-list{background-position:-264px 0;}
 
.icon-ok{background-position:-288px 0;}
 
.icon-remove{background-position:-312px 0;}
 
.icon-zoom-in{background-position:-336px 0;}
 
.icon-zoom-out{background-position:-360px 0;}
 
.icon-off{background-position:-384px 0;}
 
.icon-signal{background-position:-408px 0;}
 
.icon-cog{background-position:-432px 0;}
 
.icon-trash{background-position:-456px 0;}
 
.icon-home{background-position:0 -24px;}
 
.icon-file{background-position:-24px -24px;}
 
.icon-time{background-position:-48px -24px;}
 
.icon-road{background-position:-72px -24px;}
 
.icon-download-alt{background-position:-96px -24px;}
 
.icon-download{background-position:-120px -24px;}
 
.icon-upload{background-position:-144px -24px;}
 
.icon-inbox{background-position:-168px -24px;}
 
.icon-play-circle{background-position:-192px -24px;}
 
.icon-repeat{background-position:-216px -24px;}
 
.icon-refresh{background-position:-240px -24px;}
 
.icon-list-alt{background-position:-264px -24px;}
 
.icon-lock{background-position:-287px -24px;}
 
.icon-flag{background-position:-312px -24px;}
 
.icon-headphones{background-position:-336px -24px;}
 
.icon-volume-off{background-position:-360px -24px;}
 
.icon-volume-down{background-position:-384px -24px;}
 
.icon-volume-up{background-position:-408px -24px;}
 
.icon-qrcode{background-position:-432px -24px;}
 
.icon-barcode{background-position:-456px -24px;}
 
.icon-tag{background-position:0 -48px;}
 
.icon-tags{background-position:-25px -48px;}
 
.icon-book{background-position:-48px -48px;}
 
.icon-bookmark{background-position:-72px -48px;}
 
.icon-print{background-position:-96px -48px;}
 
.icon-camera{background-position:-120px -48px;}
 
.icon-font{background-position:-144px -48px;}
 
.icon-bold{background-position:-167px -48px;}
 
.icon-italic{background-position:-192px -48px;}
 
.icon-text-height{background-position:-216px -48px;}
 
.icon-text-width{background-position:-240px -48px;}
 
.icon-align-left{background-position:-264px -48px;}
 
.icon-align-center{background-position:-288px -48px;}
 
.icon-align-right{background-position:-312px -48px;}
 
.icon-align-justify{background-position:-336px -48px;}
 
.icon-list{background-position:-360px -48px;}
 
.icon-indent-left{background-position:-384px -48px;}
 
.icon-indent-right{background-position:-408px -48px;}
 
.icon-facetime-video{background-position:-432px -48px;}
 
.icon-picture{background-position:-456px -48px;}
 
.icon-pencil{background-position:0 -72px;}
 
.icon-map-marker{background-position:-24px -72px;}
 
.icon-adjust{background-position:-48px -72px;}
 
.icon-tint{background-position:-72px -72px;}
 
.icon-edit{background-position:-96px -72px;}
 
.icon-share{background-position:-120px -72px;}
 
.icon-check{background-position:-144px -72px;}
 
.icon-move{background-position:-168px -72px;}
 
.icon-step-backward{background-position:-192px -72px;}
 
.icon-fast-backward{background-position:-216px -72px;}
 
.icon-backward{background-position:-240px -72px;}
 
.icon-play{background-position:-264px -72px;}
 
.icon-pause{background-position:-288px -72px;}
 
.icon-stop{background-position:-312px -72px;}
 
.icon-forward{background-position:-336px -72px;}
 
.icon-fast-forward{background-position:-360px -72px;}
 
.icon-step-forward{background-position:-384px -72px;}
 
.icon-eject{background-position:-408px -72px;}
 
.icon-chevron-left{background-position:-432px -72px;}
 
.icon-chevron-right{background-position:-456px -72px;}
 
.icon-plus-sign{background-position:0 -96px;}
 
.icon-minus-sign{background-position:-24px -96px;}
 
.icon-remove-sign{background-position:-48px -96px;}
 
.icon-ok-sign{background-position:-72px -96px;}
 
.icon-question-sign{background-position:-96px -96px;}
 
.icon-info-sign{background-position:-120px -96px;}
 
.icon-screenshot{background-position:-144px -96px;}
 
.icon-remove-circle{background-position:-168px -96px;}
 
.icon-ok-circle{background-position:-192px -96px;}
 
.icon-ban-circle{background-position:-216px -96px;}
 
.icon-arrow-left{background-position:-240px -96px;}
 
.icon-arrow-right{background-position:-264px -96px;}
 
.icon-arrow-up{background-position:-289px -96px;}
 
.icon-arrow-down{background-position:-312px -96px;}
 
.icon-share-alt{background-position:-336px -96px;}
 
.icon-resize-full{background-position:-360px -96px;}
 
.icon-resize-small{background-position:-384px -96px;}
 
.icon-plus{background-position:-408px -96px;}
 
.icon-minus{background-position:-433px -96px;}
 
.icon-asterisk{background-position:-456px -96px;}
 
.icon-exclamation-sign{background-position:0 -120px;}
 
.icon-gift{background-position:-24px -120px;}
 
.icon-leaf{background-position:-48px -120px;}
 
.icon-fire{background-position:-72px -120px;}
 
.icon-eye-open{background-position:-96px -120px;}
 
.icon-eye-close{background-position:-120px -120px;}
 
.icon-warning-sign{background-position:-144px -120px;}
 
.icon-plane{background-position:-168px -120px;}
 
.icon-calendar{background-position:-192px -120px;}
 
.icon-random{background-position:-216px -120px;}
 
.icon-comment{background-position:-240px -120px;}
 
.icon-magnet{background-position:-264px -120px;}
 
.icon-chevron-up{background-position:-288px -120px;}
 
.icon-chevron-down{background-position:-313px -119px;}
 
.icon-retweet{background-position:-336px -120px;}
 
.icon-shopping-cart{background-position:-360px -120px;}
 
.icon-folder-close{background-position:-384px -120px;}
 
.icon-folder-open{background-position:-408px -120px;}
 
.icon-resize-vertical{background-position:-432px -119px;}
 
.icon-resize-horizontal{background-position:-456px -118px;}
 
.icon-hdd{background-position:0 -144px;}
 
.icon-bullhorn{background-position:-24px -144px;}
 
.icon-bell{background-position:-48px -144px;}
 
.icon-certificate{background-position:-72px -144px;}
 
.icon-thumbs-up{background-position:-96px -144px;}
 
.icon-thumbs-down{background-position:-120px -144px;}
 
.icon-hand-right{background-position:-144px -144px;}
 
.icon-hand-left{background-position:-168px -144px;}
 
.icon-hand-up{background-position:-192px -144px;}
 
.icon-hand-down{background-position:-216px -144px;}
 
.icon-circle-arrow-right{background-position:-240px -144px;}
 
.icon-circle-arrow-left{background-position:-264px -144px;}
 
.icon-circle-arrow-up{background-position:-288px -144px;}
 
.icon-circle-arrow-down{background-position:-312px -144px;}
 
.icon-globe{background-position:-336px -144px;}
 
.icon-wrench{background-position:-360px -144px;}
 
.icon-tasks{background-position:-384px -144px;}
 
.icon-filter{background-position:-408px -144px;}
 
.icon-briefcase{background-position:-432px -144px;}
 
.icon-fullscreen{background-position:-456px -144px;}
 
.dropup,.dropdown{position:relative;}
 
.dropdown-toggle{*margin-bottom:-3px;}
 
.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
 
.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";opacity:0.3;filter:alpha(opacity=30);}
 
.dropdown .caret{margin-top:8px;margin-left:2px;}
 
.dropdown:hover .caret,.open .caret{opacity:1;filter:alpha(opacity=100);}
 
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:4px 0;margin:1px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
 
.dropdown-menu .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
 
.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#333333;white-space:nowrap;}
 
.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#4183c4;}
 
.open{*z-index:1000;}.open >.dropdown-menu{display:block;}
 
.pull-right>.dropdown-menu{right:0;left:auto;}
 
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"\2191";}
 
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
 
.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
 
.well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
 
.well-small{padding:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
 
.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;}.fade.in{opacity:1;}
 
.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}.collapse.in{height:auto;}
 
.close{float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
 
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
 
.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;*line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;*background-color:#d9d9d9;}
 
.btn:active,.btn.active{background-color:#cccccc \9;}
 
.btn:first-child{*margin-left:0;}
 
.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
 
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 
.btn.active,.btn:active{background-color:#e6e6e6;background-color:#d9d9d9 \9;background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
 
.btn.disabled,.btn[disabled]{cursor:default;background-color:#e6e6e6;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 
.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 
.btn-large [class^="icon-"]{margin-top:1px;}
 
.btn-small{padding:5px 9px;font-size:11px;line-height:16px;}
 
.btn-small [class^="icon-"]{margin-top:-1px;}
 
.btn-mini{padding:2px 6px;font-size:11px;line-height:14px;}
 
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
 
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);}
 
.btn{border-color:#ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
 
.btn-primary{background-color:#4176c4;background-image:-moz-linear-gradient(top, #4183c4, #4162c4);background-image:-ms-linear-gradient(top, #4183c4, #4162c4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4183c4), to(#4162c4));background-image:-webkit-linear-gradient(top, #4183c4, #4162c4);background-image:-o-linear-gradient(top, #4183c4, #4162c4);background-image:linear-gradient(top, #4183c4, #4162c4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4183c4', endColorstr='#4162c4', GradientType=0);border-color:#4162c4 #4162c4 #2c448d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#4162c4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#4162c4;*background-color:#3857b4;}
 
.btn-primary:active,.btn-primary.active{background-color:#324ea0 \9;}
 
.btn-warning{background-color:#ff942e;background-image:-moz-linear-gradient(top, #ffa44d, #ff7d00);background-image:-ms-linear-gradient(top, #ffa44d, #ff7d00);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffa44d), to(#ff7d00));background-image:-webkit-linear-gradient(top, #ffa44d, #ff7d00);background-image:-o-linear-gradient(top, #ffa44d, #ff7d00);background-image:linear-gradient(top, #ffa44d, #ff7d00);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa44d', endColorstr='#ff7d00', GradientType=0);border-color:#ff7d00 #ff7d00 #b35800;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#ff7d00;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#ff7d00;*background-color:#e67100;}
 
.btn-warning:active,.btn-warning.active{background-color:#cc6400 \9;}
 
.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;*background-color:#a9302a;}
 
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
 
.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;*background-color:#499249;}
 
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
 
.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;*background-color:#2a85a0;}
 
.btn-info:active,.btn-info.active{background-color:#24748c \9;}
 
.btn-inverse{background-color:#414141;background-image:-moz-linear-gradient(top, #555555, #222222);background-image:-ms-linear-gradient(top, #555555, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));background-image:-webkit-linear-gradient(top, #555555, #222222);background-image:-o-linear-gradient(top, #555555, #222222);background-image:linear-gradient(top, #555555, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#222222;*background-color:#151515;}
 
.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;}
 
button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
 
button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;}
 
button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;}
 
button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;}
 
.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";}
 
.btn-group:after{clear:both;}
 
.btn-group:first-child{*margin-left:0;}
 
.btn-group+.btn-group{margin-left:5px;}
 
.btn-toolbar{margin-top:9px;margin-bottom:9px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;}
 
.btn-group>.btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 
.btn-group>.btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
 
.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
 
.btn-group>.btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
 
.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
 
.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2;}
 
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}
 
.btn-group>.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*padding-top:4px;*padding-bottom:4px;}
 
.btn-group>.btn-mini.dropdown-toggle{padding-left:5px;padding-right:5px;}
 
.btn-group>.btn-small.dropdown-toggle{*padding-top:4px;*padding-bottom:4px;}
 
.btn-group>.btn-large.dropdown-toggle{padding-left:12px;padding-right:12px;}
 
.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
 
.btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6;}
 
.btn-group.open .btn-primary.dropdown-toggle{background-color:#4162c4;}
 
.btn-group.open .btn-warning.dropdown-toggle{background-color:#ff7d00;}
 
.btn-group.open .btn-danger.dropdown-toggle{background-color:#bd362f;}
 
.btn-group.open .btn-success.dropdown-toggle{background-color:#51a351;}
 
.btn-group.open .btn-info.dropdown-toggle{background-color:#2f96b4;}
 
.btn-group.open .btn-inverse.dropdown-toggle{background-color:#222222;}
 
.btn .caret{margin-top:7px;margin-left:0;}
 
.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);}
 
.btn-mini .caret{margin-top:5px;}
 
.btn-small .caret{margin-top:6px;}
 
.btn-large .caret{margin-top:6px;border-left-width:5px;border-right-width:5px;border-top-width:5px;}
 
.dropup .btn-large .caret{border-bottom:5px solid #000000;border-top:0;}
 
.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);}
 
.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f5f3b4;border:1px solid #f3e4a7;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#393939;}
 
.alert-heading{color:inherit;}
 
.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
 
.alert-success{background-color:#bedebe;border-color:#b4d5ad;color:#333333;}
 
.alert-danger,.alert-error{background-color:#ffe9e9;border-color:#ffdae0;color:#393939;}
 
.alert-info{background-color:#e4f0ff;border-color:#c0e7ff;color:#1b3650;}
 
.alert-block{padding-top:14px;padding-bottom:14px;}
 
.alert-block>p,.alert-block>ul{margin-bottom:0;}
 
.alert-block p+p{margin-top:5px;}
 
.nav{margin-left:0;margin-bottom:18px;list-style:none;}
 
.nav>li>a{display:block;}
 
.nav>li>a:hover{text-decoration:none;background-color:#f5f5f5;}
 
.nav>.pull-right{float:right;}
 
.nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
 
.nav li+.nav-header{margin-top:9px;}
 
.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;}
 
.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
 
.nav-list>li>a{padding:3px 15px;}
 
.nav-list>.active>a,.nav-list>.active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#4183c4;}
 
.nav-list [class^="icon-"]{margin-right:2px;}
 
.nav-list .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
 
.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";}
 
.nav-tabs:after,.nav-pills:after{clear:both;}
 
.nav-tabs>li,.nav-pills>li{float:left;}
 
.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
 
.nav-tabs{border-bottom:1px solid #ddd;}
 
.nav-tabs>li{margin-bottom:-1px;}
 
.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#f5f5f5 #f5f5f5 #dddddd;}
 
.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
 
.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 
.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#ffffff;background-color:#4183c4;}
 
.nav-stacked>li{float:none;}
 
.nav-stacked>li>a{margin-right:0;}
 
.nav-tabs.nav-stacked{border-bottom:0;}
 
.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 
.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
 
.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
 
.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;}
 
.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
 
.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
 
.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
 
.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 
.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#4183c4;border-bottom-color:#4183c4;margin-top:6px;}
 
.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#4183c4;border-bottom-color:#4183c4;}
 
.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;border-bottom-color:#333333;}
 
.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;}
 
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;}
 
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
 
.tabs-stacked .open>a:hover{border-color:#999999;}
 
.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";}
 
.tabbable:after{clear:both;}
 
.tab-content{overflow:auto;}
 
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
 
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
 
.tab-content>.active,.pill-content>.active{display:block;}
 
.tabs-below>.nav-tabs{border-top:1px solid #ddd;}
 
.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
 
.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
 
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd #ddd;}
 
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
 
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
 
.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
 
.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
 
.tabs-left>.nav-tabs>li>a:hover{border-color:#f5f5f5 #dddddd #f5f5f5 #f5f5f5;}
 
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
 
.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
 
.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
 
.tabs-right>.nav-tabs>li>a:hover{border-color:#f5f5f5 #f5f5f5 #f5f5f5 #dddddd;}
 
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
 
.navbar{*position:relative;*z-index:2;overflow:visible;margin-bottom:18px;}
 
.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #ffffff, #eaeaea);background-image:-ms-linear-gradient(top, #ffffff, #eaeaea);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));background-image:-webkit-linear-gradient(top, #ffffff, #eaeaea);background-image:-o-linear-gradient(top, #ffffff, #eaeaea);background-image:linear-gradient(top, #ffffff, #eaeaea);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);}
 
.navbar .container{width:auto;}
 
.nav-collapse.collapse{height:auto;}
 
.navbar{color:#222222;}.navbar .brand:hover{text-decoration:none;}
 
.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#333333;}
 
.navbar .navbar-text{margin-bottom:0;line-height:40px;}
 
.navbar .navbar-link{color:#222222;}.navbar .navbar-link:hover{color:#4183c4;}
 
.navbar .btn,.navbar .btn-group{margin-top:5px;}
 
.navbar .btn-group .btn{margin:0;}
 
.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
 
.navbar-form:after{clear:both;}
 
.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
 
.navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0;}
 
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
 
.navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;}
 
.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#ffffff;border:1px solid #b3b3b3;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;}
 
.navbar-search .search-query:-ms-input-placeholder{color:#cccccc;}
 
.navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;}
 
.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
 
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;}
 
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 
.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
 
.navbar-fixed-top{top:0;}
 
.navbar-fixed-bottom{bottom:0;}
 
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
 
.navbar .nav.pull-right{float:right;}
 
.navbar .nav>li{display:block;float:left;}
 
.navbar .nav>li>a{float:none;padding:9px 10px 11px;line-height:19px;color:#222222;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
 
.navbar .btn{display:inline-block;padding:4px 10px 4px;margin:5px 5px 6px;line-height:18px;}
 
.navbar .btn-group{margin:0;padding:5px 5px 6px;}
 
.navbar .nav>li>a:hover{background-color:transparent;color:#4183c4;text-decoration:none;}
 
.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#4183c4;text-decoration:none;background-color:#eaeaea;}
 
.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#eaeaea;border-right:1px solid #ffffff;}
 
.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
 
.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #ffffff, #eaeaea);background-image:-ms-linear-gradient(top, #ffffff, #eaeaea);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));background-image:-webkit-linear-gradient(top, #ffffff, #eaeaea);background-image:-o-linear-gradient(top, #ffffff, #eaeaea);background-image:linear-gradient(top, #ffffff, #eaeaea);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);border-color:#eaeaea #eaeaea #c4c4c4;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#eaeaea;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{background-color:#eaeaea;*background-color:#dddddd;}
 
.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#d1d1d1 \9;}
 
.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
 
.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
 
.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
 
.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
 
.navbar-fixed-bottom .dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;}
 
.navbar-fixed-bottom .dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;}
 
.navbar .nav li.dropdown .dropdown-toggle .caret,.navbar .nav li.dropdown.open .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;}
 
.navbar .nav li.dropdown.active .caret{opacity:1;filter:alpha(opacity=100);}
 
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:transparent;}
 
.navbar .nav li.dropdown.active>.dropdown-toggle:hover{color:#ffffff;}
 
.navbar .pull-right .dropdown-menu,.navbar .dropdown-menu.pull-right{left:auto;right:0;}.navbar .pull-right .dropdown-menu:before,.navbar .dropdown-menu.pull-right:before{left:auto;right:12px;}
 
.navbar .pull-right .dropdown-menu:after,.navbar .dropdown-menu.pull-right:after{left:auto;right:13px;}
 
.breadcrumb{padding:7px 14px;margin:0 0 18px;list-style:none;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;}
 
.breadcrumb .divider{padding:0 5px;color:#999999;}
 
.breadcrumb .active a{color:#333333;}
 
.pagination{height:36px;margin:18px 0;}
 
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
 
.pagination li{display:inline;}
 
.pagination a{float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0;}
 
.pagination a:hover,.pagination .active a{background-color:#f5f5f5;}
 
.pagination .active a{color:#999999;cursor:default;}
 
.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;}
 
.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
 
.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
 
.pagination-centered{text-align:center;}
 
.pagination-right{text-align:right;}
 
.pager{margin-left:0;margin-bottom:18px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";}
 
.pager:after{clear:both;}
 
.pager li{display:inline;}
 
.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
 
.pager a:hover{text-decoration:none;background-color:#f5f5f5;}
 
.pager .next a{float:right;}
 
.pager .previous a{float:left;}
 
.pager .disabled a,.pager .disabled a:hover{color:#999999;background-color:#fff;cursor:default;}
 
.modal-open .dropdown-menu{z-index:2050;}
 
.modal-open .dropdown.open{*z-index:2050;}
 
.modal-open .popover{z-index:2060;}
 
.modal-open .tooltip{z-index:2070;}
 
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
 
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
 
.modal{position:fixed;top:50%;left:50%;z-index:1050;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
 
.modal.fade.in{top:50%;}
 
.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
 
.modal-body{overflow-y:auto;max-height:400px;padding:15px;}
 
.modal-form{margin-bottom:0;}
 
.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
 
.modal-footer:after{clear:both;}
 
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
 
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
 
.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
 
.tooltip.top{margin-top:-2px;}
 
.tooltip.right{margin-left:2px;}
 
.tooltip.bottom{margin-top:2px;}
 
.tooltip.left{margin-left:-2px;}
 
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
 
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
 
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
 
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
 
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 
.tooltip-arrow{position:absolute;width:0;height:0;}
 
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;}
 
.popover.right{margin-left:5px;}
 
.popover.bottom{margin-top:5px;}
 
.popover.left{margin-left:-5px;}
 
.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
 
.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
 
.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
 
.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
 
.popover .arrow{position:absolute;width:0;height:0;}
 
.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
 
.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
 
.popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;}
 
.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";}
 
.thumbnails:after{clear:both;}
 
.row-fluid .thumbnails{margin-left:0;}
 
.thumbnails>li{float:left;margin-bottom:18px;margin-left:20px;}
 
.thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}
 
a.thumbnail:hover{border-color:#4183c4;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
 
.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
 
.thumbnail .caption{padding:9px;}
 
.label,.badge{font-size:10.998px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;}
 
.label{padding:1px 4px 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
 
.badge{padding:1px 9px 2px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
 
a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
 
.label-important,.badge-important{background-color:#393939;}
 
.label-important[href],.badge-important[href]{background-color:#202020;}
 
.label-warning,.badge-warning{background-color:#ff7d00;}
 
.label-warning[href],.badge-warning[href]{background-color:#cc6400;}
 
.label-success,.badge-success{background-color:#333333;}
 
.label-success[href],.badge-success[href]{background-color:#1a1a1a;}
 
.label-info,.badge-info{background-color:#1b3650;}
 
.label-info[href],.badge-info[href]{background-color:#0e1c2a;}
 
.label-inverse,.badge-inverse{background-color:#333333;}
 
.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;}
 
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 
.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
 
.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
 
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
 
.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
 
.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
 
.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
 
.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
 
.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
 
.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
 
.progress-warning .bar{background-color:#ff942e;background-image:-moz-linear-gradient(top, #ffa44d, #ff7d00);background-image:-ms-linear-gradient(top, #ffa44d, #ff7d00);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffa44d), to(#ff7d00));background-image:-webkit-linear-gradient(top, #ffa44d, #ff7d00);background-image:-o-linear-gradient(top, #ffa44d, #ff7d00);background-image:linear-gradient(top, #ffa44d, #ff7d00);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa44d', endColorstr='#ff7d00', GradientType=0);}
 
.progress-warning.progress-striped .bar{background-color:#ffa44d;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
 
.accordion{margin-bottom:18px;}
 
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 
.accordion-heading{border-bottom:0;}
 
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
 
.accordion-toggle{cursor:pointer;}
 
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
 
.carousel{position:relative;margin-bottom:18px;line-height:1;}
 
.carousel-inner{overflow:hidden;width:100%;position:relative;}
 
.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
 
.carousel .item>img{display:block;line-height:1;}
 
.carousel .active,.carousel .next,.carousel .prev{display:block;}
 
.carousel .active{left:0;}
 
.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
 
.carousel .next{left:100%;}
 
.carousel .prev{left:-100%;}
 
.carousel .next.left,.carousel .prev.right{left:0;}
 
.carousel .active.left{left:-100%;}
 
.carousel .active.right{left:100%;}
 
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
 
.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
 
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);}
 
.carousel-caption h4,.carousel-caption p{color:#ffffff;}
 
.hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;}
 
.hero-unit p{font-size:18px;font-weight:200;line-height:27px;color:inherit;}
 
.pull-right{float:right;}
 
.pull-left{float:left;}
 
.hide{display:none;}
 
.show{display:block;}
 
.invisible{visibility:hidden;}
 
.hidden{display:none;visibility:hidden;}
 
.visible-phone{display:none !important;}
 
.visible-tablet{display:none !important;}
 
.hidden-desktop{display:none !important;}
 
@media (max-width:767px){.visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} .hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} [class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:auto;margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.762430939%;*margin-left:2.709239449638298%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .span12{width:99.999999993%;*width:99.9468085036383%;} .row-fluid .span11{width:91.436464082%;*width:91.38327259263829%;} .row-fluid .span10{width:82.87292817100001%;*width:82.8197366816383%;} .row-fluid .span9{width:74.30939226%;*width:74.25620077063829%;} .row-fluid .span8{width:65.74585634900001%;*width:65.6926648596383%;} .row-fluid .span7{width:57.182320438000005%;*width:57.129128948638304%;} .row-fluid .span6{width:48.618784527%;*width:48.5655930376383%;} .row-fluid .span5{width:40.055248616%;*width:40.0020571266383%;} .row-fluid .span4{width:31.491712705%;*width:31.4385212156383%;} .row-fluid .span3{width:22.928176794%;*width:22.874985304638297%;} .row-fluid .span2{width:14.364640883%;*width:14.311449393638298%;} .row-fluid .span1{width:5.801104972%;*width:5.747913482638298%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564%;*margin-left:2.510911074638298%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145300001%;*width:91.3997999636383%;} .row-fluid .span10{width:82.905982906%;*width:82.8527914166383%;} .row-fluid .span9{width:74.358974359%;*width:74.30578286963829%;} .row-fluid .span8{width:65.81196581200001%;*width:65.7587743226383%;} .row-fluid .span7{width:57.264957265%;*width:57.2117657756383%;} .row-fluid .span6{width:48.717948718%;*width:48.6647572286383%;} .row-fluid .span5{width:40.170940171000005%;*width:40.117748681638304%;} .row-fluid .span4{width:31.623931624%;*width:31.5707401346383%;} .row-fluid .span3{width:23.076923077%;*width:23.0237315876383%;} .row-fluid .span2{width:14.529914530000001%;*width:14.4767230406383%;} .row-fluid .span1{width:5.982905983%;*width:5.929714493638298%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:1160px;} input.span11, textarea.span11, .uneditable-input.span11{width:1060px;} input.span10, textarea.span10, .uneditable-input.span10{width:960px;} input.span9, textarea.span9, .uneditable-input.span9{width:860px;} input.span8, textarea.span8, .uneditable-input.span8{width:760px;} input.span7, textarea.span7, .uneditable-input.span7{width:660px;} input.span6, textarea.span6, .uneditable-input.span6{width:560px;} input.span5, textarea.span5, .uneditable-input.span5{width:460px;} input.span4, textarea.span4, .uneditable-input.span4{width:360px;} input.span3, textarea.span3, .uneditable-input.span3{width:260px;} input.span2, textarea.span2, .uneditable-input.span2{width:160px;} input.span1, textarea.span1, .uneditable-input.span1{width:60px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:static;} .navbar-fixed-top{margin-bottom:18px;} .navbar-fixed-bottom{margin-top:18px;} .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .nav-collapse{clear:both;} .nav-collapse .nav{float:none;margin:0 0 9px;} .nav-collapse .nav>li{float:none;} .nav-collapse .nav>li>a{margin-bottom:2px;} .nav-collapse .nav>.divider-vertical{display:none;} .nav-collapse .nav .nav-header{color:#222222;text-shadow:none;} .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#222222;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .nav-collapse .dropdown-menu li+li a{margin-bottom:2px;} .nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#eaeaea;} .nav-collapse.in .btn-group{margin-top:5px;padding:0;} .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;} .nav-collapse .dropdown-menu .divider{display:none;} .nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);} .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;} .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;} .navbar .btn-navbar{display:block;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}.navbar .icon-bar{color:#4183c4;}
 
.navbar .brand{font-weight:bold;}.navbar .brand:hover{color:#4183c4;}
 
.navbar .navbar-text{line-height:38px;padding:0 10px;}
 
.navbar .nav>li>a{font-weight:bold;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
 
.navbar .nav .active>a{background-color:transparent;color:#333333;}.navbar .nav .active>a:hover{background-color:transparent;color:#4183c4;}
 
.navbar .nav>li>a:hover,.navbar .nav li.open.dropdown .dropdown-toggle{color:#4183c4;}
 
.navbar .nav .dropdown-toggle .caret{border-top-color:#333333;opacity:1;}
 
.navbar .navbar-search .search-query,.navbar .navbar-search .search-query:hover{border:none;color:#999999;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);}.navbar .navbar-search .search-query:-moz-placeholder,.navbar .navbar-search .search-query:hover:-moz-placeholder{color:#999999;}
 
.navbar .navbar-search .search-query:-ms-input-placeholder,.navbar .navbar-search .search-query:hover:-ms-input-placeholder{color:#999999;}
 
.navbar .navbar-search .search-query::-webkit-input-placeholder,.navbar .navbar-search .search-query:hover::-webkit-input-placeholder{color:#999999;}
 
.navbar .navbar-search .search-query:focus,.navbar .navbar-search .search-query:hover:focus,.navbar .navbar-search .search-query.focused,.navbar .navbar-search .search-query:hover.focused{-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);color:#333333;}
 
.navbar .nav-collapse.in .navbar-search{border-top:none;border-bottom:none;}
 
.navbar .nav-collapse.in>.nav li>a{color:#333333;}.navbar .nav-collapse.in>.nav li>a .caret{border-top-color:#999999;}
 
.navbar .nav-collapse.in>.nav li>a:hover{text-shadow:none;color:#4183c4;background-color:transparent;}.navbar .nav-collapse.in>.nav li>a:hover .caret{border-top-color:#ffffff;}
 
.nav li.open.dropdown .caret,.nav .dropdown-toggle:hover .caret{border-top-color:#4183c4;}
 
div.subnav .nav>li>a{font-weight:bold;color:#333333;}div.subnav .nav>li>a:hover{color:#4183c4;}
 
div.subnav .nav>li.active>a{color:#333333;}div.subnav .nav>li.active>a:hover{color:#333333;}
 
div.subnav .nav>li>.dropdown-toggle{background-color:transparent;}
 
div.subnav .nav>li.dropdown.open>.dropdown-toggle{border-left:1px solid whiteSmoke;border-right:1px solid #E5E5E5;color:#4183c4;}
 
div.subnav .nav>.open>.dropdown-toggle:hover .caret{border-top-color:#4183c4;}
 
.btn{background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #f4f4f4, #ececec);background-image:-ms-linear-gradient(top, #f4f4f4, #ececec);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-webkit-linear-gradient(top, #f4f4f4, #ececec);background-image:-o-linear-gradient(top, #f4f4f4, #ececec);background-image:linear-gradient(top, #f4f4f4, #ececec);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ececec', GradientType=0);border-color:#ececec #ececec #c6c6c6;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#ececec;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#ececec;*background-color:#dfdfdf;}
 
.btn:active,.btn.active{background-color:#d3d3d3 \9;}
 
.btn-primary{background-color:#707070;background-image:-moz-linear-gradient(top, #909090, #3f3f3f);background-image:-ms-linear-gradient(top, #909090, #3f3f3f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#909090), to(#3f3f3f));background-image:-webkit-linear-gradient(top, #909090, #3f3f3f);background-image:-o-linear-gradient(top, #909090, #3f3f3f);background-image:linear-gradient(top, #909090, #3f3f3f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#3f3f3f', GradientType=0);border-color:#3f3f3f #3f3f3f #191919;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#3f3f3f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#3f3f3f;*background-color:#323232;}
 
.btn-primary:active,.btn-primary.active{background-color:#262626 \9;}
 
.btn-warning{background-color:#fbd627;background-image:-moz-linear-gradient(top, #ffde42, #f4ca00);background-image:-ms-linear-gradient(top, #ffde42, #f4ca00);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffde42), to(#f4ca00));background-image:-webkit-linear-gradient(top, #ffde42, #f4ca00);background-image:-o-linear-gradient(top, #ffde42, #f4ca00);background-image:linear-gradient(top, #ffde42, #f4ca00);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde42', endColorstr='#f4ca00', GradientType=0);border-color:#f4ca00 #f4ca00 #a88b00;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#f4ca00;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f4ca00;*background-color:#dbb500;}
 
.btn-warning:active,.btn-warning.active{background-color:#c1a000 \9;}
 
.btn-danger{background-color:#e15454;background-image:-moz-linear-gradient(top, #e56e6e, #da2d2d);background-image:-ms-linear-gradient(top, #e56e6e, #da2d2d);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e56e6e), to(#da2d2d));background-image:-webkit-linear-gradient(top, #e56e6e, #da2d2d);background-image:-o-linear-gradient(top, #e56e6e, #da2d2d);background-image:linear-gradient(top, #e56e6e, #da2d2d);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e56e6e', endColorstr='#da2d2d', GradientType=0);border-color:#da2d2d #da2d2d #9f1c1c;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#da2d2d;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#da2d2d;*background-color:#ca2424;}
 
.btn-danger:active,.btn-danger.active{background-color:#b42020 \9;}
 
.btn-success{background-color:#79cb5d;background-image:-moz-linear-gradient(top, #8add6d, #60b044);background-image:-ms-linear-gradient(top, #8add6d, #60b044);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#8add6d), to(#60b044));background-image:-webkit-linear-gradient(top, #8add6d, #60b044);background-image:-o-linear-gradient(top, #8add6d, #60b044);background-image:linear-gradient(top, #8add6d, #60b044);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8add6d', endColorstr='#60b044', GradientType=0);border-color:#60b044 #60b044 #42792f;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#60b044;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#60b044;*background-color:#569e3d;}
 
.btn-success:active,.btn-success.active{background-color:#4c8b36 \9;}
 
.btn-info{background-color:#669dc7;background-image:-moz-linear-gradient(top, #7caccf, #4488bb);background-image:-ms-linear-gradient(top, #7caccf, #4488bb);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7caccf), to(#4488bb));background-image:-webkit-linear-gradient(top, #7caccf, #4488bb);background-image:-o-linear-gradient(top, #7caccf, #4488bb);background-image:linear-gradient(top, #7caccf, #4488bb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7caccf', endColorstr='#4488bb', GradientType=0);border-color:#4488bb #4488bb #305f83;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#4488bb;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#4488bb;*background-color:#3d7aa8;}
 
.btn-info:active,.btn-info.active{background-color:#366d96 \9;}
 
.btn-inverse{background-color:#466274;background-image:-moz-linear-gradient(top, #4a687a, #405a6a);background-image:-ms-linear-gradient(top, #4a687a, #405a6a);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4a687a), to(#405a6a));background-image:-webkit-linear-gradient(top, #4a687a, #405a6a);background-image:-o-linear-gradient(top, #4a687a, #405a6a);background-image:linear-gradient(top, #4a687a, #405a6a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a687a', endColorstr='#405a6a', GradientType=0);border-color:#405a6a #405a6a #23323a;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#405a6a;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#405a6a;*background-color:#364d5a;}
 
.btn-inverse:active,.btn-inverse.active{background-color:#2d3f4a \9;}
 
.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#e29235;}
 
.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#e29235;border-color:#e29235;}.control-group.warning .checkbox:focus,.control-group.warning .radio:focus,.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#c7781d;-webkit-box-shadow:0 0 6px #efc28e;-moz-box-shadow:0 0 6px #efc28e;box-shadow:0 0 6px #efc28e;}
 
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#e29235;background-color:#f5f3b4;border-color:#e29235;}
 
.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#cc0000;}
 
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#cc0000;border-color:#cc0000;}.control-group.error .checkbox:focus,.control-group.error .radio:focus,.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#990000;-webkit-box-shadow:0 0 6px #ff3333;-moz-box-shadow:0 0 6px #ff3333;box-shadow:0 0 6px #ff3333;}
 
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#cc0000;background-color:#ffe9e9;border-color:#cc0000;}
 
.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#2ba949;}
 
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#2ba949;border-color:#2ba949;}.control-group.success .checkbox:focus,.control-group.success .radio:focus,.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#218037;-webkit-box-shadow:0 0 6px #63d77e;-moz-box-shadow:0 0 6px #63d77e;box-shadow:0 0 6px #63d77e;}
 
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#2ba949;background-color:#bedebe;border-color:#2ba949;}
 
.label-important{background-color:#BD2C00;}
 
.label-warning{background-color:#E3E84D;}
 
.label-success{background-color:#6CC644;}
 
.label-info{background-color:#4183C4;}
 
.hero-unit{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);border:1px solid rgba(0, 0, 0, 0.05);}
 
body{padding-top:24px;}
 
header{position:relative;margin-bottom:24px;z-index:999;}header h1{margin-bottom:9px;font-size:48px;letter-spacing:-1px;line-height:1;-webkit-margin-before:0;-webkit-margin-after:0;}
 
header p{font-size:30px;line-height:36px;}
symposion_project/static/symposion/less/bootstrap/accordion.less
Show inline comments
 
new file 100644
 
// ACCORDION
 
// ---------
 

	
 

	
 
// Parent container
 
.accordion {
 
  margin-bottom: @baseLineHeight;
 
}
 

	
 
// Group == heading + body
 
.accordion-group {
 
  margin-bottom: 2px;
 
  border: 1px solid #e5e5e5;
 
  .border-radius(4px);
 
}
 
.accordion-heading {
 
  border-bottom: 0;
 
}
 
.accordion-heading .accordion-toggle {
 
  display: block;
 
  padding: 8px 15px;
 
}
 

	
 
// General toggle styles
 
.accordion-toggle {
 
  cursor: pointer;
 
}
 

	
 
// Inner needs the styles because you can't animate properly with any styles on the element
 
.accordion-inner {
 
  padding: 9px 15px;
 
  border-top: 1px solid #e5e5e5;
 
}
symposion_project/static/symposion/less/bootstrap/alerts.less
Show inline comments
 
new file 100644
 
// ALERT STYLES
 
// ------------
 

	
 
// Base alert styles
 
.alert {
 
  padding: 8px 35px 8px 14px;
 
  margin-bottom: @baseLineHeight;
 
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
 
  background-color: @warningBackground;
 
  border: 1px solid @warningBorder;
 
  .border-radius(4px);
 
  color: @warningText;
 
}
 
.alert-heading {
 
  color: inherit;
 
}
 

	
 
// Adjust close link position
 
.alert .close {
 
  position: relative;
 
  top: -2px;
 
  right: -21px;
 
  line-height: 18px;
 
}
 

	
 
// Alternate styles
 
// ----------------
 

	
 
.alert-success {
 
  background-color: @successBackground;
 
  border-color: @successBorder;  
 
  color: @successText;
 
}
 
.alert-danger,
 
.alert-error {
 
  background-color: @errorBackground;
 
  border-color: @errorBorder;
 
  color: @errorText;
 
}
 
.alert-info {
 
  background-color: @infoBackground;
 
  border-color: @infoBorder;
 
  color: @infoText;
 
}
 

	
 
// Block alerts
 
// ------------------------
 
.alert-block {
 
  padding-top: 14px;
 
  padding-bottom: 14px;
 
}
 
.alert-block > p,
 
.alert-block > ul {
 
  margin-bottom: 0;
 
}
 
.alert-block p + p {
 
  margin-top: 5px;
 
}
symposion_project/static/symposion/less/bootstrap/bootstrap.less
Show inline comments
 
new file 100644
 
/*!
 
 * Bootstrap v2.0.4
 
 *
 
 * Copyright 2012 Twitter, Inc
 
 * Licensed under the Apache License v2.0
 
 * http://www.apache.org/licenses/LICENSE-2.0
 
 *
 
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 
 */
 

	
 
// CSS Reset
 
@import "reset.less";
 

	
 
// Core variables and mixins
 
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
 
@import "mixins.less";
 

	
 
// Grid system and page structure
 
@import "scaffolding.less";
 
@import "grid.less";
 
@import "layouts.less";
 

	
 
// Base CSS
 
@import "type.less";
 
@import "code.less";
 
@import "forms.less";
 
@import "tables.less";
 

	
 
// Components: common
 
@import "sprites.less";
 
@import "dropdowns.less";
 
@import "wells.less";
 
@import "component-animations.less";
 
@import "close.less";
 

	
 
// Components: Buttons & Alerts
 
@import "buttons.less";
 
@import "button-groups.less";
 
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
 

	
 
// Components: Nav
 
@import "navs.less";
 
@import "navbar.less";
 
@import "breadcrumbs.less";
 
@import "pagination.less";
 
@import "pager.less";
 

	
 
// Components: Popovers
 
@import "modals.less";
 
@import "tooltip.less";
 
@import "popovers.less";
 

	
 
// Components: Misc
 
@import "thumbnails.less";
 
@import "labels-badges.less";
 
@import "progress-bars.less";
 
@import "accordion.less";
 
@import "carousel.less";
 
@import "hero-unit.less";
 

	
 
// Utility classes
 
@import "utilities.less"; // Has to be last to override when necessary
symposion_project/static/symposion/less/bootstrap/breadcrumbs.less
Show inline comments
 
new file 100644
 
// BREADCRUMBS
 
// -----------
 

	
 
.breadcrumb {
 
  padding: 7px 14px;
 
  margin: 0 0 @baseLineHeight;
 
  list-style: none;
 
  #gradient > .vertical(@white, #f5f5f5);
 
  border: 1px solid #ddd;
 
  .border-radius(3px);
 
  .box-shadow(inset 0 1px 0 @white);
 
  li {
 
    display: inline-block;
 
    .ie7-inline-block();
 
    text-shadow: 0 1px 0 @white;
 
  }
 
  .divider {
 
    padding: 0 5px;
 
    color: @grayLight;
 
  }
 
  .active a {
 
    color: @grayDark;
 
  }
 
}
symposion_project/static/symposion/less/bootstrap/button-groups.less
Show inline comments
 
new file 100644
 
// BUTTON GROUPS
 
// -------------
 

	
 

	
 
// Make the div behave like a button
 
.btn-group {
 
  position: relative;
 
  .clearfix(); // clears the floated buttons
 
  .ie7-restore-left-whitespace();
 
}
 

	
 
// Space out series of button groups
 
.btn-group + .btn-group {
 
  margin-left: 5px;
 
}
 

	
 
// Optional: Group multiple button groups together for a toolbar
 
.btn-toolbar {
 
  margin-top: @baseLineHeight / 2;
 
  margin-bottom: @baseLineHeight / 2;
 
  .btn-group {
 
    display: inline-block;
 
    .ie7-inline-block();
 
  }
 
}
 

	
 
// Float them, remove border radius, then re-add to first and last elements
 
.btn-group > .btn {
 
  position: relative;
 
  float: left;
 
  margin-left: -1px;
 
  .border-radius(0);
 
}
 
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
 
.btn-group > .btn:first-child {
 
  margin-left: 0;
 
     -webkit-border-top-left-radius: 4px;
 
         -moz-border-radius-topleft: 4px;
 
             border-top-left-radius: 4px;
 
  -webkit-border-bottom-left-radius: 4px;
 
      -moz-border-radius-bottomleft: 4px;
 
          border-bottom-left-radius: 4px;
 
}
 
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
 
.btn-group > .btn:last-child,
 
.btn-group > .dropdown-toggle {
 
     -webkit-border-top-right-radius: 4px;
 
         -moz-border-radius-topright: 4px;
 
             border-top-right-radius: 4px;
 
  -webkit-border-bottom-right-radius: 4px;
 
      -moz-border-radius-bottomright: 4px;
 
          border-bottom-right-radius: 4px;
 
}
 
// Reset corners for large buttons
 
.btn-group > .btn.large:first-child {
 
  margin-left: 0;
 
     -webkit-border-top-left-radius: 6px;
 
         -moz-border-radius-topleft: 6px;
 
             border-top-left-radius: 6px;
 
  -webkit-border-bottom-left-radius: 6px;
 
      -moz-border-radius-bottomleft: 6px;
 
          border-bottom-left-radius: 6px;
 
}
 
.btn-group > .btn.large:last-child,
 
.btn-group > .large.dropdown-toggle {
 
     -webkit-border-top-right-radius: 6px;
 
         -moz-border-radius-topright: 6px;
 
             border-top-right-radius: 6px;
 
  -webkit-border-bottom-right-radius: 6px;
 
      -moz-border-radius-bottomright: 6px;
 
          border-bottom-right-radius: 6px;
 
}
 

	
 
// On hover/focus/active, bring the proper btn to front
 
.btn-group > .btn:hover,
 
.btn-group > .btn:focus,
 
.btn-group > .btn:active,
 
.btn-group > .btn.active {
 
  z-index: 2;
 
}
 

	
 
// On active and open, don't show outline
 
.btn-group .dropdown-toggle:active,
 
.btn-group.open .dropdown-toggle {
 
  outline: 0;
 
}
 

	
 

	
 

	
 
// Split button dropdowns
 
// ----------------------
 

	
 
// Give the line between buttons some depth
 
.btn-group > .dropdown-toggle {
 
  padding-left: 8px;
 
  padding-right: 8px;
 
  .box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
 
  *padding-top: 4px;
 
  *padding-bottom: 4px;
 
}
 
.btn-group > .btn-mini.dropdown-toggle {
 
  padding-left: 5px;
 
  padding-right: 5px;
 
}
 
.btn-group > .btn-small.dropdown-toggle {
 
  *padding-top: 4px;
 
  *padding-bottom: 4px;
 
}
 
.btn-group > .btn-large.dropdown-toggle {
 
  padding-left: 12px;
 
  padding-right: 12px;
 
}
 

	
 
.btn-group.open {
 

	
 
  // The clickable button for toggling the menu
 
  // Remove the gradient and set the same inset shadow as the :active state
 
  .dropdown-toggle {
 
    background-image: none;
 
    .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
 
  }
 

	
 
  // Keep the hover's background when dropdown is open
 
  .btn.dropdown-toggle {
 
    background-color: @btnBackgroundHighlight;
 
  }
 
  .btn-primary.dropdown-toggle {
 
    background-color: @btnPrimaryBackgroundHighlight;
 
  }
 
  .btn-warning.dropdown-toggle {
 
    background-color: @btnWarningBackgroundHighlight;
 
  }
 
  .btn-danger.dropdown-toggle {
 
    background-color: @btnDangerBackgroundHighlight;
 
  }
 
  .btn-success.dropdown-toggle {
 
    background-color: @btnSuccessBackgroundHighlight;
 
  }
 
  .btn-info.dropdown-toggle {
 
    background-color: @btnInfoBackgroundHighlight;
 
  }
 
  .btn-inverse.dropdown-toggle {
 
    background-color: @btnInverseBackgroundHighlight;
 
  }
 
}
 

	
 

	
 
// Reposition the caret
 
.btn .caret {
 
  margin-top: 7px;
 
  margin-left: 0;
 
}
 
.btn:hover .caret,
 
.open.btn-group .caret {
 
  .opacity(100);
 
}
 
// Carets in other button sizes
 
.btn-mini .caret {
 
  margin-top: 5px;
 
}
 
.btn-small .caret {
 
  margin-top: 6px;
 
}
 
.btn-large .caret {
 
  margin-top: 6px;
 
  border-left-width:  5px;
 
  border-right-width: 5px;
 
  border-top-width:   5px;
 
}
 
// Upside down carets for .dropup
 
.dropup .btn-large .caret {
 
  border-bottom: 5px solid @black;
 
  border-top: 0;
 
}
 

	
 

	
 

	
 
// Account for other colors
 
.btn-primary,
 
.btn-warning,
 
.btn-danger,
 
.btn-info,
 
.btn-success,
 
.btn-inverse {
 
  .caret {
 
    border-top-color: @white;
 
    border-bottom-color: @white;
 
    .opacity(75);
 
  }
 
}
 

	
symposion_project/static/symposion/less/bootstrap/buttons.less
Show inline comments
 
new file 100644
 
// BUTTON STYLES
 
// -------------
 

	
 

	
 
// Base styles
 
// --------------------------------------------------
 

	
 
// Core
 
.btn {
 
  display: inline-block;
 
  .ie7-inline-block();
 
  padding: 4px 10px 4px;
 
  margin-bottom: 0; // For input.btn
 
  font-size: @baseFontSize;
 
  line-height: @baseLineHeight;
 
  *line-height: 20px;
 
  color: @grayDark;
 
  text-align: center;
 
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
 
  vertical-align: middle;
 
  cursor: pointer;
 
  .buttonBackground(@btnBackground, @btnBackgroundHighlight);
 
  border: 1px solid @btnBorder;
 
  *border: 0; // Remove the border to prevent IE7's black border on input:focus
 
  border-bottom-color: darken(@btnBorder, 10%);
 
  .border-radius(4px);
 
  .ie7-restore-left-whitespace(); // Give IE7 some love
 
  .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
 
}
 

	
 
// Hover state
 
.btn:hover {
 
  color: @grayDark;
 
  text-decoration: none;
 
  background-color: darken(@white, 10%);
 
  *background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
 
  background-position: 0 -15px;
 

	
 
  // transition is only when going to hover, otherwise the background
 
  // behind the gradient (there for IE<=9 fallback) gets mismatched
 
  .transition(background-position .1s linear);
 
}
 

	
 
// Focus state for keyboard and accessibility
 
.btn:focus {
 
  .tab-focus();
 
}
 

	
 
// Active state
 
.btn.active,
 
.btn:active {
 
  background-color: darken(@white, 10%);
 
  background-color: darken(@white, 15%) e("\9");
 
  background-image: none;
 
  outline: 0;
 
  .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
 
}
 

	
 
// Disabled state
 
.btn.disabled,
 
.btn[disabled] {
 
  cursor: default;
 
  background-color: darken(@white, 10%);
 
  background-image: none;
 
  .opacity(65);
 
  .box-shadow(none);
 
}
 

	
 

	
 
// Button Sizes
 
// --------------------------------------------------
 

	
 
// Large
 
.btn-large {
 
  padding: 9px 14px;
 
  font-size: @baseFontSize + 2px;
 
  line-height: normal;
 
  .border-radius(5px);
 
}
 
.btn-large [class^="icon-"] {
 
  margin-top: 1px;
 
}
 

	
 
// Small
 
.btn-small {
 
  padding: 5px 9px;
 
  font-size: @baseFontSize - 2px;
 
  line-height: @baseLineHeight - 2px;
 
}
 
.btn-small [class^="icon-"] {
 
  margin-top: -1px;
 
}
 

	
 
// Mini
 
.btn-mini {
 
  padding: 2px 6px;
 
  font-size: @baseFontSize - 2px;
 
  line-height: @baseLineHeight - 4px;
 
}
 

	
 

	
 
// Alternate buttons
 
// --------------------------------------------------
 

	
 
// Set text color
 
// -------------------------
 
.btn-primary,
 
.btn-primary:hover,
 
.btn-warning,
 
.btn-warning:hover,
 
.btn-danger,
 
.btn-danger:hover,
 
.btn-success,
 
.btn-success:hover,
 
.btn-info,
 
.btn-info:hover,
 
.btn-inverse,
 
.btn-inverse:hover {
 
  color: @white;
 
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
 
}
 
// Provide *some* extra contrast for those who can get it
 
.btn-primary.active,
 
.btn-warning.active,
 
.btn-danger.active,
 
.btn-success.active,
 
.btn-info.active,
 
.btn-inverse.active {
 
  color: rgba(255,255,255,.75);
 
}
 

	
 
// Set the backgrounds
 
// -------------------------
 
.btn {
 
  // reset here as of 2.0.3 due to Recess property order
 
  border-color: #ccc;
 
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
 
}
 
.btn-primary {
 
  .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
 
}
 
// Warning appears are orange
 
.btn-warning {
 
  .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
 
}
 
// Danger and error appear as red
 
.btn-danger {
 
  .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
 
}
 
// Success appears as green
 
.btn-success {
 
  .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
 
}
 
// Info appears as a neutral blue
 
.btn-info {
 
  .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
 
}
 
// Inverse appears as dark gray
 
.btn-inverse {
 
  .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
 
}
 

	
 

	
 
// Cross-browser Jank
 
// --------------------------------------------------
 

	
 
button.btn,
 
input[type="submit"].btn {
 

	
 
  // Firefox 3.6 only I believe
 
  &::-moz-focus-inner {
 
    padding: 0;
 
    border: 0;
 
  }
 

	
 
  // IE7 has some default padding on button controls
 
  *padding-top: 2px;
 
  *padding-bottom: 2px;
 
  &.btn-large {
 
    *padding-top: 7px;
 
    *padding-bottom: 7px;
 
  }
 
  &.btn-small {
 
    *padding-top: 3px;
 
    *padding-bottom: 3px;
 
  }
 
  &.btn-mini {
 
    *padding-top: 1px;
 
    *padding-bottom: 1px;
 
  }
 
}
symposion_project/static/symposion/less/bootstrap/carousel.less
Show inline comments
 
new file 100644
 
// CAROUSEL
 
// --------
 

	
 
.carousel {
 
  position: relative;
 
  margin-bottom: @baseLineHeight;
 
  line-height: 1;
 
}
 

	
 
.carousel-inner {
 
  overflow: hidden;
 
  width: 100%;
 
  position: relative;
 
}
 

	
 
.carousel {
 

	
 
  .item {
 
    display: none;
 
    position: relative;
 
    .transition(.6s ease-in-out left);
 
  }
 

	
 
  // Account for jankitude on images
 
  .item > img {
 
    display: block;
 
    line-height: 1;
 
  }
 

	
 
  .active,
 
  .next,
 
  .prev { display: block; }
 

	
 
  .active {
 
    left: 0;
 
  }
 

	
 
  .next,
 
  .prev {
 
    position: absolute;
 
    top: 0;
 
    width: 100%;
 
  }
 

	
 
  .next {
 
    left: 100%;
 
  }
 
  .prev {
 
    left: -100%;
 
  }
 
  .next.left,
 
  .prev.right {
 
    left: 0;
 
  }
 

	
 
  .active.left {
 
    left: -100%;
 
  }
 
  .active.right {
 
    left: 100%;
 
  }
 

	
 
}
 

	
 
// Left/right controls for nav
 
// ---------------------------
 

	
 
.carousel-control {
 
  position: absolute;
 
  top: 40%;
 
  left: 15px;
 
  width: 40px;
 
  height: 40px;
 
  margin-top: -20px;
 
  font-size: 60px;
 
  font-weight: 100;
 
  line-height: 30px;
 
  color: @white;
 
  text-align: center;
 
  background: @grayDarker;
 
  border: 3px solid @white;
 
  .border-radius(23px);
 
  .opacity(50);
 

	
 
  // we can't have this transition here
 
  // because webkit cancels the carousel
 
  // animation if you trip this while
 
  // in the middle of another animation
 
  // ;_;
 
  // .transition(opacity .2s linear);
 

	
 
  // Reposition the right one
 
  &.right {
 
    left: auto;
 
    right: 15px;
 
  }
 

	
 
  // Hover state
 
  &:hover {
 
    color: @white;
 
    text-decoration: none;
 
    .opacity(90);
 
  }
 
}
 

	
 
// Caption for text below images
 
// -----------------------------
 

	
 
.carousel-caption {
 
  position: absolute;
 
  left: 0;
 
  right: 0;
 
  bottom: 0;
 
  padding: 10px 15px 5px;
 
  background: @grayDark;
 
  background: rgba(0,0,0,.75);
 
}
 
.carousel-caption h4,
 
.carousel-caption p {
 
  color: @white;
 
}
symposion_project/static/symposion/less/bootstrap/close.less
Show inline comments
 
new file 100644
 
// CLOSE ICONS
 
// -----------
 

	
 
.close {
 
  float: right;
 
  font-size: 20px;
 
  font-weight: bold;
 
  line-height: @baseLineHeight;
 
  color: @black;
 
  text-shadow: 0 1px 0 rgba(255,255,255,1);
 
  .opacity(20);
 
  &:hover {
 
    color: @black;
 
    text-decoration: none;
 
    cursor: pointer;
 
    .opacity(40);
 
  }
 
}
 

	
 
// Additional properties for button version
 
// iOS requires the button element instead of an anchor tag.
 
// If you want the anchor version, it requires `href="#"`.
 
button.close {
 
  padding: 0;
 
  cursor: pointer;
 
  background: transparent;
 
  border: 0;
 
  -webkit-appearance: none;
 
}
...
 
\ No newline at end of file
symposion_project/static/symposion/less/bootstrap/code.less
Show inline comments
 
new file 100644
 
// Code.less
 
// Code typography styles for the <code> and <pre> elements
 
// --------------------------------------------------------
 

	
 
// Inline and block code styles
 
code,
 
pre {
 
  padding: 0 3px 2px;
 
  #font > #family > .monospace;
 
  font-size: @baseFontSize - 1;
 
  color: @grayDark;
 
  .border-radius(3px);
 
}
 

	
 
// Inline code
 
code {
 
  padding: 2px 4px;
 
  color: #d14;
 
  background-color: #f7f7f9;
 
  border: 1px solid #e1e1e8;
 
}
 

	
 
// Blocks of code
 
pre {
 
  display: block;
 
  padding: (@baseLineHeight - 1) / 2;
 
  margin: 0 0 @baseLineHeight / 2;
 
  font-size: @baseFontSize * .925; // 13px to 12px
 
  line-height: @baseLineHeight;
 
  word-break: break-all;
 
  word-wrap: break-word;
 
  white-space: pre;
 
  white-space: pre-wrap;
 
  background-color: #f5f5f5;
 
  border: 1px solid #ccc; // fallback for IE7-8
 
  border: 1px solid rgba(0,0,0,.15);
 
  .border-radius(4px);
 

	
 
  // Make prettyprint styles more spaced out for readability
 
  &.prettyprint {
 
    margin-bottom: @baseLineHeight;
 
  }
 

	
 
  // Account for some code outputs that place code tags in pre tags
 
  code {
 
    padding: 0;
 
    color: inherit;
 
    background-color: transparent;
 
    border: 0;
 
  }
 
}
 

	
 
// Enable scrollable blocks of code
 
.pre-scrollable {
 
  max-height: 340px;
 
  overflow-y: scroll;
 
}
...
 
\ No newline at end of file
symposion_project/static/symposion/less/bootstrap/component-animations.less
Show inline comments
 
new file 100644
 
// COMPONENT ANIMATIONS
 
// --------------------
 

	
 
.fade {
 
  opacity: 0;
 
  .transition(opacity .15s linear);
 
  &.in {
 
    opacity: 1;
 
  }
 
}
 

	
 
.collapse {
 
  position: relative;
 
  height: 0;
 
  overflow: hidden;
 
  .transition(height .35s ease);
 
  &.in {
 
    height: auto;
 
  }
 
}
symposion_project/static/symposion/less/bootstrap/dropdowns.less
Show inline comments
 
new file 100644
 
// DROPDOWN MENUS
 
// --------------
 

	
 
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
 
.dropup,
 
.dropdown {
 
  position: relative;
 
}
 
.dropdown-toggle {
 
  // The caret makes the toggle a bit too tall in IE7
 
  *margin-bottom: -3px;
 
}
 
.dropdown-toggle:active,
 
.open .dropdown-toggle {
 
  outline: 0;
 
}
 

	
 
// Dropdown arrow/caret
 
// --------------------
 
.caret {
 
  display: inline-block;
 
  width: 0;
 
  height: 0;
 
  vertical-align: top;
 
  border-top:   4px solid @black;
 
  border-right: 4px solid transparent;
 
  border-left:  4px solid transparent;
 
  content: "";
 
  .opacity(30);
 
}
 

	
 
// Place the caret
 
.dropdown .caret {
 
  margin-top: 8px;
 
  margin-left: 2px;
 
}
 
.dropdown:hover .caret,
 
.open .caret {
 
  .opacity(100);
 
}
 

	
 
// The dropdown menu (ul)
 
// ----------------------
 
.dropdown-menu {
 
  position: absolute;
 
  top: 100%;
 
  left: 0;
 
  z-index: @zindexDropdown;
 
  display: none; // none by default, but block on "open" of the menu
 
  float: left;
 
  min-width: 160px;
 
  padding: 4px 0;
 
  margin: 1px 0 0; // override default ul
 
  list-style: none;
 
  background-color: @dropdownBackground;
 
  border: 1px solid #ccc;
 
  border: 1px solid rgba(0,0,0,.2);
 
  *border-right-width: 2px;
 
  *border-bottom-width: 2px;
 
  .border-radius(5px);
 
  .box-shadow(0 5px 10px rgba(0,0,0,.2));
 
  -webkit-background-clip: padding-box;
 
     -moz-background-clip: padding;
 
          background-clip: padding-box;
 

	
 
  // Aligns the dropdown menu to right
 
  &.pull-right {
 
    right: 0;
 
    left: auto;
 
  }
 

	
 
  // Dividers (basically an hr) within the dropdown
 
  .divider {
 
    .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
 
  }
 

	
 
  // Links within the dropdown menu
 
  a {
 
    display: block;
 
    padding: 3px 15px;
 
    clear: both;
 
    font-weight: normal;
 
    line-height: @baseLineHeight;
 
    color: @dropdownLinkColor;
 
    white-space: nowrap;
 
  }
 
}
 

	
 
// Hover state
 
// -----------
 
.dropdown-menu li > a:hover,
 
.dropdown-menu .active > a,
 
.dropdown-menu .active > a:hover {
 
  color: @dropdownLinkColorHover;
 
  text-decoration: none;
 
  background-color: @dropdownLinkBackgroundHover;
 
}
 

	
 
// Open state for the dropdown
 
// ---------------------------
 
.open {
 
  // IE7's z-index only goes to the nearest positioned ancestor, which would
 
  // make the menu appear below buttons that appeared later on the page
 
  *z-index: @zindexDropdown;
 

	
 
  & > .dropdown-menu {
 
    display: block;
 
  }
 
}
 

	
 
// Right aligned dropdowns
 
// ---------------------------
 
.pull-right > .dropdown-menu {
 
  right: 0;
 
  left: auto;
 
}
 

	
 
// Allow for dropdowns to go bottom up (aka, dropup-menu)
 
// ------------------------------------------------------
 
// Just add .dropup after the standard .dropdown class and you're set, bro.
 
// TODO: abstract this so that the navbar fixed styles are not placed here?
 
.dropup,
 
.navbar-fixed-bottom .dropdown {
 
  // Reverse the caret
 
  .caret {
 
    border-top: 0;
 
    border-bottom: 4px solid @black;
 
    content: "\2191";
 
  }
 
  // Different positioning for bottom up menu
 
  .dropdown-menu {
 
    top: auto;
 
    bottom: 100%;
 
    margin-bottom: 1px;
 
  }
 
}
 

	
 
// Typeahead
 
// ---------
 
.typeahead {
 
  margin-top: 2px; // give it some space to breathe
 
  .border-radius(4px);
 
}
symposion_project/static/symposion/less/bootstrap/forms.less
Show inline comments
 
new file 100644
 
// Forms.less
 
// Base styles for various input types, form layouts, and states
 
// -------------------------------------------------------------
 

	
 

	
 
// GENERAL STYLES
 
// --------------
 

	
 
// Make all forms have space below them
 
form {
 
  margin: 0 0 @baseLineHeight;
 
}
 

	
 
fieldset {
 
  padding: 0;
 
  margin: 0;
 
  border: 0;
 
}
 

	
 
// Groups of fields with labels on top (legends)
 
legend {
 
  display: block;
 
  width: 100%;
 
  padding: 0;
 
  margin-bottom: @baseLineHeight * 1.5;
 
  font-size: @baseFontSize * 1.5;
 
  line-height: @baseLineHeight * 2;
 
  color: @grayDark;
 
  border: 0;
 
  border-bottom: 1px solid #e5e5e5;
 

	
 
  // Small
 
  small {
 
    font-size: @baseLineHeight * .75;
 
    color: @grayLight;
 
  }
 
}
 

	
 
// Set font for forms
 
label,
 
input,
 
button,
 
select,
 
textarea {
 
  #font > .shorthand(@baseFontSize,normal,@baseLineHeight); // Set size, weight, line-height here
 
}
 
input,
 
button,
 
select,
 
textarea {
 
  font-family: @baseFontFamily; // And only set font-family here for those that need it (note the missing label element)
 
}
 

	
 
// Identify controls by their labels
 
label {
 
  display: block;
 
  margin-bottom: 5px;
 
}
 

	
 
// Form controls
 
// -------------------------
 

	
 
// Shared size and type resets
 
select,
 
textarea,
 
input[type="text"],
 
input[type="password"],
 
input[type="datetime"],
 
input[type="datetime-local"],
 
input[type="date"],
 
input[type="month"],
 
input[type="time"],
 
input[type="week"],
 
input[type="number"],
 
input[type="email"],
 
input[type="url"],
 
input[type="search"],
 
input[type="tel"],
 
input[type="color"],
 
.uneditable-input {
 
  display: inline-block;
 
  height: @baseLineHeight;
 
  padding: 4px;
 
  margin-bottom: 9px;
 
  font-size: @baseFontSize;
 
  line-height: @baseLineHeight;
 
  color: @gray;
 
}
 

	
 
// Reset appearance properties for textual inputs and textarea
 
// Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
 
input,
 
textarea {
 
  width: 210px;
 
}
 
// Reset height since textareas have rows
 
textarea {
 
  height: auto;
 
}
 
// Everything else
 
textarea,
 
input[type="text"],
 
input[type="password"],
 
input[type="datetime"],
 
input[type="datetime-local"],
 
input[type="date"],
 
input[type="month"],
 
input[type="time"],
 
input[type="week"],
 
input[type="number"],
 
input[type="email"],
 
input[type="url"],
 
input[type="search"],
 
input[type="tel"],
 
input[type="color"],
 
.uneditable-input {
 
  background-color: @inputBackground;
 
  border: 1px solid @inputBorder;
 
  .border-radius(@inputBorderRadius);
 
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
 
  @transition: border linear .2s, box-shadow linear .2s;
 
  .transition(@transition);
 

	
 
  // Focus state
 
  &:focus {
 
    border-color: rgba(82,168,236,.8);
 
    outline: 0;
 
    outline: thin dotted \9; /* IE6-9 */
 
    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
 
  }
 
}
 

	
 
// Position radios and checkboxes better
 
input[type="radio"],
 
input[type="checkbox"] {
 
  margin: 3px 0;
 
  *margin-top: 0; /* IE7 */
 
  line-height: normal;
 
  cursor: pointer;
 
}
 

	
 
// Reset width of input buttons, radios, checkboxes
 
input[type="submit"],
 
input[type="reset"],
 
input[type="button"],
 
input[type="radio"],
 
input[type="checkbox"] {
 
  width: auto; // Override of generic input selector
 
}
 

	
 
// Make uneditable textareas behave like a textarea
 
.uneditable-textarea {
 
  width: auto;
 
  height: auto;
 
}
 

	
 
// Set the height of select and file controls to match text inputs
 
select,
 
input[type="file"] {
 
  height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
 
  *margin-top: 4px; /* For IE7, add top margin to align select with labels */
 
  line-height: 28px;
 
}
 

	
 
// Make select elements obey height by applying a border
 
select {
 
  width: 220px; // default input width + 10px of padding that doesn't get applied
 
  border: 1px solid #bbb;
 
}
 

	
 
// Make multiple select elements height not fixed
 
select[multiple],
 
select[size] {
 
  height: auto;
 
}
 

	
 
// Focus for select, file, radio, and checkbox
 
select:focus,
 
input[type="file"]:focus,
 
input[type="radio"]:focus,
 
input[type="checkbox"]:focus {
 
  .tab-focus();
 
}
 

	
 

	
 

	
 
// CHECKBOXES & RADIOS
 
// -------------------
 

	
 
// Indent the labels to position radios/checkboxes as hanging
 
.radio,
 
.checkbox {
 
  min-height: 18px; // clear the floating input if there is no label text
 
  padding-left: 18px;
 
}
 
.radio input[type="radio"],
 
.checkbox input[type="checkbox"] {
 
  float: left;
 
  margin-left: -18px;
 
}
 

	
 
// Move the options list down to align with labels
 
.controls > .radio:first-child,
 
.controls > .checkbox:first-child {
 
  padding-top: 5px; // has to be padding because margin collaspes
 
}
 

	
 
// Radios and checkboxes on same line
 
// TODO v3: Convert .inline to .control-inline
 
.radio.inline,
 
.checkbox.inline {
 
  display: inline-block;
 
  padding-top: 5px;
 
  margin-bottom: 0;
 
  vertical-align: middle;
 
}
 
.radio.inline + .radio.inline,
 
.checkbox.inline + .checkbox.inline {
 
  margin-left: 10px; // space out consecutive inline controls
 
}
 

	
 

	
 

	
 
// INPUT SIZES
 
// -----------
 

	
 
// General classes for quick sizes
 
.input-mini       { width: 60px; }
 
.input-small      { width: 90px; }
 
.input-medium     { width: 150px; }
 
.input-large      { width: 210px; }
 
.input-xlarge     { width: 270px; }
 
.input-xxlarge    { width: 530px; }
 

	
 
// Grid style input sizes
 
input[class*="span"],
 
select[class*="span"],
 
textarea[class*="span"],
 
.uneditable-input[class*="span"],
 
// Redeclare since the fluid row class is more specific
 
.row-fluid input[class*="span"],
 
.row-fluid select[class*="span"],
 
.row-fluid textarea[class*="span"],
 
.row-fluid .uneditable-input[class*="span"] {
 
  float: none;
 
  margin-left: 0;
 
}
 
// Ensure input-prepend/append never wraps
 
.input-append input[class*="span"],
 
.input-append .uneditable-input[class*="span"],
 
.input-prepend input[class*="span"],
 
.input-prepend .uneditable-input[class*="span"],
 
.row-fluid .input-prepend [class*="span"],
 
.row-fluid .input-append [class*="span"] {
 
  display: inline-block;
 
}
 

	
 

	
 

	
 
// GRID SIZING FOR INPUTS
 
// ----------------------
 

	
 
#grid > .input(@gridColumnWidth, @gridGutterWidth);
 

	
 

	
 

	
 
// DISABLED STATE
 
// --------------
 

	
 
// Disabled and read-only inputs
 
input[disabled],
 
select[disabled],
 
textarea[disabled],
 
input[readonly],
 
select[readonly],
 
textarea[readonly] {
 
  cursor: not-allowed;
 
  background-color: @inputDisabledBackground;
 
  border-color: #ddd;
 
}
 
// Explicitly reset the colors here
 
input[type="radio"][disabled],
 
input[type="checkbox"][disabled],
 
input[type="radio"][readonly],
 
input[type="checkbox"][readonly] {
 
  background-color: transparent;
 
}
 

	
 

	
 

	
 

	
 
// FORM FIELD FEEDBACK STATES
 
// --------------------------
 

	
 
// Warning
 
.control-group.warning {
 
  .formFieldState(@warningText, @warningText, @warningBackground);
 
}
 
// Error
 
.control-group.error {
 
  .formFieldState(@errorText, @errorText, @errorBackground);
 
}
 
// Success
 
.control-group.success {
 
  .formFieldState(@successText, @successText, @successBackground);
 
}
 

	
 
// HTML5 invalid states
 
// Shares styles with the .control-group.error above
 
input:focus:required:invalid,
 
textarea:focus:required:invalid,
 
select:focus:required:invalid {
 
  color: #b94a48;
 
  border-color: #ee5f5b;
 
  &:focus {
 
    border-color: darken(#ee5f5b, 10%);
 
    .box-shadow(0 0 6px lighten(#ee5f5b, 20%));
 
  }
 
}
 

	
 

	
 

	
 
// FORM ACTIONS
 
// ------------
 

	
 
.form-actions {
 
  padding: (@baseLineHeight - 1) 20px @baseLineHeight;
 
  margin-top: @baseLineHeight;
 
  margin-bottom: @baseLineHeight;
 
  background-color: @formActionsBackground;
 
  border-top: 1px solid #e5e5e5;
 
  .clearfix(); // Adding clearfix to allow for .pull-right button containers
 
}
 

	
 
// For text that needs to appear as an input but should not be an input
 
.uneditable-input {
 
  overflow: hidden; // prevent text from wrapping, but still cut it off like an input does
 
  white-space: nowrap;
 
  cursor: not-allowed;
 
  background-color: @inputBackground;
 
  border-color: #eee;
 
  .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
 
}
 

	
 
// Placeholder text gets special styles; can't be bundled together though for some reason
 
.placeholder();
 

	
 

	
 

	
 
// HELP TEXT
 
// ---------
 

	
 
.help-block,
 
.help-inline {
 
  color: @gray; // lighten the text some for contrast
 
}
 

	
 
.help-block {
 
  display: block; // account for any element using help-block
 
  margin-bottom: @baseLineHeight / 2;
 
}
 

	
 
.help-inline {
 
  display: inline-block;
 
  .ie7-inline-block();
 
  vertical-align: middle;
 
  padding-left: 5px;
 
}
 

	
 

	
 

	
 
// INPUT GROUPS
 
// ------------
 

	
 
// Allow us to put symbols and text within the input field for a cleaner look
 
.input-prepend,
 
.input-append {
 
  margin-bottom: 5px;
 
  input,
 
  select,
 
  .uneditable-input {
 
    position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness
 
    margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms
 
    *margin-left: 0;
 
    vertical-align: middle;
 
    .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
 
    // Make input on top when focused so blue border and shadow always show
 
    &:focus {
 
      z-index: 2;
 
    }
 
  }
 
  .uneditable-input {
 
    border-left-color: #ccc;
 
  }
 
  .add-on {
 
    display: inline-block;
 
    width: auto;
 
    height: @baseLineHeight;
 
    min-width: 16px;
 
    padding: 4px 5px;
 
    font-weight: normal;
 
    line-height: @baseLineHeight;
 
    text-align: center;
 
    text-shadow: 0 1px 0 @white;
 
    vertical-align: middle;
 
    background-color: @grayLighter;
 
    border: 1px solid #ccc;
 
  }
 
  .add-on,
 
  .btn {
 
    margin-left: -1px;
 
    .border-radius(0);
 
  }
 
  .active {
 
    background-color: lighten(@green, 30);
 
    border-color: @green;
 
  }
 
}
 
.input-prepend {
 
  .add-on,
 
  .btn {
 
    margin-right: -1px;
 
  }
 
  .add-on:first-child,
 
  .btn:first-child {
 
    .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
 
  }
 
}
 
.input-append {
 
  input,
 
  select,
 
  .uneditable-input {
 
    .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
 
  }
 
  .uneditable-input {
 
    border-right-color: #ccc;
 
    border-left-color: #eee;
 
  }
 
  .add-on:last-child,
 
  .btn:last-child {
 
    .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
 
  }
 
}
 
// Remove all border-radius for inputs with both prepend and append
 
.input-prepend.input-append {
 
  input,
 
  select,
 
  .uneditable-input {
 
    .border-radius(0);
 
  }
 
  .add-on:first-child,
 
  .btn:first-child {
 
    margin-right: -1px;
 
    .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
 
  }
 
  .add-on:last-child,
 
  .btn:last-child {
 
    margin-left: -1px;
 
    .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
 
  }
 
}
 

	
 

	
 

	
 
// SEARCH FORM
 
// -----------
 

	
 
.search-query {
 
  padding-right: 14px;
 
  padding-right: 4px \9;
 
  padding-left: 14px;
 
  padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
  margin-bottom: 0; // remove the default margin on all inputs
 
  .border-radius(14px);
 
}
 

	
 

	
 

	
 
// HORIZONTAL & VERTICAL FORMS
 
// ---------------------------
 

	
 
// Common properties
 
// -----------------
 

	
 
.form-search,
 
.form-inline,
 
.form-horizontal {
 
  input,
 
  textarea,
 
  select,
 
  .help-inline,
 
  .uneditable-input,
 
  .input-prepend,
 
  .input-append {
 
    display: inline-block;
 
    .ie7-inline-block();
 
    margin-bottom: 0;
 
  }
 
  // Re-hide hidden elements due to specifity
 
  .hide {
 
    display: none;
 
  }
 
}
 
.form-search label,
 
.form-inline label {
 
  display: inline-block;
 
}
 
// Remove margin for input-prepend/-append
 
.form-search .input-append,
 
.form-inline .input-append,
 
.form-search .input-prepend,
 
.form-inline .input-prepend {
 
  margin-bottom: 0;
 
}
 
// Inline checkbox/radio labels (remove padding on left)
 
.form-search .radio,
 
.form-search .checkbox,
 
.form-inline .radio,
 
.form-inline .checkbox {
 
  padding-left: 0;
 
  margin-bottom: 0;
 
  vertical-align: middle;
 
}
 
// Remove float and margin, set to inline-block
 
.form-search .radio input[type="radio"],
 
.form-search .checkbox input[type="checkbox"],
 
.form-inline .radio input[type="radio"],
 
.form-inline .checkbox input[type="checkbox"] {
 
  float: left;
 
  margin-right: 3px;
 
  margin-left: 0;
 
}
 

	
 

	
 
// Margin to space out fieldsets
 
.control-group {
 
  margin-bottom: @baseLineHeight / 2;
 
}
 

	
 
// Legend collapses margin, so next element is responsible for spacing
 
legend + .control-group {
 
  margin-top: @baseLineHeight;
 
  -webkit-margin-top-collapse: separate;
 
}
 

	
 
// Horizontal-specific styles
 
// --------------------------
 

	
 
.form-horizontal {
 
  // Increase spacing between groups
 
  .control-group {
 
    margin-bottom: @baseLineHeight;
 
    .clearfix();
 
  }
 
  // Float the labels left
 
  .control-label {
 
    float: left;
 
    width: 140px;
 
    padding-top: 5px;
 
    text-align: right;
 
  }
 
  // Move over all input controls and content
 
  .controls {
 
    // Super jank IE7 fix to ensure the inputs in .input-append and input-prepend
 
    // don't inherit the margin of the parent, in this case .controls
 
    *display: inline-block;
 
    *padding-left: 20px;
 
    margin-left: 160px;
 
    *margin-left: 0;
 
    &:first-child {
 
      *padding-left: 160px;
 
    }
 
  }
 
  // Remove bottom margin on block level help text since that's accounted for on .control-group
 
  .help-block {
 
    margin-top: @baseLineHeight / 2;
 
    margin-bottom: 0;
 
  }
 
  // Move over buttons in .form-actions to align with .controls
 
  .form-actions {
 
    padding-left: 160px;
 
  }
 
}
symposion_project/static/symposion/less/bootstrap/grid.less
Show inline comments
 
new file 100644
 
// Fixed (940px)
 
#grid > .core(@gridColumnWidth, @gridGutterWidth);
 

	
 
// Fluid (940px)
 
#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
...
 
\ No newline at end of file
symposion_project/static/symposion/less/bootstrap/hero-unit.less
Show inline comments
 
new file 100644
 
// HERO UNIT
 
// ---------
 

	
 
.hero-unit {
 
  padding: 60px;
 
  margin-bottom: 30px;
 
  background-color: @heroUnitBackground;
 
  .border-radius(6px);
 
  h1 {
 
    margin-bottom: 0;
 
    font-size: 60px;
 
    line-height: 1;
 
    color: @heroUnitHeadingColor;
 
    letter-spacing: -1px;
 
  }
 
  p {
 
    font-size: 18px;
 
    font-weight: 200;
 
    line-height: @baseLineHeight * 1.5;
 
    color: @heroUnitLeadColor;
 
  }
 
}
symposion_project/static/symposion/less/bootstrap/labels-badges.less
Show inline comments
 
new file 100644
 
// LABELS & BADGES
 
// ---------------
 

	
 
// Base classes
 
.label,
 
.badge {
 
  font-size: @baseFontSize * .846;
 
  font-weight: bold;
 
  line-height: 14px; // ensure proper line-height if floated
 
  color: @white;
 
  vertical-align: baseline;
 
  white-space: nowrap;
 
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
 
  background-color: @grayLight;
 
}
 
// Set unique padding and border-radii
 
.label {
 
  padding: 1px 4px 2px;
 
  .border-radius(3px);
 
}
 
.badge {
 
  padding: 1px 9px 2px;
 
  .border-radius(9px);
 
}
 

	
 
// Hover state, but only for links
 
a {
 
  &.label:hover,
 
  &.badge:hover {
 
    color: @white;
 
    text-decoration: none;
 
    cursor: pointer;
 
  }
 
}
 

	
 
// Colors
 
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
 
.label,
 
.badge {
 
  // Important (red)
 
  &-important         { background-color: @errorText; }
 
  &-important[href]   { background-color: darken(@errorText, 10%); }
 
  // Warnings (orange)
 
  &-warning           { background-color: @orange; }
 
  &-warning[href]     { background-color: darken(@orange, 10%); }
 
  // Success (green)
 
  &-success           { background-color: @successText; }
 
  &-success[href]     { background-color: darken(@successText, 10%); }
 
  // Info (turquoise)
 
  &-info              { background-color: @infoText; }
 
  &-info[href]        { background-color: darken(@infoText, 10%); }
 
  // Inverse (black)
 
  &-inverse           { background-color: @grayDark; }
 
  &-inverse[href]     { background-color: darken(@grayDark, 10%); }
 
}
symposion_project/static/symposion/less/bootstrap/layouts.less
Show inline comments
 
new file 100644
 
//
 
// Layouts
 
// Fixed-width and fluid (with sidebar) layouts
 
// --------------------------------------------
 

	
 

	
 
// Container (centered, fixed-width layouts)
 
.container {
 
  .container-fixed();
 
}
 

	
 
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
 
.container-fluid {
 
  padding-right: @gridGutterWidth;
 
  padding-left: @gridGutterWidth;
 
  .clearfix();
 
}
...
 
\ No newline at end of file
symposion_project/static/symposion/less/bootstrap/mixins.less
Show inline comments
 
new file 100644
 
// Mixins.less
 
// Snippets of reusable CSS to develop faster and keep code readable
 
// -----------------------------------------------------------------
 

	
 

	
 
// UTILITY MIXINS
 
// --------------------------------------------------
 

	
 
// Clearfix
 
// --------
 
// For clearing floats like a boss h5bp.com/q
 
.clearfix {
 
  *zoom: 1;
 
  &:before,
 
  &:after {
 
    display: table;
 
    content: "";
 
  }
 
  &:after {
 
    clear: both;
 
  }
 
}
 

	
 
// Webkit-style focus
 
// ------------------
 
.tab-focus() {
 
  // Default
 
  outline: thin dotted #333;
 
  // Webkit
 
  outline: 5px auto -webkit-focus-ring-color;
 
  outline-offset: -2px;
 
}
 

	
 
// Center-align a block level element
 
// ----------------------------------
 
.center-block() {
 
  display: block;
 
  margin-left: auto;
 
  margin-right: auto;
 
}
 

	
 
// IE7 inline-block
 
// ----------------
 
.ie7-inline-block() {
 
  *display: inline; /* IE7 inline-block hack */
 
  *zoom: 1;
 
}
 

	
 
// IE7 likes to collapse whitespace on either side of the inline-block elements.
 
// Ems because we're attempting to match the width of a space character. Left
 
// version is for form buttons, which typically come after other elements, and
 
// right version is for icons, which come before. Applying both is ok, but it will
 
// mean that space between those elements will be .6em (~2 space characters) in IE7,
 
// instead of the 1 space in other browsers.
 
.ie7-restore-left-whitespace() {
 
  *margin-left: .3em;
 

	
 
  &:first-child {
 
    *margin-left: 0;
 
  }
 
}
 

	
 
.ie7-restore-right-whitespace() {
 
  *margin-right: .3em;
 

	
 
  &:last-child {
 
    *margin-left: 0;
 
  }
 
}
 

	
 
// Sizing shortcuts
 
// -------------------------
 
.size(@height, @width) {
 
  width: @width;
 
  height: @height;
 
}
 
.square(@size) {
 
  .size(@size, @size);
 
}
 

	
 
// Placeholder text
 
// -------------------------
 
.placeholder(@color: @placeholderText) {
 
  &:-moz-placeholder {
 
    color: @color;
 
  }
 
  &:-ms-input-placeholder {
 
    color: @color;
 
  }
 
  &::-webkit-input-placeholder {
 
    color: @color;
 
  }
 
}
 

	
 
// Text overflow
 
// -------------------------
 
// Requires inline-block or block for proper styling
 
.text-overflow() {
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  white-space: nowrap;
 
}
 

	
 
// CSS image replacement
 
// -------------------------
 
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
 
.hide-text {
 
  font: 0/0 a;
 
  color: transparent;
 
  text-shadow: none;
 
  background-color: transparent;
 
  border: 0;
 
}
 

	
 

	
 
// FONTS
 
// --------------------------------------------------
 

	
 
#font {
 
  #family {
 
    .serif() {
 
      font-family: @serifFontFamily;
 
    }
 
    .sans-serif() {
 
      font-family: @sansFontFamily;
 
    }
 
    .monospace() {
 
      font-family: @monoFontFamily;
 
    }
 
  }
 
  .shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
 
    font-size: @size;
 
    font-weight: @weight;
 
    line-height: @lineHeight;
 
  }
 
  .serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
 
    #font > #family > .serif;
 
    #font > .shorthand(@size, @weight, @lineHeight);
 
  }
 
  .sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
 
    #font > #family > .sans-serif;
 
    #font > .shorthand(@size, @weight, @lineHeight);
 
  }
 
  .monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
 
    #font > #family > .monospace;
 
    #font > .shorthand(@size, @weight, @lineHeight);
 
  }
 
}
 

	
 

	
 
// FORMS
 
// --------------------------------------------------
 

	
 
// Block level inputs
 
.input-block-level {
 
  display: block;
 
  width: 100%;
 
  min-height: 28px;        // Make inputs at least the height of their button counterpart
 
  .box-sizing(border-box); // Makes inputs behave like true block-level elements
 
}
 

	
 

	
 
// Mixin for form field states
 
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
 
  // Set the text color
 
  > label,
 
  .help-block,
 
  .help-inline {
 
    color: @textColor;
 
  }
 
  // Style inputs accordingly
 
  .checkbox,
 
  .radio,
 
  input,
 
  select,
 
  textarea {
 
    color: @textColor;
 
    border-color: @borderColor;
 
    &:focus {
 
      border-color: darken(@borderColor, 10%);
 
      .box-shadow(0 0 6px lighten(@borderColor, 20%));
 
    }
 
  }
 
  // Give a small background color for input-prepend/-append
 
  .input-prepend .add-on,
 
  .input-append .add-on {
 
    color: @textColor;
 
    background-color: @backgroundColor;
 
    border-color: @textColor;
 
  }
 
}
 

	
 

	
 

	
 
// CSS3 PROPERTIES
 
// --------------------------------------------------
 

	
 
// Border Radius
 
.border-radius(@radius) {
 
  -webkit-border-radius: @radius;
 
     -moz-border-radius: @radius;
 
          border-radius: @radius;
 
}
 

	
 
// Drop shadows
 
.box-shadow(@shadow) {
 
  -webkit-box-shadow: @shadow;
 
     -moz-box-shadow: @shadow;
 
          box-shadow: @shadow;
 
}
 

	
 
// Transitions
 
.transition(@transition) {
 
  -webkit-transition: @transition;
 
     -moz-transition: @transition;
 
      -ms-transition: @transition;
 
       -o-transition: @transition;
 
          transition: @transition;
 
}
 

	
 
// Transformations
 
.rotate(@degrees) {
 
  -webkit-transform: rotate(@degrees);
 
     -moz-transform: rotate(@degrees);
 
      -ms-transform: rotate(@degrees);
 
       -o-transform: rotate(@degrees);
 
          transform: rotate(@degrees);
 
}
 
.scale(@ratio) {
 
  -webkit-transform: scale(@ratio);
 
     -moz-transform: scale(@ratio);
 
      -ms-transform: scale(@ratio);
 
       -o-transform: scale(@ratio);
 
          transform: scale(@ratio);
 
}
 
.translate(@x, @y) {
 
  -webkit-transform: translate(@x, @y);
 
     -moz-transform: translate(@x, @y);
 
      -ms-transform: translate(@x, @y);
 
       -o-transform: translate(@x, @y);
 
          transform: translate(@x, @y);
 
}
 
.skew(@x, @y) {
 
  -webkit-transform: skew(@x, @y);
 
     -moz-transform: skew(@x, @y);
 
      -ms-transform: skew(@x, @y);
 
       -o-transform: skew(@x, @y);
 
          transform: skew(@x, @y);
 
}
 
.translate3d(@x, @y, @z) {
 
  -webkit-transform: translate(@x, @y, @z);
 
     -moz-transform: translate(@x, @y, @z);
 
      -ms-transform: translate(@x, @y, @z);
 
       -o-transform: translate(@x, @y, @z);
 
          transform: translate(@x, @y, @z);
 
}
 

	
 
// Backface visibility
 
// Prevent browsers from flickering when using CSS 3D transforms.
 
// Default value is `visible`, but can be changed to `hidden
 
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
 
.backface-visibility(@visibility){
 
	-webkit-backface-visibility: @visibility;
 
	   -moz-backface-visibility: @visibility;
 
	    -ms-backface-visibility: @visibility;
 
	        backface-visibility: @visibility;
 
}
 

	
 
// Background clipping
 
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
 
.background-clip(@clip) {
 
  -webkit-background-clip: @clip;
 
     -moz-background-clip: @clip;
 
          background-clip: @clip;
 
}
 

	
 
// Background sizing
 
.background-size(@size){
 
  -webkit-background-size: @size;
 
     -moz-background-size: @size;
 
       -o-background-size: @size;
 
          background-size: @size;
 
}
 

	
 

	
 
// Box sizing
 
.box-sizing(@boxmodel) {
 
  -webkit-box-sizing: @boxmodel;
 
     -moz-box-sizing: @boxmodel;
 
      -ms-box-sizing: @boxmodel;
 
          box-sizing: @boxmodel;
 
}
 

	
 
// User select
 
// For selecting text on the page
 
.user-select(@select) {
 
  -webkit-user-select: @select;
 
     -moz-user-select: @select;
 
      -ms-user-select: @select;
 
       -o-user-select: @select;
 
          user-select: @select;
 
}
 

	
 
// Resize anything
 
.resizable(@direction) {
 
  resize: @direction; // Options: horizontal, vertical, both
 
  overflow: auto; // Safari fix
 
}
 

	
 
// CSS3 Content Columns
 
.content-columns(@columnCount, @columnGap: @gridGutterWidth) {
 
  -webkit-column-count: @columnCount;
 
     -moz-column-count: @columnCount;
 
          column-count: @columnCount;
 
  -webkit-column-gap: @columnGap;
 
     -moz-column-gap: @columnGap;
 
          column-gap: @columnGap;
 
}
 

	
 
// Optional hyphenation
 
.hyphens(@mode: auto) {
 
  word-wrap: break-word;
 
  -webkit-hyphens: @mode;
 
     -moz-hyphens: @mode;
 
      -ms-hyphens: @mode;
 
       -o-hyphens: @mode;
 
          hyphens: @mode;
 
}
 

	
 
// Opacity
 
.opacity(@opacity) {
 
  opacity: @opacity / 100;
 
  filter: ~"alpha(opacity=@{opacity})";
 
}
 

	
 

	
 

	
 
// BACKGROUNDS
 
// --------------------------------------------------
 

	
 
// 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);
 
  }
 
}
 

	
 
// Gradient Bar Colors for buttons and alerts
 
.gradientBar(@primaryColor, @secondaryColor) {
 
  #gradient > .vertical(@primaryColor, @secondaryColor);
 
  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
 
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
 
}
 

	
 
// Gradients
 
#gradient {
 
  .horizontal(@startColor: #555, @endColor: #333) {
 
    background-color: @endColor;
 
    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
 
    background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
 
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
 
    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
 
    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
 
    background-image: linear-gradient(left, @startColor, @endColor); // Le standard
 
    background-repeat: repeat-x;
 
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
 
  }
 
  .vertical(@startColor: #555, @endColor: #333) {
 
    background-color: mix(@startColor, @endColor, 60%);
 
    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
 
    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
 
    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
 
    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
 
    background-image: linear-gradient(top, @startColor, @endColor); // The standard
 
    background-repeat: repeat-x;
 
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
 
  }
 
  .directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
 
    background-color: @endColor;
 
    background-repeat: repeat-x;
 
    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
 
    background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
 
    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
 
    background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
 
    background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
 
  }
 
  .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
 
    background-color: mix(@midColor, @endColor, 80%);
 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
 
    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
 
    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
 
    background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
 
    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
 
    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
 
    background-repeat: no-repeat;
 
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
 
  }
 
  .radial(@innerColor: #555, @outerColor: #333)  {
 
    background-color: @outerColor;
 
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
 
    background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
 
    background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
 
    background-image: -ms-radial-gradient(circle, @innerColor, @outerColor);
 
    background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
 
    background-repeat: no-repeat;
 
  }
 
  .striped(@color, @angle: -45deg) {
 
    background-color: @color;
 
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
 
    background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
 
    background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
 
    background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
 
    background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
 
    background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
 
  }
 
}
 
// Reset filters for IE
 
.reset-filter() {
 
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
 
}
 

	
 

	
 

	
 
// COMPONENT MIXINS
 
// --------------------------------------------------
 

	
 
// Horizontal dividers
 
// -------------------------
 
// Dividers (basically an hr) within dropdowns and nav lists
 
.nav-divider(@top: #e5e5e5, @bottom: @white) {
 
  // IE7 needs a set width since we gave a height. Restricting just
 
  // to IE7 to keep the 1px left/right space in other browsers.
 
  // It is unclear where IE is getting the extra space that we need
 
  // to negative-margin away, but so it goes.
 
  *width: 100%;
 
  height: 1px;
 
  margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px
 
  *margin: -5px 0 5px;
 
  overflow: hidden;
 
  background-color: @top;
 
  border-bottom: 1px solid @bottom;
 
}
 

	
 
// Button backgrounds
 
// ------------------
 
.buttonBackground(@startColor, @endColor) {
 
  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
 
  .gradientBar(@startColor, @endColor);
 
  *background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
 
  .reset-filter();
 

	
 
  // in these cases the gradient won't cover the background, so we override
 
  &:hover, &:active, &.active, &.disabled, &[disabled] {
 
    background-color: @endColor;
 
    *background-color: darken(@endColor, 5%);
 
  }
 

	
 
  // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
 
  &:active,
 
  &.active {
 
    background-color: darken(@endColor, 10%) e("\9");
 
  }
 
}
 

	
 
// Navbar vertical align
 
// -------------------------
 
// Vertically center elements in the navbar.
 
// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.
 
.navbarVerticalAlign(@elementHeight) {
 
  margin-top: (@navbarHeight - @elementHeight) / 2;
 
}
 

	
 
// Popover arrows
 
// -------------------------
 
// For tipsies and popovers
 
#popoverArrow {
 
  .top(@arrowWidth: 5px, @color: @black) {
 
    bottom: 0;
 
    left: 50%;
 
    margin-left: -@arrowWidth;
 
    border-left: @arrowWidth solid transparent;
 
    border-right: @arrowWidth solid transparent;
 
    border-top: @arrowWidth solid @color;
 
  }
 
  .left(@arrowWidth: 5px, @color: @black) {
 
    top: 50%;
 
    right: 0;
 
    margin-top: -@arrowWidth;
 
    border-top: @arrowWidth solid transparent;
 
    border-bottom: @arrowWidth solid transparent;
 
    border-left: @arrowWidth solid @color;
 
  }
 
  .bottom(@arrowWidth: 5px, @color: @black) {
 
    top: 0;
 
    left: 50%;
 
    margin-left: -@arrowWidth;
 
    border-left: @arrowWidth solid transparent;
 
    border-right: @arrowWidth solid transparent;
 
    border-bottom: @arrowWidth solid @color;
 
  }
 
  .right(@arrowWidth: 5px, @color: @black) {
 
    top: 50%;
 
    left: 0;
 
    margin-top: -@arrowWidth;
 
    border-top: @arrowWidth solid transparent;
 
    border-bottom: @arrowWidth solid transparent;
 
    border-right: @arrowWidth solid @color;
 
  }
 
}
 

	
 
// Grid System
 
// -----------
 

	
 
// Centered container element
 
.container-fixed() {
 
  margin-right: auto;
 
  margin-left: auto;
 
  .clearfix();
 
}
 

	
 
// Table columns
 
.tableColumns(@columnSpan: 1) {
 
  float: none; // undo default grid column styles
 
  width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells
 
  margin-left: 0; // undo default grid column styles
 
}
 

	
 
// Make a Grid
 
// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior
 
.makeRow() {
 
  margin-left: @gridGutterWidth * -1;
 
  .clearfix();
 
}
 
.makeColumn(@columns: 1, @offset: 0) {
 
  float: left;
 
  margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);
 
  width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
 
}
 

	
 
// The Grid
 
#grid {
 

	
 
  .core (@gridColumnWidth, @gridGutterWidth) {
 

	
 
    .spanX (@index) when (@index > 0) {
 
      (~".span@{index}") { .span(@index); }
 
      .spanX(@index - 1);
 
    }
 
    .spanX (0) {}
 

	
 
    .offsetX (@index) when (@index > 0) {
 
      (~".offset@{index}") { .offset(@index); }
 
      .offsetX(@index - 1);
 
    }
 
    .offsetX (0) {}
 

	
 
    .offset (@columns) {
 
      margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
 
    }
 

	
 
    .span (@columns) {
 
      width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
 
    }
 

	
 
    .row {
 
      margin-left: @gridGutterWidth * -1;
 
      .clearfix();
 
    }
 

	
 
    [class*="span"] {
 
      float: left;
 
      margin-left: @gridGutterWidth;
 
    }
 

	
 
    // Set the container width, and override it for fixed navbars in media queries
 
    .container,
 
    .navbar-fixed-top .container,
 
    .navbar-fixed-bottom .container { .span(@gridColumns); }
 

	
 
    // generate .spanX and .offsetX
 
    .spanX (@gridColumns);
 
    .offsetX (@gridColumns);
 

	
 
  }
 

	
 
  .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {
 

	
 
    .spanX (@index) when (@index > 0) {
 
      (~".span@{index}") { .span(@index); }
 
      .spanX(@index - 1);
 
    }
 
    .spanX (0) {}
 

	
 
    .span (@columns) {
 
      width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
 
      *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
 
    }
 

	
 
    .row-fluid {
 
      width: 100%;
 
      .clearfix();
 
      [class*="span"] {
 
        .input-block-level();
 
        float: left;
 
        margin-left: @fluidGridGutterWidth;
 
        *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
 
      }
 
      [class*="span"]:first-child {
 
        margin-left: 0;
 
      }
 

	
 
      // generate .spanX
 
      .spanX (@gridColumns);
 
    }
 

	
 
  }
 

	
 
  .input(@gridColumnWidth, @gridGutterWidth) {
 

	
 
    .spanX (@index) when (@index > 0) {
 
      (~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); }
 
      .spanX(@index - 1);
 
    }
 
    .spanX (0) {}
 

	
 
    .span(@columns) {
 
      width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10;
 
    }
 

	
 
    input,
 
    textarea,
 
    .uneditable-input {
 
      margin-left: 0; // override margin-left from core grid system
 
    }
 

	
 
    // generate .spanX
 
    .spanX (@gridColumns);
 

	
 
  }
 

	
 
}
symposion_project/static/symposion/less/bootstrap/modals.less
Show inline comments
 
new file 100644
 
// MODALS
 
// ------
 

	
 
// Recalculate z-index where appropriate
 
.modal-open {
 
  .dropdown-menu {  z-index: @zindexDropdown + @zindexModal; }
 
  .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
 
  .popover       {  z-index: @zindexPopover  + @zindexModal; }
 
  .tooltip       {  z-index: @zindexTooltip  + @zindexModal; }
 
}
 

	
 
// Background
 
.modal-backdrop {
 
  position: fixed;
 
  top: 0;
 
  right: 0;
 
  bottom: 0;
 
  left: 0;
 
  z-index: @zindexModalBackdrop;
 
  background-color: @black;
 
  // Fade for backdrop
 
  &.fade { opacity: 0; }
 
}
 

	
 
.modal-backdrop,
 
.modal-backdrop.fade.in {
 
  .opacity(80);
 
}
 

	
 
// Base modal
 
.modal {
 
  position: fixed;
 
  top: 50%;
 
  left: 50%;
 
  z-index: @zindexModal;
 
  overflow: auto;
 
  width: 560px;
 
  margin: -250px 0 0 -280px;
 
  background-color: @white;
 
  border: 1px solid #999;
 
  border: 1px solid rgba(0,0,0,.3);
 
  *border: 1px solid #999; /* IE6-7 */
 
  .border-radius(6px);
 
  .box-shadow(0 3px 7px rgba(0,0,0,0.3));
 
  .background-clip(padding-box);
 
  &.fade {
 
    .transition(e('opacity .3s linear, top .3s ease-out'));
 
    top: -25%;
 
  }
 
  &.fade.in { top: 50%; }
 
}
 
.modal-header {
 
  padding: 9px 15px;
 
  border-bottom: 1px solid #eee;
 
  // Close icon
 
  .close { margin-top: 2px; }
 
}
 

	
 
// Body (where all modal content resides)
 
.modal-body {
 
  overflow-y: auto;
 
  max-height: 400px;
 
  padding: 15px;
 
}
 
// Remove bottom margin if need be
 
.modal-form {
 
  margin-bottom: 0;
 
}
 

	
 
// Footer (for actions)
 
.modal-footer {
 
  padding: 14px 15px 15px;
 
  margin-bottom: 0;
 
  text-align: right; // right align buttons
 
  background-color: #f5f5f5;
 
  border-top: 1px solid #ddd;
 
  .border-radius(0 0 6px 6px);
 
  .box-shadow(inset 0 1px 0 @white);
 
  .clearfix(); // clear it in case folks use .pull-* classes on buttons
 

	
 
  // Properly space out buttons
 
  .btn + .btn {
 
    margin-left: 5px;
 
    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
 
  }
 
  // but override that for button groups
 
  .btn-group .btn + .btn {
 
    margin-left: -1px;
 
  }
 
}
symposion_project/static/symposion/less/bootstrap/navbar.less
Show inline comments
 
new file 100644
 
// NAVBAR (FIXED AND STATIC)
 
// -------------------------
 

	
 

	
 
// COMMON STYLES
 
// -------------
 

	
 
.navbar {
 
  // Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
 
  *position: relative;
 
  *z-index: 2;
 

	
 
  overflow: visible;
 
  margin-bottom: @baseLineHeight;
 
}
 

	
 
// Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
 
.navbar-inner {
 
  min-height: @navbarHeight;
 
  padding-left:  20px;
 
  padding-right: 20px;
 
  #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
 
  .border-radius(4px);
 
  .box-shadow(~"0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1)");
 
}
 

	
 
// Set width to auto for default container
 
// We then reset it for fixed navbars in the #gridSystem mixin
 
.navbar .container {
 
  width: auto;
 
}
 

	
 
// Override the default collapsed state
 
.nav-collapse.collapse {
 
  height: auto;
 
}
 

	
 

	
 
// Brand, links, text, and buttons
 
.navbar {
 
  color: @navbarText;
 
  // Hover and active states
 
  .brand:hover {
 
    text-decoration: none;
 
  }
 
  // Website or project name
 
  .brand {
 
    float: left;
 
    display: block;
 
    // Vertically center the text given @navbarHeight
 
    @elementHeight: 20px;
 
    padding: ((@navbarHeight - @elementHeight) / 2 - 2) 20px ((@navbarHeight - @elementHeight) / 2 + 2);
 
    margin-left: -20px; // negative indent to left-align the text down the page
 
    font-size: 20px;
 
    font-weight: 200;
 
    line-height: 1;
 
    color: @navbarBrandColor;
 
  }
 
  // Plain text in topbar
 
  .navbar-text {
 
    margin-bottom: 0;
 
    line-height: @navbarHeight;
 
  }
 
  // Janky solution for now to account for links outside the .nav
 
  .navbar-link {
 
    color: @navbarLinkColor;
 
    &:hover {
 
      color: @navbarLinkColorHover;
 
    }
 
  }
 
  // Buttons in navbar
 
  .btn,
 
  .btn-group {
 
    .navbarVerticalAlign(30px); // Vertically center in navbar
 
  }
 
  .btn-group .btn {
 
    margin: 0; // then undo the margin here so we don't accidentally double it
 
  }
 
}
 

	
 
// Navbar forms
 
.navbar-form {
 
  margin-bottom: 0; // remove default bottom margin
 
  .clearfix();
 
  input,
 
  select,
 
  .radio,
 
  .checkbox {
 
    .navbarVerticalAlign(30px); // Vertically center in navbar
 
  }
 
  input,
 
  select {
 
    display: inline-block;
 
    margin-bottom: 0;
 
  }
 
  input[type="image"],
 
  input[type="checkbox"],
 
  input[type="radio"] {
 
    margin-top: 3px;
 
  }
 
  .input-append,
 
  .input-prepend {
 
    margin-top: 6px;
 
    white-space: nowrap; // preven two  items from separating within a .navbar-form that has .pull-left
 
    input {
 
      margin-top: 0; // remove the margin on top since it's on the parent
 
    }
 
  }
 
}
 

	
 
// Navbar search
 
.navbar-search {
 
  position: relative;
 
  float: left;
 
  .navbarVerticalAlign(28px); // Vertically center in navbar
 
  margin-bottom: 0;
 
  .search-query {
 
    padding: 4px 9px;
 
    #font > .sans-serif(13px, normal, 1);
 
    color: @white;
 
    background-color: @navbarSearchBackground;
 
    border: 1px solid @navbarSearchBorder;
 
    .box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)");
 
    .transition(none);
 

	
 
    .placeholder(@navbarSearchPlaceholderColor);
 

	
 
    // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
 
    &:focus,
 
    &.focused {
 
      padding: 5px 10px;
 
      color: @grayDark;
 
      text-shadow: 0 1px 0 @white;
 
      background-color: @navbarSearchBackgroundFocus;
 
      border: 0;
 
      .box-shadow(0 0 3px rgba(0,0,0,.15));
 
      outline: 0;
 
    }
 
  }
 
}
 

	
 

	
 

	
 
// FIXED NAVBAR
 
// ------------
 

	
 
// Shared (top/bottom) styles
 
.navbar-fixed-top,
 
.navbar-fixed-bottom {
 
  position: fixed;
 
  right: 0;
 
  left: 0;
 
  z-index: @zindexFixedNavbar;
 
  margin-bottom: 0; // remove 18px margin for static navbar
 
}
 
.navbar-fixed-top .navbar-inner,
 
.navbar-fixed-bottom .navbar-inner {
 
  padding-left:  0;
 
  padding-right: 0;
 
  .border-radius(0);
 
}
 

	
 
.navbar-fixed-top .container,
 
.navbar-fixed-bottom .container {
 
  #grid > .core > .span(@gridColumns);
 
}
 

	
 
// Fixed to top
 
.navbar-fixed-top {
 
  top: 0;
 
}
 

	
 
// Fixed to bottom
 
.navbar-fixed-bottom {
 
  bottom: 0;
 
}
 

	
 

	
 

	
 
// NAVIGATION
 
// ----------
 

	
 
.navbar .nav {
 
  position: relative;
 
  left: 0;
 
  display: block;
 
  float: left;
 
  margin: 0 10px 0 0;
 
}
 
.navbar .nav.pull-right {
 
  float: right; // redeclare due to specificity
 
}
 
.navbar .nav > li {
 
  display: block;
 
  float: left;
 
}
 

	
 
// Links
 
.navbar .nav > li > a {
 
  float: none;
 
  // Vertically center the text given @navbarHeight
 
  @elementHeight: 20px;
 
  padding: ((@navbarHeight - @elementHeight) / 2 - 1) 10px ((@navbarHeight - @elementHeight) / 2 + 1);
 
  line-height: 19px;
 
  color: @navbarLinkColor;
 
  text-decoration: none;
 
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
 
}
 
// Buttons
 
.navbar .btn {
 
  display: inline-block;
 
  padding: 4px 10px 4px;
 
  // Vertically center the button given @navbarHeight
 
  @elementHeight: 28px;
 
  margin: ((@navbarHeight - @elementHeight) / 2 - 1) 5px ((@navbarHeight - @elementHeight) / 2);
 
  line-height: @baseLineHeight;
 
}
 
.navbar .btn-group {
 
  margin: 0;
 
  // Vertically center the button given @navbarHeight
 
  @elementHeight: 28px;
 
  padding: ((@navbarHeight - @elementHeight) / 2 - 1) 5px ((@navbarHeight - @elementHeight) / 2);
 
}
 
// Hover
 
.navbar .nav > li > a:hover {
 
  background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
 
  color: @navbarLinkColorHover;
 
  text-decoration: none;
 
}
 

	
 
// Active nav items
 
.navbar .nav .active > a,
 
.navbar .nav .active > a:hover {
 
  color: @navbarLinkColorActive;
 
  text-decoration: none;
 
  background-color: @navbarLinkBackgroundActive;
 
}
 

	
 
// Dividers (basically a vertical hr)
 
.navbar .divider-vertical {
 
  height: @navbarHeight;
 
  width: 1px;
 
  margin: 0 9px;
 
  overflow: hidden;
 
  background-color: @navbarBackground;
 
  border-right: 1px solid @navbarBackgroundHighlight;
 
}
 

	
 
// Secondary (floated right) nav in topbar
 
.navbar .nav.pull-right {
 
  margin-left: 10px;
 
  margin-right: 0;
 
}
 

	
 
// Navbar button for toggling navbar items in responsive layouts
 
// These definitions need to come after '.navbar .btn'
 
.navbar .btn-navbar {
 
  display: none;
 
  float: right;
 
  padding: 7px 10px;
 
  margin-left: 5px;
 
  margin-right: 5px;
 
  .buttonBackground(@navbarBackgroundHighlight, @navbarBackground);
 
  .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)");
 
}
 
.navbar .btn-navbar .icon-bar {
 
  display: block;
 
  width: 18px;
 
  height: 2px;
 
  background-color: #f5f5f5;
 
  .border-radius(1px);
 
  .box-shadow(0 1px 0 rgba(0,0,0,.25));
 
}
 
.btn-navbar .icon-bar + .icon-bar {
 
  margin-top: 3px;
 
}
 

	
 

	
 
// Dropdown menus
 
// --------------
 

	
 
// Menu position and menu carets
 
.navbar .dropdown-menu {
 
  &:before {
 
    content: '';
 
    display: inline-block;
 
    border-left:   7px solid transparent;
 
    border-right:  7px solid transparent;
 
    border-bottom: 7px solid #ccc;
 
    border-bottom-color: @dropdownBorder;
 
    position: absolute;
 
    top: -7px;
 
    left: 9px;
 
  }
 
  &:after {
 
    content: '';
 
    display: inline-block;
 
    border-left:   6px solid transparent;
 
    border-right:  6px solid transparent;
 
    border-bottom: 6px solid @dropdownBackground;
 
    position: absolute;
 
    top: -6px;
 
    left: 10px;
 
  }
 
}
 
// Menu position and menu caret support for dropups via extra dropup class
 
.navbar-fixed-bottom .dropdown-menu {
 
  &:before {
 
    border-top: 7px solid #ccc;
 
    border-top-color: @dropdownBorder;
 
    border-bottom: 0;
 
    bottom: -7px;
 
    top: auto;
 
  }
 
  &:after {
 
    border-top: 6px solid @dropdownBackground;
 
    border-bottom: 0;
 
    bottom: -6px;
 
    top: auto;
 
  }
 
}
 
// Dropdown toggle caret
 
.navbar .nav li.dropdown .dropdown-toggle .caret,
 
.navbar .nav li.dropdown.open .caret {
 
  border-top-color: @white;
 
  border-bottom-color: @white;
 
}
 
.navbar .nav li.dropdown.active .caret {
 
  .opacity(100);
 
}
 

	
 
// Remove background color from open dropdown
 
.navbar .nav li.dropdown.open > .dropdown-toggle,
 
.navbar .nav li.dropdown.active > .dropdown-toggle,
 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
 
  background-color: transparent;
 
}
 

	
 
// Dropdown link on hover
 
.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
 
  color: @white;
 
}
 

	
 
// Right aligned menus need alt position
 
// TODO: rejigger this at some point to simplify the selectors
 
.navbar .pull-right .dropdown-menu,
 
.navbar .dropdown-menu.pull-right {
 
  left: auto;
 
  right: 0;
 
  &:before {
 
    left: auto;
 
    right: 12px;
 
  }
 
  &:after {
 
    left: auto;
 
    right: 13px;
 
  }
 
}
...
 
\ No newline at end of file
symposion_project/static/symposion/less/bootstrap/navs.less
Show inline comments
 
new file 100644
 
// NAVIGATIONS
 
// -----------
 

	
 

	
 

	
 
// BASE CLASS
 
// ----------
 

	
 
.nav {
 
  margin-left: 0;
 
  margin-bottom: @baseLineHeight;
 
  list-style: none;
 
}
 

	
 
// Make links block level
 
.nav > li > a {
 
  display: block;
 
}
 
.nav > li > a:hover {
 
  text-decoration: none;
 
  background-color: @grayLighter;
 
}
 

	
 
// Redeclare pull classes because of specifity
 
.nav > .pull-right {
 
  float: right;
 
}
 

	
 
// Nav headers (for dropdowns and lists)
 
.nav .nav-header {
 
  display: block;
 
  padding: 3px 15px;
 
  font-size: 11px;
 
  font-weight: bold;
 
  line-height: @baseLineHeight;
 
  color: @grayLight;
 
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
 
  text-transform: uppercase;
 
}
 
// Space them out when they follow another list item (link)
 
.nav li + .nav-header {
 
  margin-top: 9px;
 
}
 

	
 

	
 
// NAV LIST
 
// --------
 

	
 
.nav-list {
 
  padding-left: 15px;
 
  padding-right: 15px;
 
  margin-bottom: 0;
 
}
 
.nav-list > li > a,
 
.nav-list .nav-header {
 
  margin-left:  -15px;
 
  margin-right: -15px;
 
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
 
}
 
.nav-list > li > a {
 
  padding: 3px 15px;
 
}
 
.nav-list > .active > a,
 
.nav-list > .active > a:hover {
 
  color: @white;
 
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
 
  background-color: @linkColor;
 
}
 
.nav-list [class^="icon-"] {
 
  margin-right: 2px;
 
}
 
// Dividers (basically an hr) within the dropdown
 
.nav-list .divider {
 
  .nav-divider();
 
}
 

	
 

	
 

	
 
// TABS AND PILLS
 
// -------------
 

	
 
// Common styles
 
.nav-tabs,
 
.nav-pills {
 
  .clearfix();
 
}
 
.nav-tabs > li,
 
.nav-pills > li {
 
  float: left;
 
}
 
.nav-tabs > li > a,
 
.nav-pills > li > a {
 
  padding-right: 12px;
 
  padding-left: 12px;
 
  margin-right: 2px;
 
  line-height: 14px; // keeps the overall height an even number
 
}
 

	
 
// TABS
 
// ----
 

	
 
// Give the tabs something to sit on
 
.nav-tabs {
 
  border-bottom: 1px solid #ddd;
 
}
 
// Make the list-items overlay the bottom border
 
.nav-tabs > li {
 
  margin-bottom: -1px;
 
}
 
// Actual tabs (as links)
 
.nav-tabs > li > a {
 
  padding-top: 8px;
 
  padding-bottom: 8px;
 
  line-height: @baseLineHeight;
 
  border: 1px solid transparent;
 
  .border-radius(4px 4px 0 0);
 
  &:hover {
 
    border-color: @grayLighter @grayLighter #ddd;
 
  }
 
}
 
// Active state, and it's :hover to override normal :hover
 
.nav-tabs > .active > a,
 
.nav-tabs > .active > a:hover {
 
  color: @gray;
 
  background-color: @white;
 
  border: 1px solid #ddd;
 
  border-bottom-color: transparent;
 
  cursor: default;
 
}
 

	
 

	
 
// PILLS
 
// -----
 

	
 
// Links rendered as pills
 
.nav-pills > li > a {
 
  padding-top: 8px;
 
  padding-bottom: 8px;
 
  margin-top: 2px;
 
  margin-bottom: 2px;
 
  .border-radius(5px);
 
}
 

	
 
// Active state
 
.nav-pills > .active > a,
 
.nav-pills > .active > a:hover {
 
  color: @white;
 
  background-color: @linkColor;
 
}
 

	
 

	
 

	
 
// STACKED NAV
 
// -----------
 

	
 
// Stacked tabs and pills
 
.nav-stacked > li {
 
  float: none;
 
}
 
.nav-stacked > li > a {
 
  margin-right: 0; // no need for the gap between nav items
 
}
 

	
 
// Tabs
 
.nav-tabs.nav-stacked {
 
  border-bottom: 0;
 
}
 
.nav-tabs.nav-stacked > li > a {
 
  border: 1px solid #ddd;
 
  .border-radius(0);
 
}
 
.nav-tabs.nav-stacked > li:first-child > a {
 
  .border-radius(4px 4px 0 0);
 
}
 
.nav-tabs.nav-stacked > li:last-child > a {
 
  .border-radius(0 0 4px 4px);
 
}
 
.nav-tabs.nav-stacked > li > a:hover {
 
  border-color: #ddd;
 
  z-index: 2;
 
}
 

	
 
// Pills
 
.nav-pills.nav-stacked > li > a {
 
  margin-bottom: 3px;
 
}
 
.nav-pills.nav-stacked > li:last-child > a {
 
  margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
 
}
 

	
 

	
 

	
 
// DROPDOWNS
 
// ---------
 

	
 
.nav-tabs .dropdown-menu {
 
  .border-radius(0 0 5px 5px); // remove the top rounded corners here since there is a hard edge above the menu
 
}
 
.nav-pills .dropdown-menu {
 
  .border-radius(4px); // make rounded corners match the pills
 
}
 

	
 
// Default dropdown links
 
// -------------------------
 
// Make carets use linkColor to start
 
.nav-tabs .dropdown-toggle .caret,
 
.nav-pills .dropdown-toggle .caret {
 
  border-top-color: @linkColor;
 
  border-bottom-color: @linkColor;
 
  margin-top: 6px;
 
}
 
.nav-tabs .dropdown-toggle:hover .caret,
 
.nav-pills .dropdown-toggle:hover .caret {
 
  border-top-color: @linkColorHover;
 
  border-bottom-color: @linkColorHover;
 
}
 

	
 
// Active dropdown links
 
// -------------------------
 
.nav-tabs .active .dropdown-toggle .caret,
 
.nav-pills .active .dropdown-toggle .caret {
 
  border-top-color: @grayDark;
 
  border-bottom-color: @grayDark;
 
}
 

	
 
// Active:hover dropdown links
 
// -------------------------
 
.nav > .dropdown.active > a:hover {
 
  color: @black;
 
  cursor: pointer;
 
}
 

	
 
// Open dropdowns
 
// -------------------------
 
.nav-tabs .open .dropdown-toggle,
 
.nav-pills .open .dropdown-toggle,
 
.nav > li.dropdown.open.active > a:hover {
 
  color: @white;
 
  background-color: @grayLight;
 
  border-color: @grayLight;
 
}
 
.nav li.dropdown.open .caret,
 
.nav li.dropdown.open.active .caret,
 
.nav li.dropdown.open a:hover .caret {
 
  border-top-color: @white;
 
  border-bottom-color: @white;
 
  .opacity(100);
 
}
 

	
 
// Dropdowns in stacked tabs
 
.tabs-stacked .open > a:hover {
 
  border-color: @grayLight;
 
}
 

	
 

	
 

	
 
// TABBABLE
 
// --------
 

	
 

	
 
// COMMON STYLES
 
// -------------
 

	
 
// Clear any floats
 
.tabbable {
 
  .clearfix();
 
}
 
.tab-content {
 
  overflow: auto; // prevent content from running below tabs
 
}
 

	
 
// Remove border on bottom, left, right
 
.tabs-below > .nav-tabs,
 
.tabs-right > .nav-tabs,
 
.tabs-left > .nav-tabs {
 
  border-bottom: 0;
 
}
 

	
 
// Show/hide tabbable areas
 
.tab-content > .tab-pane,
 
.pill-content > .pill-pane {
 
  display: none;
 
}
 
.tab-content > .active,
 
.pill-content > .active {
 
  display: block;
 
}
 

	
 

	
 
// BOTTOM
 
// ------
 

	
 
.tabs-below > .nav-tabs {
 
  border-top: 1px solid #ddd;
 
}
 
.tabs-below > .nav-tabs > li {
 
  margin-top: -1px;
 
  margin-bottom: 0;
 
}
 
.tabs-below > .nav-tabs > li > a {
 
  .border-radius(0 0 4px 4px);
 
  &:hover {
 
    border-bottom-color: transparent;
 
    border-top-color: #ddd;
 
  }
 
}
 
.tabs-below > .nav-tabs > .active > a,
 
.tabs-below > .nav-tabs > .active > a:hover {
 
  border-color: transparent #ddd #ddd #ddd;
 
}
 

	
 
// LEFT & RIGHT
 
// ------------
 

	
 
// Common styles
 
.tabs-left > .nav-tabs > li,
 
.tabs-right > .nav-tabs > li {
 
  float: none;
 
}
 
.tabs-left > .nav-tabs > li > a,
 
.tabs-right > .nav-tabs > li > a {
 
  min-width: 74px;
 
  margin-right: 0;
 
  margin-bottom: 3px;
 
}
 

	
 
// Tabs on the left
 
.tabs-left > .nav-tabs {
 
  float: left;
 
  margin-right: 19px;
 
  border-right: 1px solid #ddd;
 
}
 
.tabs-left > .nav-tabs > li > a {
 
  margin-right: -1px;
 
  .border-radius(4px 0 0 4px);
 
}
 
.tabs-left > .nav-tabs > li > a:hover {
 
  border-color: @grayLighter #ddd @grayLighter @grayLighter;
 
}
 
.tabs-left > .nav-tabs .active > a,
 
.tabs-left > .nav-tabs .active > a:hover {
 
  border-color: #ddd transparent #ddd #ddd;
 
  *border-right-color: @white;
 
}
 

	
 
// Tabs on the right
 
.tabs-right > .nav-tabs {
 
  float: right;
 
  margin-left: 19px;
 
  border-left: 1px solid #ddd;
 
}
 
.tabs-right > .nav-tabs > li > a {
 
  margin-left: -1px;
 
  .border-radius(0 4px 4px 0);
 
}
 
.tabs-right > .nav-tabs > li > a:hover {
 
  border-color: @grayLighter @grayLighter @grayLighter #ddd;
 
}
 
.tabs-right > .nav-tabs .active > a,
 
.tabs-right > .nav-tabs .active > a:hover {
 
  border-color: #ddd #ddd #ddd transparent;
 
  *border-left-color: @white;
 
}
symposion_project/static/symposion/less/bootstrap/pager.less
Show inline comments
 
new file 100644
 
// PAGER
 
// -----
 

	
 
.pager {
 
  margin-left: 0;
 
  margin-bottom: @baseLineHeight;
 
  list-style: none;
 
  text-align: center;
 
  .clearfix();
 
}
 
.pager li {
 
  display: inline;
 
}
 
.pager a {
 
  display: inline-block;
 
  padding: 5px 14px;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  .border-radius(15px);
 
}
 
.pager a:hover {
 
  text-decoration: none;
 
  background-color: #f5f5f5;
 
}
 
.pager .next a {
 
  float: right;
 
}
 
.pager .previous a {
 
  float: left;
 
}
 
.pager .disabled a,
 
.pager .disabled a:hover {
 
  color: @grayLight;
 
  background-color: #fff;
 
  cursor: default;
 
}
...
 
\ No newline at end of file
symposion_project/static/symposion/less/bootstrap/pagination.less
Show inline comments
 
new file 100644
 
// PAGINATION
 
// ----------
 

	
 
.pagination {
 
  height: @baseLineHeight * 2;
 
  margin: @baseLineHeight 0;
 
 }
 
.pagination ul {
 
  display: inline-block;
 
  .ie7-inline-block();
 
  margin-left: 0;
 
  margin-bottom: 0;
 
  .border-radius(3px);
 
  .box-shadow(0 1px 2px rgba(0,0,0,.05));
 
}
 
.pagination li {
 
    display: inline;
 
  }
 
.pagination a {
 
  float: left;
 
  padding: 0 14px;
 
  line-height: (@baseLineHeight * 2) - 2;
 
  text-decoration: none;
 
  border: 1px solid #ddd;
 
  border-left-width: 0;
 
}
 
.pagination a:hover,
 
.pagination .active a {
 
  background-color: #f5f5f5;
 
}
 
.pagination .active a {
 
  color: @grayLight;
 
  cursor: default;
 
}
 
.pagination .disabled span,
 
.pagination .disabled a,
 
.pagination .disabled a:hover {
 
  color: @grayLight;
 
  background-color: transparent;
 
  cursor: default;
 
}
 
.pagination li:first-child a {
 
  border-left-width: 1px;
 
  .border-radius(3px 0 0 3px);
 
}
 
.pagination li:last-child a {
 
  .border-radius(0 3px 3px 0);
 
}
 

	
 
// Centered
 
.pagination-centered {
 
  text-align: center;
 
}
 
.pagination-right {
 
  text-align: right;
 
}
symposion_project/static/symposion/less/bootstrap/popovers.less
Show inline comments
 
new file 100644
 
// POPOVERS
 
// --------
 

	
 
.popover {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  z-index: @zindexPopover;
 
  display: none;
 
  padding: 5px;
 
  &.top    { margin-top:  -5px; }
 
  &.right  { margin-left:  5px; }
 
  &.bottom { margin-top:   5px; }
 
  &.left   { margin-left: -5px; }
 
  &.top .arrow    { #popoverArrow > .top(); }
 
  &.right .arrow  { #popoverArrow > .right(); }
 
  &.bottom .arrow { #popoverArrow > .bottom(); }
 
  &.left .arrow   { #popoverArrow > .left();  }
 
  .arrow {
 
    position: absolute;
 
    width: 0;
 
    height: 0;
 
  }
 
}
 
.popover-inner {
 
  padding: 3px;
 
  width: 280px;
 
  overflow: hidden;
 
  background: @black; // has to be full background declaration for IE fallback
 
  background: rgba(0,0,0,.8);
 
  .border-radius(6px);
 
  .box-shadow(0 3px 7px rgba(0,0,0,0.3));
 
}
 
.popover-title {
 
  padding: 9px 15px;
 
  line-height: 1;
 
  background-color: #f5f5f5;
 
  border-bottom:1px solid #eee;
 
  .border-radius(3px 3px 0 0);
 
}
 
.popover-content {
 
  padding: 14px;
 
  background-color: @white;
 
  .border-radius(0 0 3px 3px);
 
  .background-clip(padding-box);
 
  p, ul, ol {
 
    margin-bottom: 0;
 
  }
 
}
symposion_project/static/symposion/less/bootstrap/progress-bars.less
Show inline comments
 
new file 100644
 
// PROGRESS BARS
 
// -------------
 

	
 

	
 
// ANIMATIONS
 
// ----------
 

	
 
// Webkit
 
@-webkit-keyframes progress-bar-stripes {
 
  from  { background-position: 40px 0; }
 
  to    { background-position: 0 0; }
 
}
 

	
 
// Firefox
 
@-moz-keyframes progress-bar-stripes {
 
  from  { background-position: 40px 0; }
 
  to    { background-position: 0 0; }
 
}
 

	
 
// IE9
 
@-ms-keyframes progress-bar-stripes {
 
  from  { background-position: 40px 0; }
 
  to    { background-position: 0 0; }
 
}
 

	
 
// Opera
 
@-o-keyframes progress-bar-stripes {
 
  from  { background-position: 0 0; }
 
  to    { background-position: 40px 0; }
 
}
 

	
 
// Spec
 
@keyframes progress-bar-stripes {
 
  from  { background-position: 40px 0; }
 
  to    { background-position: 0 0; }
 
}
 

	
 

	
 

	
 
// THE BARS
 
// --------
 

	
 
// Outer container
 
.progress {
 
  overflow: hidden;
 
  height: 18px;
 
  margin-bottom: 18px;
 
  #gradient > .vertical(#f5f5f5, #f9f9f9);
 
  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
 
  .border-radius(4px);
 
}
 

	
 
// Bar of progress
 
.progress .bar {
 
  width: 0%;
 
  height: 18px;
 
  color: @white;
 
  font-size: 12px;
 
  text-align: center;
 
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
 
  #gradient > .vertical(#149bdf, #0480be);
 
  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
 
  .box-sizing(border-box);
 
  .transition(width .6s ease);
 
}
 

	
 
// Striped bars
 
.progress-striped .bar {
 
  #gradient > .striped(#149bdf);
 
  .background-size(40px 40px);
 
}
 

	
 
// Call animation for the active one
 
.progress.active .bar {
 
  -webkit-animation: progress-bar-stripes 2s linear infinite;
 
     -moz-animation: progress-bar-stripes 2s linear infinite;
 
      -ms-animation: progress-bar-stripes 2s linear infinite;
 
       -o-animation: progress-bar-stripes 2s linear infinite;
 
          animation: progress-bar-stripes 2s linear infinite;
 
}
 

	
 

	
 

	
 
// COLORS
 
// ------
 

	
 
// Danger (red)
 
.progress-danger .bar {
 
  #gradient > .vertical(#ee5f5b, #c43c35);
 
}
 
.progress-danger.progress-striped .bar {
 
  #gradient > .striped(#ee5f5b);
 
}
 

	
 
// Success (green)
 
.progress-success .bar {
 
  #gradient > .vertical(#62c462, #57a957);
 
}
 
.progress-success.progress-striped .bar {
 
  #gradient > .striped(#62c462);
 
}
 

	
 
// Info (teal)
 
.progress-info .bar {
 
  #gradient > .vertical(#5bc0de, #339bb9);
 
}
 
.progress-info.progress-striped .bar {
 
  #gradient > .striped(#5bc0de);
 
}
 

	
 
// Warning (orange)
 
.progress-warning .bar {
 
  #gradient > .vertical(lighten(@orange, 15%), @orange);
 
}
 
.progress-warning.progress-striped .bar {
 
  #gradient > .striped(lighten(@orange, 15%));
 
}
symposion_project/static/symposion/less/bootstrap/reset.less
Show inline comments
 
new file 100644
 
// Reset.less
 
// Adapted from Normalize.css http://github.com/necolas/normalize.css
 
// ------------------------------------------------------------------------
 

	
 
// Display in IE6-9 and FF3
 
// -------------------------
 

	
 
article,
 
aside,
 
details,
 
figcaption,
 
figure,
 
footer,
 
header,
 
hgroup,
 
nav,
 
section {
 
  display: block;
 
}
 

	
 
// Display block in IE6-9 and FF3
 
// -------------------------
 

	
 
audio,
 
canvas,
 
video {
 
  display: inline-block;
 
  *display: inline;
 
  *zoom: 1;
 
}
 

	
 
// Prevents modern browsers from displaying 'audio' without controls
 
// -------------------------
 

	
 
audio:not([controls]) {
 
    display: none;
 
}
 

	
 
// Base settings
 
// -------------------------
 

	
 
html {
 
  font-size: 100%;
 
  -webkit-text-size-adjust: 100%;
 
      -ms-text-size-adjust: 100%;
 
}
 
// Focus states
 
a:focus {
 
  .tab-focus();
 
}
 
// Hover & Active
 
a:hover,
 
a:active {
 
  outline: 0;
 
}
 

	
 
// Prevents sub and sup affecting line-height in all browsers
 
// -------------------------
 

	
 
sub,
 
sup {
 
  position: relative;
 
  font-size: 75%;
 
  line-height: 0;
 
  vertical-align: baseline;
 
}
 
sup {
 
  top: -0.5em;
 
}
 
sub {
 
  bottom: -0.25em;
 
}
 

	
 
// Img border in a's and image quality
 
// -------------------------
 

	
 
img {
 
  max-width: 100%; // Make images inherently responsive
 
  vertical-align: middle;
 
  border: 0;
 
  -ms-interpolation-mode: bicubic;
 
}
 

	
 
// Prevent max-width from affecting Google Maps
 
#map_canvas img {
 
  max-width: none;
 
}
 

	
 
// Forms
 
// -------------------------
 

	
 
// Font size in all browsers, margin changes, misc consistency
 
button,
 
input,
 
select,
 
textarea {
 
  margin: 0;
 
  font-size: 100%;
 
  vertical-align: middle;
 
}
 
button,
 
input {
 
  *overflow: visible; // Inner spacing ie IE6/7
 
  line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
 
}
 
button::-moz-focus-inner,
 
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
 
  padding: 0;
 
  border: 0;
 
}
 
button,
 
input[type="button"],
 
input[type="reset"],
 
input[type="submit"] {
 
  cursor: pointer; // Cursors on all buttons applied consistently
 
  -webkit-appearance: button; // Style clickable inputs in iOS
 
}
 
input[type="search"] { // Appearance in Safari/Chrome
 
  -webkit-box-sizing: content-box;
 
     -moz-box-sizing: content-box;
 
          box-sizing: content-box;
 
  -webkit-appearance: textfield;
 
}
 
input[type="search"]::-webkit-search-decoration,
 
input[type="search"]::-webkit-search-cancel-button {
 
  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
 
}
 
textarea {
 
  overflow: auto; // Remove vertical scrollbar in IE6-9
 
  vertical-align: top; // Readability and alignment cross-browser
 
}
symposion_project/static/symposion/less/bootstrap/responsive-1200px-min.less
Show inline comments
 
new file 100644
 
// LARGE DESKTOP & UP
 
// ------------------
 

	
 
@media (min-width: 1200px) {
 

	
 
  // Fixed grid
 
  #grid > .core(70px, 30px);
 

	
 
  // Fluid grid
 
  #grid > .fluid(5.982905983%, 2.564102564%);
 

	
 
  // Input grid
 
  #grid > .input(70px, 30px);
 

	
 
  // Thumbnails
 
  .thumbnails {
 
    margin-left: -30px;
 
  }
 
  .thumbnails > li {
 
    margin-left: 30px;
 
  }
 
  .row-fluid .thumbnails {
 
    margin-left: 0;
 
  }
 

	
 
}
symposion_project/static/symposion/less/bootstrap/responsive-767px-max.less
Show inline comments
 
new file 100644
 
// UP TO LANDSCAPE PHONE
 
// ---------------------
 

	
 
@media (max-width: 480px) {
 

	
 
  // Smooth out the collapsing/expanding nav
 
  .nav-collapse {
 
    -webkit-transform: translate3d(0, 0, 0); // activate the GPU
 
  }
 

	
 
  // Block level the page header small tag for readability
 
  .page-header h1 small {
 
    display: block;
 
    line-height: @baseLineHeight;
 
  }
 

	
 
  // Update checkboxes for iOS
 
  input[type="checkbox"],
 
  input[type="radio"] {
 
    border: 1px solid #ccc;
 
  }
 

	
 
  // Remove the horizontal form styles
 
  .form-horizontal .control-group > label {
 
    float: none;
 
    width: auto;
 
    padding-top: 0;
 
    text-align: left;
 
  }
 
  // Move over all input controls and content
 
  .form-horizontal .controls {
 
    margin-left: 0;
 
  }
 
  // Move the options list down to align with labels
 
  .form-horizontal .control-list {
 
    padding-top: 0; // has to be padding because margin collaspes
 
  }
 
  // Move over buttons in .form-actions to align with .controls
 
  .form-horizontal .form-actions {
 
    padding-left: 10px;
 
    padding-right: 10px;
 
  }
 

	
 
  // Modals
 
  .modal {
 
    position: absolute;
 
    top:   10px;
 
    left:  10px;
 
    right: 10px;
 
    width: auto;
 
    margin: 0;
 
    &.fade.in { top: auto; }
 
  }
 
  .modal-header .close {
 
    padding: 10px;
 
    margin: -10px;
 
  }
 

	
 
  // Carousel
 
  .carousel-caption {
 
    position: static;
 
  }
 

	
 
}
 

	
 

	
 

	
 
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
 
// --------------------------------------------------
 

	
 
@media (max-width: 767px) {
 

	
 
  // Padding to set content in a bit
 
  body {
 
    padding-left: 20px;
 
    padding-right: 20px;
 
  }
 
  // Negative indent the now static "fixed" navbar
 
  .navbar-fixed-top,
 
  .navbar-fixed-bottom {
 
    margin-left: -20px;
 
    margin-right: -20px;
 
  }
 
  // Remove padding on container given explicit padding set on body
 
  .container-fluid {
 
    padding: 0;
 
  }
 

	
 
  // TYPOGRAPHY
 
  // ----------
 
  // Reset horizontal dl
 
  .dl-horizontal {
 
    dt {
 
      float: none;
 
      clear: none;
 
      width: auto;
 
      text-align: left;
 
    }
 
    dd {
 
      margin-left: 0;
 
    }
 
  }
 

	
 
  // GRID & CONTAINERS
 
  // -----------------
 
  // Remove width from containers
 
  .container {
 
    width: auto;
 
  }
 
  // Fluid rows
 
  .row-fluid {
 
    width: 100%;
 
  }
 
  // Undo negative margin on rows and thumbnails
 
  .row,
 
  .thumbnails {
 
    margin-left: 0;
 
  }
 
  // Make all grid-sized elements block level again
 
  [class*="span"],
 
  .row-fluid [class*="span"] {
 
    float: none;
 
    display: block;
 
    width: auto;
 
    margin-left: 0;
 
  }
 

	
 
  // FORM FIELDS
 
  // -----------
 
  // Make span* classes full width
 
  .input-large,
 
  .input-xlarge,
 
  .input-xxlarge,
 
  input[class*="span"],
 
  select[class*="span"],
 
  textarea[class*="span"],
 
  .uneditable-input {
 
    .input-block-level();
 
  }
 
  // But don't let it screw up prepend/append inputs
 
  .input-prepend input,
 
  .input-append input,
 
  .input-prepend input[class*="span"],
 
  .input-append input[class*="span"] {
 
    display: inline-block; // redeclare so they don't wrap to new lines
 
    width: auto;
 
  }
 

	
 
}
symposion_project/static/symposion/less/bootstrap/responsive-768px-979px.less
Show inline comments
 
new file 100644
 
// PORTRAIT TABLET TO DEFAULT DESKTOP
 
// ----------------------------------
 

	
 
@media (min-width: 768px) and (max-width: 979px) {
 

	
 
  // Fixed grid
 
  #grid > .core(42px, 20px);
 

	
 
  // Fluid grid
 
  #grid > .fluid(5.801104972%, 2.762430939%);
 

	
 
  // Input grid
 
  #grid > .input(42px, 20px);
 

	
 
  // No need to reset .thumbnails here since it's the same @gridGutterWidth
 

	
 
}
symposion_project/static/symposion/less/bootstrap/responsive-navbar.less
Show inline comments
 
new file 100644
 
// TABLETS AND BELOW
 
// -----------------
 
@media (max-width: 979px) {
 

	
 
  // UNFIX THE TOPBAR
 
  // ----------------
 
  // Remove any padding from the body
 
  body {
 
    padding-top: 0;
 
  }
 
  // Unfix the navbar
 
  .navbar-fixed-top,
 
  .navbar-fixed-bottom {
 
    position: static;
 
  }
 
  .navbar-fixed-top {
 
    margin-bottom: @baseLineHeight;
 
  }
 
  .navbar-fixed-bottom {
 
    margin-top: @baseLineHeight;
 
  }
 
  .navbar-fixed-top .navbar-inner,
 
  .navbar-fixed-bottom .navbar-inner {
 
    padding: 5px;
 
  }
 
  .navbar .container {
 
    width: auto;
 
    padding: 0;
 
  }
 
  // Account for brand name
 
  .navbar .brand {
 
    padding-left: 10px;
 
    padding-right: 10px;
 
    margin: 0 0 0 -5px;
 
  }
 

	
 
  // COLLAPSIBLE NAVBAR
 
  // ------------------
 
  // Nav collapse clears brand
 
  .nav-collapse {
 
    clear: both;
 
  }
 
  // Block-level the nav
 
  .nav-collapse .nav {
 
    float: none;
 
    margin: 0 0 (@baseLineHeight / 2);
 
  }
 
  .nav-collapse .nav > li {
 
    float: none;
 
  }
 
  .nav-collapse .nav > li > a {
 
    margin-bottom: 2px;
 
  }
 
  .nav-collapse .nav > .divider-vertical {
 
    display: none;
 
  }
 
  .nav-collapse .nav .nav-header {
 
    color: @navbarText;
 
    text-shadow: none;
 
  }
 
  // Nav and dropdown links in navbar
 
  .nav-collapse .nav > li > a,
 
  .nav-collapse .dropdown-menu a {
 
    padding: 6px 15px;
 
    font-weight: bold;
 
    color: @navbarLinkColor;
 
    .border-radius(3px);
 
  }
 
  // Buttons
 
  .nav-collapse .btn {
 
    padding: 4px 10px 4px;
 
    font-weight: normal;
 
    .border-radius(4px);
 
  }
 
  .nav-collapse .dropdown-menu li + li a {
 
    margin-bottom: 2px;
 
  }
 
  .nav-collapse .nav > li > a:hover,
 
  .nav-collapse .dropdown-menu a:hover {
 
    background-color: @navbarBackground;
 
  }
 
  // Buttons in the navbar
 
  .nav-collapse.in .btn-group {
 
    margin-top: 5px;
 
    padding: 0;
 
  }
 
  // Dropdowns in the navbar
 
  .nav-collapse .dropdown-menu {
 
    position: static;
 
    top: auto;
 
    left: auto;
 
    float: none;
 
    display: block;
 
    max-width: none;
 
    margin: 0 15px;
 
    padding: 0;
 
    background-color: transparent;
 
    border: none;
 
    .border-radius(0);
 
    .box-shadow(none);
 
  }
 
  .nav-collapse .dropdown-menu:before,
 
  .nav-collapse .dropdown-menu:after {
 
    display: none;
 
  }
 
  .nav-collapse .dropdown-menu .divider {
 
    display: none;
 
  }
 
  // Forms in navbar
 
  .nav-collapse .navbar-form,
 
  .nav-collapse .navbar-search {
 
    float: none;
 
    padding: (@baseLineHeight / 2) 15px;
 
    margin: (@baseLineHeight / 2) 0;
 
    border-top: 1px solid @navbarBackground;
 
    border-bottom: 1px solid @navbarBackground;
 
    .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
 
  }
 
  // Pull right (secondary) nav content
 
  .navbar .nav-collapse .nav.pull-right {
 
    float: none;
 
    margin-left: 0;
 
  }
 
  // Hide everything in the navbar save .brand and toggle button */
 
  .nav-collapse,
 
  .nav-collapse.collapse {
 
    overflow: hidden;
 
    height: 0;
 
  }
 
  // Navbar button
 
  .navbar .btn-navbar {
 
    display: block;
 
  }
 

	
 
  // STATIC NAVBAR
 
  // -------------
 
  .navbar-static .navbar-inner {
 
    padding-left:  10px;
 
    padding-right: 10px;
 
  }
 
}
 

	
 

	
 
// DEFAULT DESKTOP
 
// ---------------
 

	
 
// Required to make the collapsing navbar work on regular desktops
 
@media (min-width: 980px) {
 
  .nav-collapse.collapse {
 
    height: auto !important;
 
    overflow: visible !important;
 
  }
 
}
...
 
\ No newline at end of file
symposion_project/static/symposion/less/bootstrap/responsive-utilities.less
Show inline comments
 
new file 100644
 
// RESPONSIVE CLASSES
 
// ------------------
 

	
 
// Hide from screenreaders and browsers
 
// Credit: HTML5 Boilerplate
 
.hidden {
 
  display: none;
 
  visibility: hidden;
 
}
 

	
 
// Visibility utilities
 

	
 
// For desktops
 
.visible-phone     { display: none !important; }
 
.visible-tablet    { display: none !important; }
 
.visible-desktop   { } // Don't set initially
 
.hidden-phone      { }
 
.hidden-tablet     { }
 
.hidden-desktop    { display: none !important; }
 

	
 
// Phones only
 
@media (max-width: 767px) {
 
  // Show
 
  .visible-phone     { display: inherit !important; } // Use inherit to restore previous behavior
 
  // Hide
 
  .hidden-phone      { display: none !important; }
 
  // Hide everything else
 
  .hidden-desktop    { display: inherit !important; }
 
  .visible-desktop   { display: none !important; }
 
}
 

	
 
// Tablets & small desktops only
 
@media (min-width: 768px) and (max-width: 979px) {
 
  // Show
 
  .visible-tablet    { display: inherit !important; }
 
  // Hide
 
  .hidden-tablet     { display: none !important; }
 
  // Hide everything else
 
  .hidden-desktop    { display: inherit !important; }
 
  .visible-desktop   { display: none !important ; }
 
}
symposion_project/static/symposion/less/bootstrap/responsive.less
Show inline comments
 
new file 100644
 
/*!
 
 * Bootstrap Responsive v2.0.4
 
 *
 
 * Copyright 2012 Twitter, Inc
 
 * Licensed under the Apache License v2.0
 
 * http://www.apache.org/licenses/LICENSE-2.0
 
 *
 
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 
 */
 

	
 

	
 
// Responsive.less
 
// For phone and tablet devices
 
// -------------------------------------------------------------
 

	
 

	
 
// REPEAT VARIABLES & MIXINS
 
// -------------------------
 
// Required since we compile the responsive stuff separately
 

	
 
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
 
@import "mixins.less";
 

	
 

	
 
// RESPONSIVE CLASSES
 
// ------------------
 

	
 
@import "responsive-utilities.less";
 

	
 

	
 
// MEDIA QUERIES
 
// ------------------
 

	
 
// Phones to portrait tablets and narrow desktops
 
@import "responsive-767px-max.less";
 

	
 
// Tablets to regular desktops
 
@import "responsive-768px-979px.less";
 

	
 
// Large desktops
 
@import "responsive-1200px-min.less";
 

	
 

	
 
// RESPONSIVE NAVBAR
 
// ------------------
 

	
 
// From 979px and below, show a button to toggle navbar contents
 
@import "responsive-navbar.less";
symposion_project/static/symposion/less/bootstrap/scaffolding.less
Show inline comments
 
new file 100644
 
// Scaffolding
 
// Basic and global styles for generating a grid system, structural layout, and page templates
 
// -------------------------------------------------------------------------------------------
 

	
 

	
 
// Body reset
 
// ----------
 

	
 
body {
 
  margin: 0;
 
  font-family: @baseFontFamily;
 
  font-size: @baseFontSize;
 
  line-height: @baseLineHeight;
 
  color: @textColor;
 
  background-color: @bodyBackground;
 
}
 

	
 

	
 
// Links
 
// -----
 

	
 
a {
 
  color: @linkColor;
 
  text-decoration: none;
 
}
 
a:hover {
 
  color: @linkColorHover;
 
  text-decoration: underline;
 
}
symposion_project/static/symposion/less/bootstrap/sprites.less
Show inline comments
 
new file 100644
 
// SPRITES
 
// Glyphs and icons for buttons, nav, and more
 
// -------------------------------------------
 

	
 

	
 
// ICONS
 
// -----
 

	
 
// All icons receive the styles of the <i> tag with a base class
 
// of .i and are then given a unique class to add width, height,
 
// and background-position. Your resulting HTML will look like
 
// <i class="icon-inbox"></i>.
 

	
 
// For the white version of the icons, just add the .icon-white class:
 
// <i class="icon-inbox icon-white"></i>
 

	
 
[class^="icon-"],
 
[class*=" icon-"] {
 
  display: inline-block;
 
  width: 14px;
 
  height: 14px;
 
  .ie7-restore-right-whitespace();
 
  line-height: 14px;
 
  vertical-align: text-top;
 
  background-image: url("@{iconSpritePath}");
 
  background-position: 14px 14px;
 
  background-repeat: no-repeat;
 

	
 
}
 
.icon-white {
 
  background-image: url("@{iconWhiteSpritePath}");
 
}
 

	
 
.icon-glass              { background-position: 0      0; }
 
.icon-music              { background-position: -24px  0; }
 
.icon-search             { background-position: -48px  0; }
 
.icon-envelope           { background-position: -72px  0; }
 
.icon-heart              { background-position: -96px  0; }
 
.icon-star               { background-position: -120px 0; }
 
.icon-star-empty         { background-position: -144px 0; }
 
.icon-user               { background-position: -168px 0; }
 
.icon-film               { background-position: -192px 0; }
 
.icon-th-large           { background-position: -216px 0; }
 
.icon-th                 { background-position: -240px 0; }
 
.icon-th-list            { background-position: -264px 0; }
 
.icon-ok                 { background-position: -288px 0; }
 
.icon-remove             { background-position: -312px 0; }
 
.icon-zoom-in            { background-position: -336px 0; }
 
.icon-zoom-out           { background-position: -360px 0; }
 
.icon-off                { background-position: -384px 0; }
 
.icon-signal             { background-position: -408px 0; }
 
.icon-cog                { background-position: -432px 0; }
 
.icon-trash              { background-position: -456px 0; }
 

	
 
.icon-home               { background-position: 0      -24px; }
 
.icon-file               { background-position: -24px  -24px; }
 
.icon-time               { background-position: -48px  -24px; }
 
.icon-road               { background-position: -72px  -24px; }
 
.icon-download-alt       { background-position: -96px  -24px; }
 
.icon-download           { background-position: -120px -24px; }
 
.icon-upload             { background-position: -144px -24px; }
 
.icon-inbox              { background-position: -168px -24px; }
 
.icon-play-circle        { background-position: -192px -24px; }
 
.icon-repeat             { background-position: -216px -24px; }
 
.icon-refresh            { background-position: -240px -24px; }
 
.icon-list-alt           { background-position: -264px -24px; }
 
.icon-lock               { background-position: -287px -24px; } // 1px off
 
.icon-flag               { background-position: -312px -24px; }
 
.icon-headphones         { background-position: -336px -24px; }
 
.icon-volume-off         { background-position: -360px -24px; }
 
.icon-volume-down        { background-position: -384px -24px; }
 
.icon-volume-up          { background-position: -408px -24px; }
 
.icon-qrcode             { background-position: -432px -24px; }
 
.icon-barcode            { background-position: -456px -24px; }
 

	
 
.icon-tag                { background-position: 0      -48px; }
 
.icon-tags               { background-position: -25px  -48px; } // 1px off
 
.icon-book               { background-position: -48px  -48px; }
 
.icon-bookmark           { background-position: -72px  -48px; }
 
.icon-print              { background-position: -96px  -48px; }
 
.icon-camera             { background-position: -120px -48px; }
 
.icon-font               { background-position: -144px -48px; }
 
.icon-bold               { background-position: -167px -48px; } // 1px off
 
.icon-italic             { background-position: -192px -48px; }
 
.icon-text-height        { background-position: -216px -48px; }
 
.icon-text-width         { background-position: -240px -48px; }
 
.icon-align-left         { background-position: -264px -48px; }
 
.icon-align-center       { background-position: -288px -48px; }
 
.icon-align-right        { background-position: -312px -48px; }
 
.icon-align-justify      { background-position: -336px -48px; }
 
.icon-list               { background-position: -360px -48px; }
 
.icon-indent-left        { background-position: -384px -48px; }
 
.icon-indent-right       { background-position: -408px -48px; }
 
.icon-facetime-video     { background-position: -432px -48px; }
 
.icon-picture            { background-position: -456px -48px; }
 

	
 
.icon-pencil             { background-position: 0      -72px; }
 
.icon-map-marker         { background-position: -24px  -72px; }
 
.icon-adjust             { background-position: -48px  -72px; }
 
.icon-tint               { background-position: -72px  -72px; }
 
.icon-edit               { background-position: -96px  -72px; }
 
.icon-share              { background-position: -120px -72px; }
 
.icon-check              { background-position: -144px -72px; }
 
.icon-move               { background-position: -168px -72px; }
 
.icon-step-backward      { background-position: -192px -72px; }
 
.icon-fast-backward      { background-position: -216px -72px; }
 
.icon-backward           { background-position: -240px -72px; }
 
.icon-play               { background-position: -264px -72px; }
 
.icon-pause              { background-position: -288px -72px; }
 
.icon-stop               { background-position: -312px -72px; }
 
.icon-forward            { background-position: -336px -72px; }
 
.icon-fast-forward       { background-position: -360px -72px; }
 
.icon-step-forward       { background-position: -384px -72px; }
 
.icon-eject              { background-position: -408px -72px; }
 
.icon-chevron-left       { background-position: -432px -72px; }
 
.icon-chevron-right      { background-position: -456px -72px; }
 

	
 
.icon-plus-sign          { background-position: 0      -96px; }
 
.icon-minus-sign         { background-position: -24px  -96px; }
 
.icon-remove-sign        { background-position: -48px  -96px; }
 
.icon-ok-sign            { background-position: -72px  -96px; }
 
.icon-question-sign      { background-position: -96px  -96px; }
 
.icon-info-sign          { background-position: -120px -96px; }
 
.icon-screenshot         { background-position: -144px -96px; }
 
.icon-remove-circle      { background-position: -168px -96px; }
 
.icon-ok-circle          { background-position: -192px -96px; }
 
.icon-ban-circle         { background-position: -216px -96px; }
 
.icon-arrow-left         { background-position: -240px -96px; }
 
.icon-arrow-right        { background-position: -264px -96px; }
 
.icon-arrow-up           { background-position: -289px -96px; } // 1px off
 
.icon-arrow-down         { background-position: -312px -96px; }
 
.icon-share-alt          { background-position: -336px -96px; }
 
.icon-resize-full        { background-position: -360px -96px; }
 
.icon-resize-small       { background-position: -384px -96px; }
 
.icon-plus               { background-position: -408px -96px; }
 
.icon-minus              { background-position: -433px -96px; }
 
.icon-asterisk           { background-position: -456px -96px; }
 

	
 
.icon-exclamation-sign   { background-position: 0      -120px; }
 
.icon-gift               { background-position: -24px  -120px; }
 
.icon-leaf               { background-position: -48px  -120px; }
 
.icon-fire               { background-position: -72px  -120px; }
 
.icon-eye-open           { background-position: -96px  -120px; }
 
.icon-eye-close          { background-position: -120px -120px; }
 
.icon-warning-sign       { background-position: -144px -120px; }
 
.icon-plane              { background-position: -168px -120px; }
 
.icon-calendar           { background-position: -192px -120px; }
 
.icon-random             { background-position: -216px -120px; }
 
.icon-comment            { background-position: -240px -120px; }
 
.icon-magnet             { background-position: -264px -120px; }
 
.icon-chevron-up         { background-position: -288px -120px; }
 
.icon-chevron-down       { background-position: -313px -119px; } // 1px, 1px off
 
.icon-retweet            { background-position: -336px -120px; }
 
.icon-shopping-cart      { background-position: -360px -120px; }
 
.icon-folder-close       { background-position: -384px -120px; }
 
.icon-folder-open        { background-position: -408px -120px; }
 
.icon-resize-vertical    { background-position: -432px -119px; } // 1px, 1px off
 
.icon-resize-horizontal  { background-position: -456px -118px; } // 1px, 2px off
 

	
 
.icon-hdd                     { background-position: 0      -144px; }
 
.icon-bullhorn                { background-position: -24px  -144px; }
 
.icon-bell                    { background-position: -48px  -144px; }
 
.icon-certificate             { background-position: -72px  -144px; }
 
.icon-thumbs-up               { background-position: -96px  -144px; }
 
.icon-thumbs-down             { background-position: -120px -144px; }
 
.icon-hand-right              { background-position: -144px -144px; }
 
.icon-hand-left               { background-position: -168px -144px; }
 
.icon-hand-up                 { background-position: -192px -144px; }
 
.icon-hand-down               { background-position: -216px -144px; }
 
.icon-circle-arrow-right      { background-position: -240px -144px; }
 
.icon-circle-arrow-left       { background-position: -264px -144px; }
 
.icon-circle-arrow-up         { background-position: -288px -144px; }
 
.icon-circle-arrow-down       { background-position: -312px -144px; }
 
.icon-globe                   { background-position: -336px -144px; }
 
.icon-wrench                  { background-position: -360px -144px; }
 
.icon-tasks                   { background-position: -384px -144px; }
 
.icon-filter                  { background-position: -408px -144px; }
 
.icon-briefcase               { background-position: -432px -144px; }
 
.icon-fullscreen              { background-position: -456px -144px; }
 

	
 

	
 

	
 

	
 

	
 

	
 

	
 

	
 

	
 

	
 

	
 

	
symposion_project/static/symposion/less/bootstrap/tables.less
Show inline comments
 
new file 100644
 
//
 
// Tables.less
 
// Tables for, you guessed it, tabular data
 
// ----------------------------------------
 

	
 

	
 
// BASE TABLES
 
// -----------------
 

	
 
table {
 
  max-width: 100%;
 
  background-color: @tableBackground;
 
  border-collapse: collapse;
 
  border-spacing: 0;
 
}
 

	
 
// BASELINE STYLES
 
// ---------------
 

	
 
.table {
 
  width: 100%;
 
  margin-bottom: @baseLineHeight;
 
  // Cells
 
  th,
 
  td {
 
    padding: 8px;
 
    line-height: @baseLineHeight;
 
    text-align: left;
 
    vertical-align: top;
 
    border-top: 1px solid @tableBorder;
 
  }
 
  th {
 
    font-weight: bold;
 
  }
 
  // Bottom align for column headings
 
  thead th {
 
    vertical-align: bottom;
 
  }
 
  // Remove top border from thead by default
 
  caption + thead tr:first-child th,
 
  caption + thead tr:first-child td,
 
  colgroup + thead tr:first-child th,
 
  colgroup + thead tr:first-child td,
 
  thead:first-child tr:first-child th,
 
  thead:first-child tr:first-child td {
 
    border-top: 0;
 
  }
 
  // Account for multiple tbody instances
 
  tbody + tbody {
 
    border-top: 2px solid @tableBorder;
 
  }
 
}
 

	
 

	
 

	
 
// CONDENSED TABLE W/ HALF PADDING
 
// -------------------------------
 

	
 
.table-condensed {
 
  th,
 
  td {
 
    padding: 4px 5px;
 
  }
 
}
 

	
 

	
 
// BORDERED VERSION
 
// ----------------
 

	
 
.table-bordered {
 
  border: 1px solid @tableBorder;
 
  border-collapse: separate; // Done so we can round those corners!
 
  *border-collapse: collapsed; // IE7 can't round corners anyway
 
  border-left: 0;
 
  .border-radius(4px);
 
  th,
 
  td {
 
    border-left: 1px solid @tableBorder;
 
  }
 
  // Prevent a double border
 
  caption + thead tr:first-child th,
 
  caption + tbody tr:first-child th,
 
  caption + tbody tr:first-child td,
 
  colgroup + thead tr:first-child th,
 
  colgroup + tbody tr:first-child th,
 
  colgroup + tbody tr:first-child td,
 
  thead:first-child tr:first-child th,
 
  tbody:first-child tr:first-child th,
 
  tbody:first-child tr:first-child td {
 
    border-top: 0;
 
  }
 
  // For first th or td in the first row in the first thead or tbody
 
  thead:first-child tr:first-child th:first-child,
 
  tbody:first-child tr:first-child td:first-child {
 
    -webkit-border-top-left-radius: 4px;
 
            border-top-left-radius: 4px;
 
        -moz-border-radius-topleft: 4px;
 
  }
 
  thead:first-child tr:first-child th:last-child,
 
  tbody:first-child tr:first-child td:last-child {
 
    -webkit-border-top-right-radius: 4px;
 
            border-top-right-radius: 4px;
 
        -moz-border-radius-topright: 4px;
 
  }
 
  // For first th or td in the first row in the first thead or tbody
 
  thead:last-child tr:last-child th:first-child,
 
  tbody:last-child tr:last-child td:first-child {
 
    .border-radius(0 0 0 4px);
 
    -webkit-border-bottom-left-radius: 4px;
 
            border-bottom-left-radius: 4px;
 
        -moz-border-radius-bottomleft: 4px;
 
  }
 
  thead:last-child tr:last-child th:last-child,
 
  tbody:last-child tr:last-child td:last-child {
 
    -webkit-border-bottom-right-radius: 4px;
 
            border-bottom-right-radius: 4px;
 
        -moz-border-radius-bottomright: 4px;
 
  }
 
}
 

	
 

	
 
// ZEBRA-STRIPING
 
// --------------
 

	
 
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
 
.table-striped {
 
  tbody {
 
    tr:nth-child(odd) td,
 
    tr:nth-child(odd) th {
 
      background-color: @tableBackgroundAccent;
 
    }
 
  }
 
}
 

	
 

	
 
// HOVER EFFECT
 
// ------------
 
// Placed here since it has to come after the potential zebra striping
 
.table {
 
  tbody tr:hover td,
 
  tbody tr:hover th {
 
    background-color: @tableBackgroundHover;
 
  }
 
}
 

	
 

	
 
// TABLE CELL SIZING
 
// -----------------
 

	
 
// Change the columns
 
table {
 
  .span1     { .tableColumns(1); }
 
  .span2     { .tableColumns(2); }
 
  .span3     { .tableColumns(3); }
 
  .span4     { .tableColumns(4); }
 
  .span5     { .tableColumns(5); }
 
  .span6     { .tableColumns(6); }
 
  .span7     { .tableColumns(7); }
 
  .span8     { .tableColumns(8); }
 
  .span9     { .tableColumns(9); }
 
  .span10    { .tableColumns(10); }
 
  .span11    { .tableColumns(11); }
 
  .span12    { .tableColumns(12); }
 
  .span13    { .tableColumns(13); }
 
  .span14    { .tableColumns(14); }
 
  .span15    { .tableColumns(15); }
 
  .span16    { .tableColumns(16); }
 
  .span17    { .tableColumns(17); }
 
  .span18    { .tableColumns(18); }
 
  .span19    { .tableColumns(19); }
 
  .span20    { .tableColumns(20); }
 
  .span21    { .tableColumns(21); }
 
  .span22    { .tableColumns(22); }
 
  .span23    { .tableColumns(23); }
 
  .span24    { .tableColumns(24); }
 
}
symposion_project/static/symposion/less/bootstrap/tests/css-tests.css
Show inline comments
 
new file 100644
 
/*!
 
 * Bootstrap CSS Tests
 
 */
 

	
 

	
 
/* Remove background image */
 
body {
 
  background-image: none;
 
}
 

	
 
/* Space out subhead */
 
.subhead {
 
  margin-bottom: 36px;
 
}
 
h4 {
 
  margin-bottom: 5px;
 
}
 

	
 

	
 
/* colgroup tests */
 
.col1 {
 
  background-color: rgba(255,0,0,.1);
 
}
 
.col2 {
 
  background-color: rgba(0,255,0,.1);
 
}
 
.col3 {
 
  background-color: rgba(0,0,255,.1);
 
}
 

	
 

	
 
/* Fluid row inputs */
 
#rowInputs .row > [class*=span],
 
#fluidRowInputs .row-fluid > [class*=span] {
 
  background-color: rgba(255,0,0,.1);
 
}
 

	
 

	
 
/* Fluid grid */
 
.fluid-grid {
 
  margin-bottom: 45px;
 
}
 
.fluid-grid .row {
 
  height: 40px;
 
  padding-top: 10px;
 
  margin-top: 10px;
 
  color: #ddd;
 
  text-align: center;
 
}
 
.fluid-grid .span1 {
 
  background-color: #999;
 
}
symposion_project/static/symposion/less/bootstrap/tests/css-tests.html
Show inline comments
 
new file 100644
 
<!DOCTYPE html>
 
<html lang="en">
 
  <head>
 
    <meta charset="utf-8">
 
    <title>CSS Tests · Twitter Bootstrap</title>
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="">
 
    <meta name="author" content="">
 

	
 
    <!-- Le styles -->
 
    <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
 
    <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
 
    <link href="../../docs/assets/css/docs.css" rel="stylesheet">
 
    <link href="../../docs/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
 

	
 
    <!-- CSS just for the tests page -->
 
    <link href="css-tests.css" rel="stylesheet">
 

	
 
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
 
    <!--[if lt IE 9]>
 
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 
    <![endif]-->
 

	
 
    <!-- Le fav and touch icons -->
 
    <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
 
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
 
  </head>
 

	
 
  <body>
 

	
 

	
 
  <!-- Navbar
 
    ================================================== -->
 
    <div class="navbar navbar-fixed-top">
 
      <div class="navbar-inner">
 
        <div class="container">
 
          <a class="brand" href="../../docs/index.html">Bootstrap</a>
 
        </div>
 
      </div>
 
    </div>
 

	
 
    <div class="container">
 

	
 

	
 
<!-- Masthead
 
================================================== -->
 
<header class="jumbotron subhead" id="overview">
 
  <h1>CSS Tests</h1>
 
  <p class="lead">One stop shop for quick debugging and edge-case tests of CSS.</p>
 
</header>
 

	
 

	
 

	
 

	
 
<!-- Fluid grid
 
================================================== -->
 

	
 
<div class="page-header">
 
  <h1>Fluid grids</h1>
 
</div>
 

	
 
<div class="fluid-grid">
 
  <div class="row">
 
    <div class="span12">12
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="row">
 
    <div class="span11">11
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
    <div class="span1">1
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="row">
 
    <div class="span10">10
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
    <div class="span2">2
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="row">
 
    <div class="span9">9
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
    <div class="span3">3
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="row">
 
    <div class="span8">8
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
    <div class="span4">4
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="row">
 
    <div class="span7">7
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
    <div class="span5">5
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
  </div>
 
  <div class="row">
 
    <div class="span6">6
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
    <div class="span6">6
 
      <div class="row-fluid">
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
        <div class="span1">1</div>
 
      </div>
 
    </div>
 
  </div>
 
</div> <!-- fluid grids -->
 

	
 

	
 

	
 
<!-- Tables
 
================================================== -->
 

	
 
<div class="page-header">
 
  <h1>Tables</h1>
 
</div>
 

	
 
<div class="row">
 
  <div class="span6">
 
    <h4>Bordered without thead</h4>
 
    <table class="table table-bordered">
 
      <tbody>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
      </tbody>
 
    </table>
 
    <h4>Bordered without thead, with caption</h4>
 
    <table class="table table-bordered">
 
      <caption>Table caption</caption>
 
      <tbody>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
      </tbody>
 
    </table>
 
    <h4>Bordered without thead, with colgroup</h4>
 
    <table class="table table-bordered">
 
      <colgroup>
 
        <col class="col1">
 
        <col class="col2">
 
        <col class="col3">
 
      </colgroup>
 
      <tbody>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
      </tbody>
 
    </table>
 
    <h4>Bordered with thead, with colgroup</h4>
 
    <table class="table table-bordered">
 
      <colgroup>
 
        <col class="col1">
 
        <col class="col2">
 
        <col class="col3">
 
      </colgroup>
 
      <thead>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
      </thead>
 
      <tbody>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
      </tbody>
 
    </table>
 
  </div><!--/span-->
 
  <div class="span6">
 
    <h4>Bordered with thead and caption</h4>
 
    <table class="table table-bordered">
 
      <caption>Table caption</caption>
 
      <thead>
 
        <tr>
 
          <th>1</th>
 
          <th>2</th>
 
          <th>3</th>
 
        </tr>
 
      </thead>
 
      <tbody>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td>2</td>
 
          <td>3</td>
 
        </tr>
 
      </tbody>
 
    </table>
 
    <h4>Bordered with rowspan and colspan</h4>
 
    <table class="table table-bordered">
 
      <thead>
 
        <tr>
 
          <th>1</th>
 
          <th>2</th>
 
          <th>3</th>
 
        </tr>
 
      </thead>
 
      <tbody>
 
        <tr>
 
          <td colspan="2">1 and 2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td>1</td>
 
          <td rowspan="2">2</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td rowspan="2">1</td>
 
          <td>3</td>
 
        </tr>
 
        <tr>
 
          <td colspan="2">2 and 3</td>
 
        </tr>
 
      </tbody>
 
    </table>
 
  </div><!--/span-->
 
</div><!--/row-->
 

	
 

	
 

	
 
<!-- Forms
 
================================================== -->
 

	
 
<div class="page-header">
 
  <h1>Forms</h1>
 
</div>
 

	
 
<div class="row">
 
  <div class="span4">
 
    <h4>Prepend and append on inputs</h4>
 
    <form>
 
      <div class="controls">
 
        <div class="input-prepend">
 
          <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
 
        </div>
 
      </div>
 
      <div class="controls">
 
        <div class="input-append">
 
          <input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span>
 
        </div>
 
      </div>
 
      <div class="controls">
 
        <div class="input-prepend input-append">
 
          <span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span>
 
        </div>
 
      </div>
 
    </form>
 
  </div><!--/span-->
 
  <div class="span6">
 
    <h4>Prepend and append with uneditable</h4>
 
    <form>
 
      <div class="input-prepend">
 
        <span class="add-on">$</span><span class="span2 uneditable-input">Some value here</span>
 
      </div>
 
      <div class="input-append">
 
        <span class="span2 uneditable-input">Some value here</span><span class="add-on">.00</span>
 
      </div>
 
    </form>
 
  </div><!--/span-->
 
</div><!--/row-->
 

	
 
<h4>Fluid prepended and appended inputs</h4>
 
<div class="row-fluid">
 
  <div class="span6">
 
    <form>
 
      <div class="controls">
 
        <div class="input-prepend">
 
          <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
 
        </div>
 
      </div>
 
      <div class="controls">
 
        <div class="input-append">
 
          <input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span>
 
        </div>
 
      </div>
 
      <div class="controls">
 
        <div class="input-prepend input-append">
 
          <span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span>
 
        </div>
 
      </div>
 
    </form>
 
  </div>
 
</div>
 

	
 
<h4>Fixed row with inputs</h4>
 
<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p>
 

	
 
<div class="rowInputs">
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span1" placeholder="span1">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span2" placeholder="span2">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span3" placeholder="span3">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span4" placeholder="span4">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span5" placeholder="span5">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span6" placeholder="span6">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span7" placeholder="span7">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span8" placeholder="span8">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span9" placeholder="span9">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span10" placeholder="span10">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span11" placeholder="span11">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row">
 
    <div class="span12">
 
      <input type="text" class="span12" placeholder="span12">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
</div>
 
<br>
 

	
 
<h4>Fluid row with inputs</h4>
 
<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p>
 
<div id="fluidRowInputs">
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span1" placeholder="span1">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span2" placeholder="span2">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span3" placeholder="span3">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span4" placeholder="span4">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span5" placeholder="span5">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span6" placeholder="span6">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span7" placeholder="span7">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span8" placeholder="span8">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span9" placeholder="span9">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span10" placeholder="span10">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span11" placeholder="span11">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
  <div class="row-fluid">
 
    <div class="span12">
 
      <input type="text" class="span12" placeholder="span12">
 
    </div><!--/span-->
 
  </div><!--/row-->
 
</div>
 
<br>
 

	
 

	
 
<!-- Dropdowns
 
================================================== -->
 

	
 
<div class="page-header">
 
  <h1>Dropdowns</h1>
 
</div>
 

	
 
<h4>Dropdown link with hash URL</h4>
 
<ul class="nav nav-pills">
 
  <li class="active"><a href="#">Link</a></li>
 
  <li><a href="#">Example link</a></li>
 
  <li class="dropdown">
 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
 
      Dropdown <span class="caret"></span>
 
    </a>
 
    <ul class="dropdown-menu">
 
      <li><a href="#">Action</a></li>
 
      <li><a href="#">Another action</a></li>
 
      <li><a href="#">Something else here</a></li>
 
      <li class="divider"></li>
 
      <li><a href="#">Separated link</a></li>
 
    </ul>
 
  </li>
 
</ul>
 

	
 
<h4>Dropdown link with custom URL and data-target</h4>
 
<ul class="nav nav-pills">
 
  <li class="active"><a href="#">Link</a></li>
 
  <li><a href="#">Example link</a></li>
 
  <li class="dropdown">
 
    <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="path/to/page.html">
 
      Dropdown <span class="caret"></span>
 
    </a>
 
    <ul class="dropdown-menu">
 
      <li><a href="#">Action</a></li>
 
      <li><a href="#">Another action</a></li>
 
      <li><a href="#">Something else here</a></li>
 
      <li class="divider"></li>
 
      <li><a href="#">Separated link</a></li>
 
    </ul>
 
  </li>
 
</ul>
 

	
 
<h4>Dropdown on a button</h4>
 
<div style="position: relative;">
 
  <button class="btn" type="button" data-toggle="dropdown">Dropdown <span class="caret"></span></button>
 
  <ul class="dropdown-menu">
 
    <li><a href="#">Action</a></li>
 
    <li><a href="#">Another action</a></li>
 
    <li><a href="#">Something else here</a></li>
 
    <li class="divider"></li>
 
    <li><a href="#">Separated link</a></li>
 
  </ul>
 
</div>
 

	
 
<br>
 

	
 

	
 
<!-- Thumbnails
 
================================================== -->
 

	
 
<div class="page-header">
 
  <h1>Thumbnails</h1>
 
</div>
 

	
 
<h4>Default thumbnails (no grid sizing)</h4>
 
<ul class="thumbnails">
 
  <li class="thumbnail">
 
    <img src="http://placehold.it/260x180" alt="">
 
  </li>
 
  <li class="thumbnail">
 
    <img src="http://placehold.it/260x180" alt="">
 
  </li>
 
  <li class="thumbnail">
 
    <img src="http://placehold.it/260x180" alt="">
 
  </li>
 
  <li class="thumbnail">
 
    <img src="http://placehold.it/260x180" alt="">
 
  </li>
 
</ul>
 

	
 
<!-- NOT CURRENTLY SUPPORTED
 
<h4>Offset thumbnails</h4>
 
<ul class="thumbnails">
 
  <li class="span3 offset3">
 
    <a href="#" class="thumbnail">
 
      <img src="http://placehold.it/260x180" alt="">
 
    </a>
 
  </li>
 
  <li class="span3">
 
    <a href="#" class="thumbnail">
 
      <img src="http://placehold.it/260x180" alt="">
 
    </a>
 
  </li>
 
  <li class="span3">
 
    <a href="#" class="thumbnail">
 
      <img src="http://placehold.it/260x180" alt="">
 
    </a>
 
  </li>
 
</ul>
 
-->
 

	
 
<h4>Standard grid sizing</h4>
 
<ul class="thumbnails">
 
  <li class="span3">
 
    <a href="#" class="thumbnail">
 
      <img src="http://placehold.it/260x180" alt="">
 
    </a>
 
  </li>
 
  <li class="span3 offset3">
 
    <a href="#" class="thumbnail">
 
      <img src="http://placehold.it/260x180" alt="">
 
    </a>
 
  </li>
 
  <li class="span3">
 
    <a href="#" class="thumbnail">
 
      <img src="http://placehold.it/260x180" alt="">
 
    </a>
 
  </li>
 
</ul>
 

	
 
<h4>Fluid thumbnails</h4>
 
<div class="row-fluid">
 
  <div class="span8">
 
    <ul class="thumbnails">
 
      <li class="span4">
 
        <a href="#" class="thumbnail">
 
          <img src="http://placehold.it/260x180" alt="">
 
        </a>
 
      </li>
 
      <li class="span4">
 
        <a href="#" class="thumbnail">
 
          <img src="http://placehold.it/260x180" alt="">
 
        </a>
 
      </li>
 
      <li class="span4">
 
        <a href="#" class="thumbnail">
 
          <img src="http://placehold.it/260x180" alt="">
 
        </a>
 
      </li>
 
    </ul>
 
  </div>
 
</div>
 

	
 

	
 

	
 
<!-- Tabs
 
================================================== -->
 

	
 
<div class="page-header">
 
  <h1>Tabs</h1>
 
</div>
 

	
 
<div class="tabbable tabs-left" style="margin-bottom: 18px;">
 
  <ul class="nav nav-tabs">
 
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
 
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
 
    <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
 
  </ul>
 
  <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
 
    <div class="tab-pane active" id="tab1">
 
      <p>I'm in Section 1.</p>
 

	
 
      <div class="tabbable" style="background: #f5f5f5; padding: 20px;">
 
        <ul class="nav nav-tabs">
 
          <li class="active"><a href="#tab1-1" data-toggle="tab">1.1</a></li>
 
          <li><a href="#tab1-2" data-toggle="tab">1.2</a></li>
 
          <li><a href="#tab1-3" data-toggle="tab">1.3</a></li>
 
        </ul>
 
        <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
 
          <div class="tab-pane active" id="tab1-1">
 
            <p>I'm in Section 1.1.</p>
 
          </div>
 
          <div class="tab-pane" id="tab1-2">
 
            <p>I'm in Section 1.2.</p>
 
          </div>
 
          <div class="tab-pane" id="tab1-3">
 
            <p>I'm in Section 1.3.</p>
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
    <div class="tab-pane" id="tab2">
 
      <p>Howdy, I'm in Section 2.</p>
 
    </div>
 
    <div class="tab-pane" id="tab3">
 
      <p>What up girl, this is Section 3.</p>
 
    </div>
 
  </div>
 
</div> <!-- /tabbable -->
 

	
 

	
 

	
 
<!-- Labels
 
================================================== -->
 

	
 
<div class="page-header">
 
  <h1>Labels</h1>
 
</div>
 

	
 
<div class="row">
 
  <div class="span4">
 
    <h4>Inline label</h4>
 
    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam <span class="label label-warning">Label name</span> eget risus varius blandit sit amet non magna. Fusce <code>.class-name</code> dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
 
  </div><!--/span-->
 
  <div class="span4">
 
    <form class="form-horizontal">
 
      <label>Example label</label>
 
      <input type="text" placeholder="Input"> <span class="help-inline"><span class="label">Hey!</span> Read this.</span>
 
    </form>
 
  </div><!--/span-->
 
  <div class="span4">
 

	
 
  </div><!--/span-->
 
</div><!--/row-->
 

	
 

	
 

	
 

	
 

	
 

	
 

	
 
     <!-- Footer
 
      ================================================== -->
 
      <footer class="footer">
 
        <p class="pull-right"><a href="#">Back to top</a></p>
 
        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
 
        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
 
        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
 
      </footer>
 

	
 
    </div><!-- /container -->
 

	
 

	
 

	
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 
    <script src="../../docs/assets/js/jquery.js"></script>
 
    <script src="../../docs/assets/js/google-code-prettify/prettify.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-transition.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-alert.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-modal.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-tab.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-popover.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-button.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-collapse.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-carousel.js"></script>
 
    <script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
 
    <script src="../../docs/assets/js/application.js"></script>
 

	
 

	
 
  </body>
 
</html>
symposion_project/static/symposion/less/bootstrap/tests/forms.html
Show inline comments
 
new file 100644
 
<!DOCTYPE html>
 
<html lang="en">
 
  <head>
 
    <meta charset="utf-8">
 
    <title>Bootstrap, from Twitter</title>
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="">
 
    <meta name="author" content="">
 

	
 
    <!-- Le styles -->
 
    <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
 
    <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
 
    <style>
 
      body {
 
        padding-top: 30px;
 
        padding-bottom: 30px;
 
      }
 
    </style>
 

	
 
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
 
    <!--[if lt IE 9]>
 
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 
    <![endif]-->
 

	
 
    <!-- Le fav and touch icons -->
 
    <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
 
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
 
  </head>
 

	
 
  <body>
 

	
 
    <form class="container">
 

	
 
      <div class="page-header">
 
        <h1>Form controls</h1>
 
      </div>
 

	
 
      <div class="row">
 
        <div class="span4">
 

	
 
          <label>Select</label>
 
          <select>
 
            <option>Select</option>
 
            <option>Option 2</option>
 
            <option>Option 3</option>
 
          </select>
 

	
 
          <hr>
 

	
 
          <label>textarea</label>
 
          <textarea>Textarea</textarea>
 

	
 
          <hr>
 

	
 
          <label>text</label>
 
          <input type="text" value="Text input">
 

	
 
          <hr>
 

	
 
          <label>password</label>
 
          <input type="password" value="Password input">
 

	
 
          <hr>
 

	
 
          <label>checkbox</label>
 
          <input type="checkbox" value="">
 

	
 
          <hr>
 

	
 
          <label>radio</label>
 
          <input type="radio" value="">
 

	
 
          <hr>
 

	
 
          <label>button</label>
 
          <input type="button" value="Button">
 

	
 
          <hr>
 

	
 
          <label>submit</label>
 
          <input type="submit" value="Submit">
 

	
 
          <hr>
 

	
 
          <label>reset</label>
 
          <input type="reset" value="Reset">
 

	
 
        </div><!-- /span4 -->
 
        <div class="span4">
 

	
 
          <label>file</label>
 
          <input type="file" value="">
 

	
 
          <hr>
 

	
 
          <label>hidden</label>
 
          <input type="hidden" value="hidden">
 

	
 
          <hr>
 

	
 
          <label>image</label>
 
          <input type="image" value="">
 

	
 
          <hr>
 

	
 
          <label>datetime</label>
 
          <input type="datetime" value="">
 

	
 
          <hr>
 

	
 
          <label>datetime-local</label>
 
          <input type="datetime-local" value="">
 

	
 
          <hr>
 

	
 
          <label>date</label>
 
          <input type="date" value="">
 

	
 
          <hr>
 

	
 
          <label>month</label>
 
          <input type="month" value="">
 

	
 
          <hr>
 

	
 
          <label>time</label>
 
          <input type="time" value="">
 

	
 
          <hr>
 

	
 
          <label>week</label>
 
          <input type="week" value="">
 

	
 
        </div><!-- /span4 -->
 
        <div class="span4">
 

	
 
          <label>number</label>
 
          <input type="number" value="">
 

	
 
          <hr>
 

	
 
          <label>range</label>
 
          <input type="range" value="">
 

	
 
          <hr>
 

	
 
          <label>email</label>
 
          <input type="email" value="">
 

	
 
          <hr>
 

	
 
          <label>url</label>
 
          <input type="url" value="">
 

	
 
          <hr>
 

	
 
          <label>search</label>
 
          <input type="search" value="">
 

	
 
          <hr>
 

	
 
          <label>tel</label>
 
          <input type="tel" value="">
 

	
 
          <hr>
 

	
 
          <label>color</label>
 
          <input type="color" value="">
 

	
 
        </div><!-- /span4 -->
 
      </div><!-- /row -->
 

	
 
    </form> <!-- /container -->
 

	
 
  </body>
 
</html>
symposion_project/static/symposion/less/bootstrap/tests/navbar.html
Show inline comments
 
new file 100644
 
<!DOCTYPE html>
 
<html lang="en">
 
  <head>
 
    <meta charset="utf-8">
 
    <title>Bootstrap, from Twitter</title>
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="">
 
    <meta name="author" content="">
 

	
 
    <!-- Le styles -->
 
    <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
 
    <style>
 
      body {
 
        padding-top: 60px;
 
        padding-bottom: 30px;
 
      }
 
    </style>
 
    <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
 

	
 
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
 
    <!--[if lt IE 9]>
 
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 
    <![endif]-->
 

	
 
    <!-- Le fav and touch icons -->
 
    <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
 
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
 
    <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
 
  </head>
 

	
 
  <body>
 

	
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-fixed-top">
 
      <div class="navbar-inner">
 
        <div class="container">
 
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 
            <span class="icon-bar"></span>
 
            <span class="icon-bar"></span>
 
            <span class="icon-bar"></span>
 
          </a>
 
          <a class="brand" href="#">Project name</a>
 
          <div class="nav-collapse">
 
            <ul class="nav">
 
              <li class="active"><a href="#">Home</a></li>
 
              <li><a href="#about">About</a></li>
 
              <li><a href="#contact">Contact</a></li>
 
            </ul>
 
          </div><!--/.nav-collapse -->
 
        </div>
 
      </div>
 
    </div>
 

	
 
    <div class="container">
 

	
 
      <!-- Static navbar -->
 
      <div class="navbar">
 
        <div class="navbar-inner">
 
          <div class="container">
 
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 
              <span class="icon-bar"></span>
 
              <span class="icon-bar"></span>
 
              <span class="icon-bar"></span>
 
            </a>
 
            <a class="brand" href="#">Project name</a>
 
            <div class="nav-collapse">
 
              <ul class="nav">
 
                <li class="active"><a href="#">Home</a></li>
 
                <li><a href="#about">About</a></li>
 
                <li><a href="#contact">Contact</a></li>
 
              </ul>
 
            </div><!--/.nav-collapse -->
 
          </div>
 
        </div>
 
      </div>
 

	
 
      <!-- Main hero unit for a primary marketing message or call to action -->
 
      <div class="hero-unit">
 
        <h1>Navbar example</h1>
 
        <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
 
        <p>
 
          <a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
 
        </p>
 
      </div>
 

	
 
    </div> <!-- /container -->
 

	
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../assets/js/jquery.js"></script>
 
    <script src="../assets/js/bootstrap-transition.js"></script>
 
    <script src="../assets/js/bootstrap-alert.js"></script>
 
    <script src="../assets/js/bootstrap-modal.js"></script>
 
    <script src="../assets/js/bootstrap-dropdown.js"></script>
 
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
 
    <script src="../assets/js/bootstrap-tab.js"></script>
 
    <script src="../assets/js/bootstrap-tooltip.js"></script>
 
    <script src="../assets/js/bootstrap-popover.js"></script>
 
    <script src="../assets/js/bootstrap-button.js"></script>
 
    <script src="../assets/js/bootstrap-collapse.js"></script>
 
    <script src="../assets/js/bootstrap-carousel.js"></script>
 
    <script src="../assets/js/bootstrap-typeahead.js"></script>
 

	
 
  </body>
 
</html>
symposion_project/static/symposion/less/bootstrap/thumbnails.less
Show inline comments
 
new file 100644
 
// THUMBNAILS
 
// ----------
 
// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
 

	
 
// Make wrapper ul behave like the grid
 
.thumbnails {
 
  margin-left: -@gridGutterWidth;
 
  list-style: none;
 
  .clearfix();
 
}
 
// Fluid rows have no left margin
 
.row-fluid .thumbnails {
 
  margin-left: 0;
 
}
 

	
 
// Float li to make thumbnails appear in a row
 
.thumbnails > li {
 
  float: left; // Explicity set the float since we don't require .span* classes
 
  margin-bottom: @baseLineHeight;
 
  margin-left: @gridGutterWidth;
 
}
 

	
 
// The actual thumbnail (can be `a` or `div`)
 
.thumbnail {
 
  display: block;
 
  padding: 4px;
 
  line-height: 1;
 
  border: 1px solid #ddd;
 
  .border-radius(4px);
 
  .box-shadow(0 1px 1px rgba(0,0,0,.075));
 
}
 
// Add a hover state for linked versions only
 
a.thumbnail:hover {
 
  border-color: @linkColor;
 
  .box-shadow(0 1px 4px rgba(0,105,214,.25));
 
}
 

	
 
// Images and captions
 
.thumbnail > img {
 
  display: block;
 
  max-width: 100%;
 
  margin-left: auto;
 
  margin-right: auto;
 
}
 
.thumbnail .caption {
 
  padding: 9px;
 
}
symposion_project/static/symposion/less/bootstrap/tooltip.less
Show inline comments
 
new file 100644
 
// TOOLTIP
 
// ------=
 

	
 
.tooltip {
 
  position: absolute;
 
  z-index: @zindexTooltip;
 
  display: block;
 
  visibility: visible;
 
  padding: 5px;
 
  font-size: 11px;
 
  .opacity(0);
 
  &.in     { .opacity(80); }
 
  &.top    { margin-top:  -2px; }
 
  &.right  { margin-left:  2px; }
 
  &.bottom { margin-top:   2px; }
 
  &.left   { margin-left: -2px; }
 
  &.top .tooltip-arrow    { #popoverArrow > .top(); }
 
  &.left .tooltip-arrow   { #popoverArrow > .left(); }
 
  &.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
 
  &.right .tooltip-arrow  { #popoverArrow > .right(); }
 
}
 
.tooltip-inner {
 
  max-width: 200px;
 
  padding: 3px 8px;
 
  color: @white;
 
  text-align: center;
 
  text-decoration: none;
 
  background-color: @black;
 
  .border-radius(4px);
 
}
 
.tooltip-arrow {
 
  position: absolute;
 
  width: 0;
 
  height: 0;
 
}
symposion_project/static/symposion/less/bootstrap/type.less
Show inline comments
 
new file 100644
 
// Typography.less
 
// Headings, body text, lists, code, and more for a versatile and durable typography system
 
// ----------------------------------------------------------------------------------------
 

	
 

	
 
// BODY TEXT
 
// ---------
 

	
 
p {
 
  margin: 0 0 @baseLineHeight / 2;
 
  small {
 
    font-size: @baseFontSize - 2;
 
    color: @grayLight;
 
  }
 
}
 
.lead {
 
  margin-bottom: @baseLineHeight;
 
  font-size: 20px;
 
  font-weight: 200;
 
  line-height: @baseLineHeight * 1.5;
 
}
 

	
 
// HEADINGS
 
// --------
 

	
 
h1, h2, h3, h4, h5, h6 {
 
  margin: 0;
 
  font-family: @headingsFontFamily;
 
  font-weight: @headingsFontWeight;
 
  color: @headingsColor;
 
  text-rendering: optimizelegibility; // Fix the character spacing for headings
 
  small {
 
    font-weight: normal;
 
    color: @grayLight;
 
  }
 
}
 
h1 {
 
  font-size: 30px;
 
  line-height: @baseLineHeight * 2;
 
  small {
 
    font-size: 18px;
 
  }
 
}
 
h2 {
 
  font-size: 24px;
 
  line-height: @baseLineHeight * 2;
 
  small {
 
    font-size: 18px;
 
  }
 
}
 
h3 {
 
  font-size: 18px;
 
  line-height: @baseLineHeight * 1.5;
 
  small {
 
    font-size: 14px;
 
  }
 
}
 
h4, h5, h6 {
 
  line-height: @baseLineHeight;
 
}
 
h4 {
 
  font-size: 14px;
 
  small {
 
    font-size: 12px;
 
  }
 
}
 
h5 {
 
  font-size: 12px;
 
}
 
h6 {
 
  font-size: 11px;
 
  color: @grayLight;
 
  text-transform: uppercase;
 
}
 

	
 
// Page header
 
.page-header {
 
  padding-bottom: @baseLineHeight - 1;
 
  margin: @baseLineHeight 0;
 
  border-bottom: 1px solid @grayLighter;
 
}
 
.page-header h1 {
 
  line-height: 1;
 
}
 

	
 

	
 

	
 
// LISTS
 
// -----
 

	
 
// Unordered and Ordered lists
 
ul, ol {
 
  padding: 0;
 
  margin: 0 0 @baseLineHeight / 2 25px;
 
}
 
ul ul,
 
ul ol,
 
ol ol,
 
ol ul {
 
  margin-bottom: 0;
 
}
 
ul {
 
  list-style: disc;
 
}
 
ol {
 
  list-style: decimal;
 
}
 
li {
 
  line-height: @baseLineHeight;
 
}
 
ul.unstyled,
 
ol.unstyled {
 
  margin-left: 0;
 
  list-style: none;
 
}
 

	
 
// Description Lists
 
dl {
 
  margin-bottom: @baseLineHeight;
 
}
 
dt,
 
dd {
 
  line-height: @baseLineHeight;
 
}
 
dt {
 
  font-weight: bold;
 
  line-height: @baseLineHeight - 1; // fix jank Helvetica Neue font bug
 
}
 
dd {
 
  margin-left: @baseLineHeight / 2;
 
}
 
// Horizontal layout (like forms)
 
.dl-horizontal {
 
  dt {
 
    float: left;
 
    width: 120px;
 
    clear: left;
 
    text-align: right;
 
    .text-overflow();
 
  }
 
  dd {
 
    margin-left: 130px;
 
  }
 
}
 

	
 
// MISC
 
// ----
 

	
 
// Horizontal rules
 
hr {
 
  margin: @baseLineHeight 0;
 
  border: 0;
 
  border-top: 1px solid @hrBorder;
 
  border-bottom: 1px solid @white;
 
}
 

	
 
// Emphasis
 
strong {
 
  font-weight: bold;
 
}
 
em {
 
  font-style: italic;
 
}
 
.muted {
 
  color: @grayLight;
 
}
 

	
 
// Abbreviations and acronyms
 
abbr[title] {
 
  cursor: help;
 
  border-bottom: 1px dotted @grayLight;
 
}
 
abbr.initialism {
 
  font-size: 90%;
 
  text-transform: uppercase;
 
}
 

	
 
// Blockquotes
 
blockquote {
 
  padding: 0 0 0 15px;
 
  margin: 0 0 @baseLineHeight;
 
  border-left: 5px solid @grayLighter;
 
  p {
 
    margin-bottom: 0;
 
    #font > .shorthand(16px,300,@baseLineHeight * 1.25);
 
  }
 
  small {
 
    display: block;
 
    line-height: @baseLineHeight;
 
    color: @grayLight;
 
    &:before {
 
      content: '\2014 \00A0';
 
    }
 
  }
 

	
 
  // Float right with text-align: right
 
  &.pull-right {
 
    float: right;
 
    padding-right: 15px;
 
    padding-left: 0;
 
    border-right: 5px solid @grayLighter;
 
    border-left: 0;
 
    p,
 
    small {
 
      text-align: right;
 
    }
 
  }
 
}
 

	
 
// Quotes
 
q:before,
 
q:after,
 
blockquote:before,
 
blockquote:after {
 
  content: "";
 
}
 

	
 
// Addresses
 
address {
 
  display: block;
 
  margin-bottom: @baseLineHeight;
 
  font-style: normal;
 
  line-height: @baseLineHeight;
 
}
 

	
 
// Misc
 
small {
 
  font-size: 100%;
 
}
 
cite {
 
  font-style: normal;
 
}
symposion_project/static/symposion/less/bootstrap/utilities.less
Show inline comments
 
new file 100644
 
// UTILITY CLASSES
 
// ---------------
 

	
 
// Quick floats
 
.pull-right {
 
  float: right;
 
}
 
.pull-left {
 
  float: left;
 
}
 

	
 
// Toggling content
 
.hide {
 
  display: none;
 
}
 
.show {
 
  display: block;
 
}
 

	
 
// Visibility
 
.invisible {
 
  visibility: hidden;
 
}
symposion_project/static/symposion/less/bootstrap/variables.less
Show inline comments
 
new file 100644
 
// Variables.less
 
// Variables to customize the look and feel of Bootstrap
 
// -----------------------------------------------------
 

	
 

	
 

	
 
// GLOBAL VALUES
 
// --------------------------------------------------
 

	
 

	
 
// Grays
 
// -------------------------
 
@black:                 #000;
 
@grayDarker:            #222;
 
@grayDark:              #333;
 
@gray:                  #555;
 
@grayLight:             #999;
 
@grayLighter:           #eee;
 
@white:                 #fff;
 

	
 

	
 
// Accent colors
 
// -------------------------
 
@blue:                  #049cdb;
 
@blueDark:              #0064cd;
 
@green:                 #46a546;
 
@red:                   #9d261d;
 
@yellow:                #ffc40d;
 
@orange:                #f89406;
 
@pink:                  #c3325f;
 
@purple:                #7a43b6;
 

	
 

	
 
// Scaffolding
 
// -------------------------
 
@bodyBackground:        @white;
 
@textColor:             @grayDark;
 

	
 

	
 
// Links
 
// -------------------------
 
@linkColor:             #08c;
 
@linkColorHover:        darken(@linkColor, 15%);
 

	
 

	
 
// Typography
 
// -------------------------
 
@sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
 
@serifFontFamily:       Georgia, "Times New Roman", Times, serif;
 
@monoFontFamily:        Menlo, Monaco, Consolas, "Courier New", monospace;
 

	
 
@baseFontSize:          13px;
 
@baseFontFamily:        @sansFontFamily;
 
@baseLineHeight:        18px;
 
@altFontFamily:         @serifFontFamily;
 

	
 
@headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
 
@headingsFontWeight:    bold;    // instead of browser default, bold
 
@headingsColor:         inherit; // empty to use BS default, @textColor
 

	
 

	
 
// Tables
 
// -------------------------
 
@tableBackground:                   transparent; // overall background-color
 
@tableBackgroundAccent:             #f9f9f9; // for striping
 
@tableBackgroundHover:              #f5f5f5; // for hover
 
@tableBorder:                       #ddd; // table and cell border
 

	
 

	
 
// Buttons
 
// -------------------------
 
@btnBackground:                     @white;
 
@btnBackgroundHighlight:            darken(@white, 10%);
 
@btnBorder:                         #ccc;
 

	
 
@btnPrimaryBackground:              @linkColor;
 
@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, 15%);
 

	
 
@btnInfoBackground:                 #5bc0de;
 
@btnInfoBackgroundHighlight:        #2f96b4;
 

	
 
@btnSuccessBackground:              #62c462;
 
@btnSuccessBackgroundHighlight:     #51a351;
 

	
 
@btnWarningBackground:              lighten(@orange, 15%);
 
@btnWarningBackgroundHighlight:     @orange;
 

	
 
@btnDangerBackground:               #ee5f5b;
 
@btnDangerBackgroundHighlight:      #bd362f;
 

	
 
@btnInverseBackground:              @gray;
 
@btnInverseBackgroundHighlight:     @grayDarker;
 

	
 

	
 
// Forms
 
// -------------------------
 
@inputBackground:               @white;
 
@inputBorder:                   #ccc;
 
@inputBorderRadius:             3px;
 
@inputDisabledBackground:       @grayLighter;
 
@formActionsBackground:         #f5f5f5;
 

	
 
// Dropdowns
 
// -------------------------
 
@dropdownBackground:            @white;
 
@dropdownBorder:                rgba(0,0,0,.2);
 
@dropdownLinkColor:             @grayDark;
 
@dropdownLinkColorHover:        @white;
 
@dropdownLinkBackgroundHover:   @linkColor;
 
@dropdownDividerTop:            #e5e5e5;
 
@dropdownDividerBottom:         @white;
 

	
 

	
 

	
 
// COMPONENT VARIABLES
 
// --------------------------------------------------
 

	
 
// Z-index master list
 
// -------------------------
 
// Used for a bird's eye view of components dependent on the z-axis
 
// Try to avoid customizing these :)
 
@zindexDropdown:          1000;
 
@zindexPopover:           1010;
 
@zindexTooltip:           1020;
 
@zindexFixedNavbar:       1030;
 
@zindexModalBackdrop:     1040;
 
@zindexModal:             1050;
 

	
 

	
 
// Sprite icons path
 
// -------------------------
 
@iconSpritePath:          "../img/glyphicons-halflings.png";
 
@iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";
 

	
 

	
 
// Input placeholder text color
 
// -------------------------
 
@placeholderText:         @grayLight;
 

	
 

	
 
// Hr border color
 
// -------------------------
 
@hrBorder:                @grayLighter;
 

	
 

	
 
// Navbar
 
// -------------------------
 
@navbarHeight:                    40px;
 
@navbarBackground:                @grayDarker;
 
@navbarBackgroundHighlight:       @grayDark;
 

	
 
@navbarText:                      @grayLight;
 
@navbarLinkColor:                 @grayLight;
 
@navbarLinkColorHover:            @white;
 
@navbarLinkColorActive:           @navbarLinkColorHover;
 
@navbarLinkBackgroundHover:       transparent;
 
@navbarLinkBackgroundActive:      @navbarBackground;
 

	
 
@navbarSearchBackground:          lighten(@navbarBackground, 25%);
 
@navbarSearchBackgroundFocus:     @white;
 
@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
 
@navbarSearchPlaceholderColor:    #ccc;
 
@navbarBrandColor:                @navbarLinkColor;
 

	
 

	
 
// Hero unit
 
// -------------------------
 
@heroUnitBackground:              @grayLighter;
 
@heroUnitHeadingColor:            inherit;
 
@heroUnitLeadColor:               inherit;
 

	
 

	
 
// Form states and alerts
 
// -------------------------
 
@warningText:             #c09853;
 
@warningBackground:       #fcf8e3;
 
@warningBorder:           darken(spin(@warningBackground, -10), 3%);
 

	
 
@errorText:               #b94a48;
 
@errorBackground:         #f2dede;
 
@errorBorder:             darken(spin(@errorBackground, -10), 3%);
 

	
 
@successText:             #468847;
 
@successBackground:       #dff0d8;
 
@successBorder:           darken(spin(@successBackground, -10), 5%);
 

	
 
@infoText:                #3a87ad;
 
@infoBackground:          #d9edf7;
 
@infoBorder:              darken(spin(@infoBackground, -10), 7%);
 

	
 

	
 

	
 
// GRID
 
// --------------------------------------------------
 

	
 
// Default 940px grid
 
// -------------------------
 
@gridColumns:             12;
 
@gridColumnWidth:         60px;
 
@gridGutterWidth:         20px;
 
@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
 

	
 
// Fluid grid
 
// -------------------------
 
@fluidGridColumnWidth:    6.382978723%;
 
@fluidGridGutterWidth:    2.127659574%;
symposion_project/static/symposion/less/bootstrap/wells.less
Show inline comments
 
new file 100644
 
// WELLS
 
// -----
 

	
 
.well {
 
  min-height: 20px;
 
  padding: 19px;
 
  margin-bottom: 20px;
 
  background-color: #f5f5f5;
 
  border: 1px solid #eee;
 
  border: 1px solid rgba(0,0,0,.05);
 
  .border-radius(4px);
 
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 
  blockquote {
 
    border-color: #ddd;
 
    border-color: rgba(0,0,0,.15);
 
  }
 
}
 

	
 
// Sizes
 
.well-large {
 
  padding: 24px;
 
  .border-radius(6px);
 
}
 
.well-small {
 
  padding: 9px;
 
  .border-radius(3px);
 
}
symposion_project/static/symposion/less/bootswatch.less
Show inline comments
 
new file 100644
 
// Bootswatch.less
 
// Swatch: Spacelab
 
// Version: 2.0.4
 
// -----------------------------------------------------
 

	
 
// NAVBAR
 
// -----------------------------------------------------
 

	
 
.navbar {
 
	.icon-bar {
 
		color: @linkColor;
 
	}
 
	//border-bottom: 1px solid #CACACA;
 

	
 
	.navbar-inner {
 
		//.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 0 10px rgba(0,0,0,0.1));
 
	}
 

	
 
	.brand {
 
		font-weight: bold;
 

	
 
		&:hover {
 
			color: @linkColor;
 
		}
 
	}
 

	
 
	.navbar-text {
 
		line-height: 38px;
 
		padding: 0 10px;
 
	}
 

	
 
	.nav > li > a {
 
		font-weight: bold;
 
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 
	}
 

	
 
	.nav .active > a {
 
		background-color: transparent;
 
		color: @textColor;
 

	
 
		&:hover {
 
			background-color: transparent;
 
			color: @linkColor;
 
		}
 
	}
 

	
 
	.nav > li > a:hover,
 
	.nav li.open.dropdown .dropdown-toggle {
 
		color: @linkColor;
 
	}
 

	
 
	.nav .dropdown-toggle .caret {
 
		border-top-color: @textColor;
 
		opacity: 1;
 
	}
 

	
 
	.navbar-search .search-query,
 
	.navbar-search .search-query:hover {
 
		border: none;
 
		color: @grayLight;
 
		.placeholder(@grayLight);
 
		.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
 

	
 
	    &:focus,
 
	    &.focused {
 
			.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
 
			color: @textColor;
 
		}
 
	}
 

	
 
	.nav-collapse.in .navbar-search {
 
		border-top: none;
 
		border-bottom: none;
 
	}
 

	
 
	.nav-collapse.in > .nav li > a {
 

	
 
		color: @textColor;
 

	
 
		.caret {
 
			border-top-color: @grayLight;
 
		}
 
	}
 

	
 
	.nav-collapse.in > .nav li > a:hover {
 
		text-shadow: none;
 
		color: @linkColor;
 
		background-color: transparent;
 

	
 
		.caret {
 
			border-top-color: @white;
 
		}
 
	}
 
}
 

	
 
.nav li.open.dropdown .caret,
 
.nav .dropdown-toggle:hover .caret {
 
	border-top-color: @linkColor;
 
}
 

	
 
div.subnav {
 

	
 
	.nav > li > a {
 
		font-weight: bold;
 
		color: @textColor;
 

	
 
		&:hover {
 
			color: @linkColor;
 
		}
 
	}
 

	
 
	.nav > li.active > a {
 
		color: @textColor;
 

	
 
		&:hover {
 
			color: @grayDark;
 
		}
 
	}
 

	
 
	.nav > li > .dropdown-toggle {
 
		background-color: transparent;
 
	}
 

	
 
	.nav > li.dropdown.open > .dropdown-toggle {
 
		border-left: 1px solid whiteSmoke;
 
		border-right: 1px solid #E5E5E5;
 
		color: @linkColor;
 
	}
 

	
 
	.nav > .open > .dropdown-toggle:hover .caret {
 
		border-top-color: @linkColor;
 
	}
 
}
 

	
 
// BUTTON
 
// -----------------------------------------------------
 

	
 
.btn {
 
	.buttonBackground(#F4F4F4, #ECECEC);
 
}
 

	
 
.btn-primary {
 
	.buttonBackground(#909090, #3F3F3F);
 
}
 

	
 
.btn-warning {
 
  .buttonBackground(lighten(@yellow, 15%), @yellow);
 
}
 

	
 
.btn-danger {
 
  .buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D);
 
}
 

	
 
.btn-success {
 
  .buttonBackground(#8ADD6D, #60B044);
 
}
 

	
 
.btn-info {
 
  .buttonBackground(lighten(#4488BB, 15%), #4488BB);
 
}
 

	
 
.btn-inverse {
 
  .buttonBackground(lighten(@purple, 5%), @purple);
 
}
 

	
 
// FORMS
 
// -----------------------------------------------------
 

	
 
.control-group.warning {
 
  .formFieldState(#E29235, #E29235, @warningBackground);
 
}
 

	
 
.control-group.error {
 
  .formFieldState(#C00, #C00, @errorBackground);
 
}
 

	
 
.control-group.success {
 
  .formFieldState(#2BA949, #2BA949, @successBackground);
 
}
 

	
 

	
 
// MISC
 
// -----------------------------------------------------
 

	
 
.label-important { background-color: #BD2C00; }
 
.label-warning   { background-color: #E3E84D; }
 
.label-success   { background-color: #6CC644; }
 
.label-info      { background-color: #4183C4; }
 

	
 
.hero-unit {
 
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 
    border: 1px solid rgba(0,0,0,.05);
 
}
...
 
\ No newline at end of file
symposion_project/static/symposion/less/custom.less
Show inline comments
 
new file 100644
 
body {
 
    padding-top: 24px;
 
}
 

	
 
header {
 
    position: relative;
 
    margin-bottom: 24px;
 
    
 
    
 
    h1 {
 
        margin-bottom: 9px;
 
        font-size: 48px;
 
        letter-spacing: -1px;
 
        line-height: 1;
 
        -webkit-margin-before: 0;
 
        -webkit-margin-after: 0;
 
    }
 
    
 
    p {
 
        font-size: 30px;
 
        line-height: 36px;
 
    }
 
}
symposion_project/static/symposion/less/symposion.less
Show inline comments
 
new file 100644
 
/*!
 
 * Bootstrap v2.0.4
 
 *
 
 * Copyright 2012 Twitter, Inc
 
 * Licensed under the Apache License v2.0
 
 * http://www.apache.org/licenses/LICENSE-2.0
 
 *
 
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 
 */
 

	
 
// CSS Reset
 
@import "bootstrap/reset.less";
 

	
 
// Core variables and mixins
 
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
 
@import "bootstrap/mixins.less";
 

	
 
// Grid system and page structure
 
@import "bootstrap/scaffolding.less";
 
@import "bootstrap/grid.less";
 
@import "bootstrap/layouts.less";
 

	
 
// Base CSS
 
@import "bootstrap/type.less";
 
@import "bootstrap/code.less";
 
@import "bootstrap/forms.less";
 
@import "bootstrap/tables.less";
 

	
 
// Components: common
 
@import "bootstrap/sprites.less";
 
@import "bootstrap/dropdowns.less";
 
@import "bootstrap/wells.less";
 
@import "bootstrap/component-animations.less";
 
@import "bootstrap/close.less";
 

	
 
// Components: Buttons & Alerts
 
@import "bootstrap/buttons.less";
 
@import "bootstrap/button-groups.less";
 
@import "bootstrap/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
 

	
 
// Components: Nav
 
@import "bootstrap/navs.less";
 
@import "bootstrap/navbar.less";
 
@import "bootstrap/breadcrumbs.less";
 
@import "bootstrap/pagination.less";
 
@import "bootstrap/pager.less";
 

	
 
// Components: Popovers
 
@import "bootstrap/modals.less";
 
@import "bootstrap/tooltip.less";
 
@import "bootstrap/popovers.less";
 

	
 
// Components: Misc
 
@import "bootstrap/thumbnails.less";
 
@import "bootstrap/labels-badges.less";
 
@import "bootstrap/progress-bars.less";
 
@import "bootstrap/accordion.less";
 
@import "bootstrap/carousel.less";
 
@import "bootstrap/hero-unit.less";
 

	
 
// Utility classes
 
@import "bootstrap/utilities.less"; // Has to be last to override when necessary
 

	
 
// RESPONSIVE CLASSES
 
// ------------------
 

	
 
@import "bootstrap/responsive-utilities.less";
 

	
 

	
 
// MEDIA QUERIES
 
// ------------------
 

	
 
// Phones to portrait tablets and narrow desktops
 
@import "bootstrap/responsive-767px-max.less";
 

	
 
// Tablets to regular desktops
 
@import "bootstrap/responsive-768px-979px.less";
 

	
 
// Large desktops
 
@import "bootstrap/responsive-1200px-min.less";
 

	
 

	
 
// RESPONSIVE NAVBAR
 
// ------------------
 

	
 
// From 979px and below, show a button to toggle navbar contents
 
@import "bootstrap/responsive-navbar.less";
 

	
 
// Bootswatch
 
@import "bootswatch.less";
 

	
 
@import "custom.less";
symposion_project/static/symposion/less/variables.less
Show inline comments
 
new file 100644
 
// Variables.less
 
// Variables to customize the look and feel of Bootstrap
 
// Swatch: Spacelab
 
// Version: 2.0.4
 
// -----------------------------------------------------
 

	
 
// GLOBAL VALUES
 
// --------------------------------------------------
 

	
 

	
 
// Grays
 
// -------------------------
 
@black:                 #000;
 
@grayDarker:            #222;
 
@grayDark:              #333;
 
@gray:                  #555;
 
@grayLight:             #999;
 
@grayLighter:           #F5F5F5;
 
@white:                 #fff;
 

	
 

	
 
// Accent colors
 
// -------------------------
 
@blue:                  #4183C4;
 
@blueDark:              #405A6A;
 
@green:                 #84DE81;
 
@red:                   #E5322C;
 
@yellow:                #F4CA00;
 
@orange:                #FF7D00;
 
@pink:                  #F44B8C;
 
@purple:                #405A6A;
 

	
 

	
 
// Scaffolding
 
// -------------------------
 
@bodyBackground:        @white;
 
@textColor:             @grayDark;
 

	
 

	
 
// Links
 
// -------------------------
 
@linkColor:             #4183C4;
 
@linkColorHover:        @linkColor;
 

	
 

	
 
// Typography
 
// -------------------------
 
@sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
 
@serifFontFamily:       Georgia, "Times New Roman", Times, serif;
 
@monoFontFamily:        Menlo, Monaco, Consolas, "Courier New", monospace;
 

	
 
@baseFontSize:          13px;
 
@baseFontFamily:        @sansFontFamily;
 
@baseLineHeight:        18px;
 
@altFontFamily:         @serifFontFamily;
 

	
 
@headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
 
@headingsFontWeight:    bold;    // instead of browser default, bold
 
@headingsColor:         inherit; // empty to use BS default, @textColor
 

	
 

	
 
// Tables
 
// -------------------------
 
@tableBackground:                   transparent; // overall background-color
 
@tableBackgroundAccent:             #f9f9f9; // for striping
 
@tableBackgroundHover:              #f5f5f5; // for hover
 
@tableBorder:                       #ddd; // table and cell border
 

	
 

	
 
// Buttons
 
// -------------------------
 
@btnBackground:                     @white;
 
@btnBackgroundHighlight:            darken(@white, 10%);
 
@btnBorder:                         darken(@white, 20%);
 

	
 
@btnPrimaryBackground:              @linkColor;
 
@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, 15%);
 

	
 
@btnInfoBackground:                 #5bc0de;
 
@btnInfoBackgroundHighlight:        #2f96b4;
 

	
 
@btnSuccessBackground:              #62c462;
 
@btnSuccessBackgroundHighlight:     #51a351;
 

	
 
@btnWarningBackground:              lighten(@orange, 15%);
 
@btnWarningBackgroundHighlight:     @orange;
 

	
 
@btnDangerBackground:               #ee5f5b;
 
@btnDangerBackgroundHighlight:      #bd362f;
 

	
 
@btnInverseBackground:              @gray;
 
@btnInverseBackgroundHighlight:     @grayDarker;
 

	
 

	
 
// Forms
 
// -------------------------
 
@inputBackground:               @white;
 
@inputBorder:                   #ccc;
 
@inputBorderRadius:             3px;
 
@inputDisabledBackground:       @grayLighter;
 
@formActionsBackground:         #f5f5f5;
 

	
 
// Dropdowns
 
// -------------------------
 
@dropdownBackground:            @white;
 
@dropdownBorder:                rgba(0,0,0,.2);
 
@dropdownLinkColor:             @grayDark;
 
@dropdownLinkColorHover:        @white;
 
@dropdownLinkBackgroundHover:   @linkColor;
 
@dropdownDividerTop:            #e5e5e5;
 
@dropdownDividerBottom:         @white;
 

	
 

	
 

	
 
// COMPONENT VARIABLES
 
// --------------------------------------------------
 

	
 
// Z-index master list
 
// -------------------------
 
// Used for a bird's eye view of components dependent on the z-axis
 
// Try to avoid customizing these :)
 
@zindexDropdown:          1000;
 
@zindexPopover:           1010;
 
@zindexTooltip:           1020;
 
@zindexFixedNavbar:       1030;
 
@zindexModalBackdrop:     1040;
 
@zindexModal:             1050;
 

	
 

	
 
// Sprite icons path
 
// -------------------------
 
@iconSpritePath:          "../../bootstrap/img/glyphicons-halflings.png";
 
@iconWhiteSpritePath:     "../../bootstrap/img/glyphicons-halflings-white.png";
 

	
 

	
 
// Input placeholder text color
 
// -------------------------
 
@placeholderText:         @grayLight;
 

	
 

	
 
// Hr border color
 
// -------------------------
 
@hrBorder:                @grayLighter;
 

	
 

	
 
// Navbar
 
// -------------------------
 
@navbarHeight:                    40px;
 
@navbarBackground:                #EAEAEA;
 
@navbarBackgroundHighlight:       lighten(@navbarBackground, 15%);
 

	
 
@navbarText:                      @grayDarker;
 
@navbarLinkColor:                 @grayDarker;
 
@navbarLinkColorHover:            @linkColor;
 
@navbarLinkColorActive:           @navbarLinkColorHover;
 
@navbarLinkBackgroundHover:       transparent;
 
@navbarLinkBackgroundActive:      @navbarBackground;
 

	
 
@navbarSearchBackground:          lighten(@navbarBackground, 25%);
 
@navbarSearchBackgroundFocus:     @white;
 
@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
 
@navbarSearchPlaceholderColor:    #ccc;
 
@navbarBrandColor:                @grayDark;
 

	
 

	
 
// Hero unit
 
// -------------------------
 
@heroUnitBackground:              @grayLighter;
 
@heroUnitHeadingColor:            inherit;
 
@heroUnitLeadColor:               inherit;
 

	
 

	
 
// Form states and alerts
 
// -------------------------
 
@warningText:             #393939;
 
@warningBackground:       #F5F3B4;
 
@warningBorder:           darken(spin(@warningBackground, -10), 3%);
 

	
 
@errorText:               @warningText;
 
@errorBackground:         #FFE9E9;
 
@errorBorder:             darken(spin(@errorBackground, -10), 3%);
 

	
 
@successText:             #333;
 
@successBackground:       #BEDEBE;
 
@successBorder:           darken(spin(@successBackground, -10), 5%);
 

	
 
@infoText:                #1B3650;
 
@infoBackground:          #E4F0FF;
 
@infoBorder:              darken(spin(@infoBackground, -10), 7%);
 

	
 

	
 

	
 
// GRID
 
// --------------------------------------------------
 

	
 
// Default 940px grid
 
// -------------------------
 
@gridColumns:             12;
 
@gridColumnWidth:         60px;
 
@gridGutterWidth:         20px;
 
@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
 

	
 
// Fluid grid
 
// -------------------------
 
@fluidGridColumnWidth:    6.382978723%;
 
@fluidGridGutterWidth:    2.127659574%;
symposion_project/templates/site_base.html
Show inline comments
...
 
@@ -6,6 +6,11 @@
 
{% load markitup_tags %}
 
{% load static %}
 

	
 
{% block style_base %}
 
    <link href="{% static "symposion/css/symposion.css" %}" rel="stylesheet">
 
    {% block extra_style %}{% endblock %}
 
{% endblock %}
 

	
 
{% block extra_head_base %}
 
    <link href="{{ STATIC_URL }}img/favicon.ico" rel="shortcut icon" />
 
    <script src="{% block jquery_src %}{% static "pinax/js/jquery.js" %}{% endblock %}"></script>
0 comments (0 inline, 0 general)