/*!========================================================= * Bookstrap v0.0.1 * * Copyright 2011 Twitter, Inc * Open-sourced under Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built @twitter by @mdo and @fat, like bosses. * ========================================================== */ /* Reset.less * Props to Eric Meyer (meyerweb.com) for his CSS reset file. * We're using an adapted version here that cuts out some of * the reset HTML elements we will never need here (dfn, samp, etc). * ----------------------------------------------------------------- */ html, body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } header, section, footer, article, aside { display: block; } /* Preboot.less * Variables and mixins to pre-ignite any new web development project * ------------------------------------------------------------------ */ .clearfix { zoom: 1; } .clearfix:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .center-block { display: block; margin: 0 auto; } .container { width: 940px; margin: 0 auto; zoom: 1; } .container:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } /* Scaffolding.less * Basic and global styles for generating a grid system, structural layout, and page templates * ------------------------------------------------------------------------------------------- */ div.row { zoom: 1; } div.row:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } div.row div.span1 { float: left; width: 40px; margin-left: 20px; } div.row div.span1:first-child { margin-left: 0; } div.row div.span2 { float: left; width: 100px; margin-left: 20px; } div.row div.span2:first-child { margin-left: 0; } div.row div.span3 { float: left; width: 160px; margin-left: 20px; } div.row div.span3:first-child { margin-left: 0; } div.row div.span4 { float: left; width: 220px; margin-left: 20px; } div.row div.span4:first-child { margin-left: 0; } div.row div.span5 { float: left; width: 280px; margin-left: 20px; } div.row div.span5:first-child { margin-left: 0; } div.row div.span6 { float: left; width: 340px; margin-left: 20px; } div.row div.span6:first-child { margin-left: 0; } div.row div.span7 { float: left; width: 400px; margin-left: 20px; } div.row div.span7:first-child { margin-left: 0; } div.row div.span8 { float: left; width: 460px; margin-left: 20px; } div.row div.span8:first-child { margin-left: 0; } div.row div.span9 { float: left; width: 520px; margin-left: 20px; } div.row div.span9:first-child { margin-left: 0; } div.row div.span10 { float: left; width: 580px; margin-left: 20px; } div.row div.span10:first-child { margin-left: 0; } div.row div.span11 { float: left; width: 640px; margin-left: 20px; } div.row div.span11:first-child { margin-left: 0; } div.row div.span12 { float: left; width: 700px; margin-left: 20px; } div.row div.span12:first-child { margin-left: 0; } div.row div.span13 { float: left; width: 760px; margin-left: 20px; } div.row div.span13:first-child { margin-left: 0; } div.row div.span14 { float: left; width: 820px; margin-left: 20px; } div.row div.span14:first-child { margin-left: 0; } div.row div.span15 { float: left; width: 880px; margin-left: 20px; } div.row div.span15:first-child { margin-left: 0; } div.row div.span16 { float: left; width: 940px; margin-left: 20px; } div.row div.span16:first-child { margin-left: 0; } html, body { background-color: #fff; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; color: #808080; text-rendering: optimizeLegibility; } div.container { width: 940px; margin: 0 auto; } div.container-fluid { padding: 20px; zoom: 1; } div.container-fluid:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } div.container-fluid div.sidebar { float: left; width: 220px; } div.container-fluid div.content { min-width: 700px; max-width: 1180px; margin-left: 240px; } a { color: #0069d6; text-decoration: none; line-height: inherit; } a:hover { color: #0050a3; text-decoration: underline; } .btn { display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, color-stop(0.25, #ffffff), #e6e6e6); background-image: -moz-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6); padding: 4px 14px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333333; font-size: 13px; line-height: 18px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; transition: 0.1s linear all; } .btn:hover { background-position: 0 -15px; color: #333333; text-decoration: none; } .btn.primary { background-color: #0069d6; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#08b5fb), to(#0069d6)); /* Konqueror */ background-image: -moz-linear-gradient(#08b5fb, #0069d6); /* FF 3.6+ */ background-image: -ms-linear-gradient(#08b5fb, #0069d6); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #08b5fb), color-stop(100%, #0069d6)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#08b5fb, #0069d6); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#08b5fb, #0069d6); /* Opera 11.10 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b5fb', endColorstr='#0069d6', GradientType=0)"; /* IE8+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b5fb', endColorstr='#0069d6', GradientType=0); /* IE6 & IE7 */ background-image: linear-gradient(#08b5fb, #0069d6); /* the standard */ color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn.primary:hover { color: #fff; } .btn.large { font-size: 16px; line-height: 28px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn.small { padding-right: 9px; padding-left: 9px; font-size: 11px; } .btn:disabled, .btn.disabled { background-image: none; filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; cursor: default; } .btn:active { -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); } button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0; } /* Typography.less * Headings, body text, lists, code, and more for a versatile and durable typography system * ---------------------------------------------------------------------------------------- */ p { font-size: 13px; font-weight: normal; line-height: 18px; margin-bottom: 18px; } p small { font-size: 12px; color: #bfbfbf; } h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #404040; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #bfbfbf; } h1 { margin-bottom: 18px; font-size: 30px; line-height: 36px; } h1 small { font-size: 18px; } h2 { font-size: 24px; line-height: 36px; } h2 small { font-size: 14px; } h3, h4, h5, h6 { line-height: 36px; } h3 { font-size: 18px; } h3 small { font-size: 14px; } h4 { font-size: 16px; } h4 small { font-size: 12px; } h5 { font-size: 14px; } h6 { font-size: 13px; color: #bfbfbf; text-transform: uppercase; } ul, ol { margin: 0 0 18px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: disc; } ol { list-style: decimal; } li { line-height: 18px; color: #808080; } ul.unstyled { list-style: none; margin-left: 0; } dl { margin-bottom: 18px; } dl dt, dl dd { line-height: 18px; } dl dt { font-weight: bold; } dl dd { margin-left: 9px; } hr { margin: 0 0 19px; border: 0; border-bottom: 1px solid #eee; } strong { font-style: inherit; font-weight: bold; line-height: inherit; } em { font-style: italic; font-weight: inherit; line-height: inherit; } .muted { color: #e6e6e6; } blockquote { margin-bottom: 18px; border-left: 5px solid #eee; padding-left: 15px; } blockquote p { font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 0; } blockquote cite { display: block; font-size: 12px; font-weight: 300; line-height: 18px; color: #bfbfbf; } blockquote cite:before { content: '\2014 \00A0'; } address { display: block; line-height: 18px; margin-bottom: 18px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Andale Mono, Courier New, monospace; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { background-color: #fee9cc; color: rgba(0, 0, 0, 0.75); padding: 2px 3px; } pre { background-color: #f5f5f5; display: block; padding: 17px; margin: 0 0 18px; line-height: 18px; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre-wrap; } /* Forms.less * Base styles for various input types, form layouts, and states * ------------------------------------------------------------- */ form { margin-bottom: 18px; } form fieldset { margin-bottom: 18px; padding-top: 18px; } form fieldset legend { display: block; margin-left: 150px; font-size: 20px; line-height: 1; color: #404040; } form div.clearfix { margin-bottom: 18px; } form label, form input, form select, form textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal; } form label { padding-top: 6px; font-size: 13px; line-height: 18px; float: left; width: 130px; text-align: right; color: #404040; } form div.input { margin-left: 150px; } form input[type=checkbox], form input[type=radio] { cursor: pointer; } form input[type=text], form input[type=password], form textarea, form select, form .uneditable-input { display: inline-block; width: 210px; margin: 0; padding: 4px; font-size: 13px; line-height: 18px; height: 18px; color: #808080; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } form select, form input[type=file] { height: 27px; line-height: 27px; } form textarea { height: auto; } form .uneditable-input { background-color: #eee; display: block; border-color: #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); } form input[type=text], form input[type=password], form select, form textarea { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } form input[type=text]:focus, form input[type=password]:focus, form textarea:focus { outline: none; border-color: rgba(82, 168, 236, 0.75); -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5); -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5); box-shadow: 0 0 8px rgba(82, 168, 236, 0.5); } form div.error { background: #fae5e3; padding: 10px 0; margin: -10px 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } form div.error > label, form div.error span.help-inline, form div.error span.help-block { color: #9d261d; } form div.error input[type=text], form div.error input[type=password], form div.error textarea { border-color: #c87872; -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); } form div.error input[type=text]:focus, form div.error input[type=password]:focus, form div.error textarea:focus { border-color: #b9554d; -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); } form div.error div.input-prepend span.add-on, form div.error div.input-append span.add-on { background: #f4c8c5; border-color: #c87872; color: #b9554d; } form .input-mini, form input.mini, form textarea.mini, form select.mini { width: 60px; } form .input-small, form input.small, form textarea.small, form select.small { width: 90px; } form .input-medium, form input.medium, form textarea.medium, form select.medium { width: 150px; } form .input-large, form input.large, form textarea.large, form select.large { width: 210px; } form .input-xlarge, form input.xlarge, form textarea.xlarge, form select.xlarge { width: 270px; } form .input-xxlarge, form input.xxlarge, form textarea.xxlarge, form select.xxlarge { width: 530px; } form textarea.xxlarge { overflow-y: scroll; } form input[readonly]:focus, form textarea[readonly]:focus, form input.disabled { background: #f5f5f5; border-color: #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } div.actions { background: #f5f5f5; margin-top: 18px; margin-bottom: 18px; padding: 17px 20px 18px 150px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } div.actions div.secondary-action { float: right; } div.actions div.secondary-action a { line-height: 30px; } div.actions div.secondary-action a:hover { text-decoration: underline; } .help-inline, .help-block { font-size: 12px; line-height: 18px; color: #bfbfbf; } .help-inline { padding-left: 5px; } .help-block { display: block; max-width: 600px; } div.inline-inputs { color: #808080; } div.inline-inputs span, div.inline-inputs input[type=text] { display: inline-block; } div.inline-inputs input.mini { width: 60px; } div.inline-inputs input.small { width: 90px; } div.inline-inputs span { padding: 0 2px 0 1px; } div.input-prepend input[type=text], div.input-append input[type=text] { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } div.input-prepend .add-on, div.input-append .add-on { background: #f5f5f5; float: left; display: block; width: auto; min-width: 16px; padding: 4px 4px 4px 5px; color: #bfbfbf; font-weight: normal; line-height: 18px; height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; border: 1px solid #bbb; border-right-width: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } div.input-prepend .active, div.input-append .active { background: #a9dba9; border-color: #46a546; } div.input-append input[type=text] { float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } div.input-append .add-on { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-right-width: 1px; border-left-width: 0; } ul.inputs-list { margin: 0 0 5px; width: 100%; } ul.inputs-list li { display: block; padding: 0; width: 100%; } ul.inputs-list li label { display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; } ul.inputs-list li label strong { color: #808080; } ul.inputs-list li label small { font-size: 12px; font-weight: normal; } ul.inputs-list li ul.inputs-list { margin-left: 25px; margin-bottom: 10px; padding-top: 0; } ul.inputs-list li:first-child { padding-top: 5px; } ul.inputs-list input[type=radio], ul.inputs-list input[type=checkbox] { margin-bottom: 0; } form.form-stacked fieldset { padding-top: 9px; } form.form-stacked legend { margin-left: 0; } form.form-stacked label { display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0; } form.form-stacked div.clearfix { margin-bottom: 9px; } form.form-stacked div.clearfix div.input { margin-left: 0; } form.form-stacked ul.inputs-list { margin-bottom: 0; } form.form-stacked ul.inputs-list li { padding-top: 0; } form.form-stacked ul.inputs-list li label { font-weight: normal; padding-top: 0; } /* Tables.less * Tables for, you guessed it, tabular data * ---------------------------------------- */ table { width: 100%; margin-bottom: 18px; padding: 0; text-align: left; border-collapse: separate; font-size: 13px; } table th, table td { padding: 10px 10px 9px; line-height: 13.5px; vertical-align: middle; border-bottom: 1px solid #ddd; } table th { padding-top: 9px; font-weight: bold; border-bottom-width: 2px; } table.zebra-striped tbody tr:nth-child(odd) td { background-color: #f5f5f5; } table.zebra-striped tbody tr:hover td { background-color: #f1f1f1; } table.zebra-striped th.header { cursor: pointer; padding-right: 20px; } table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortDown { background-image: url(assets/img/tablesorter-indicators.png); background-position: right -23px; background-repeat: no-repeat; background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } table.zebra-striped th.header:hover { background-image: url(assets/img/tablesorter-indicators.png); background-position: right 15px; background-repeat: no-repeat; } table.zebra-striped th.actions:hover { background-image: none; } table.zebra-striped th.headerSortDown, table.zebra-striped th.headerSortDown:hover { background-position: right -25px; } table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortUp:hover { background-position: right -65px; } table.zebra-striped th.blue { color: #08b5fb; border-bottom-color: #08b5fb; } table.zebra-striped th.headerSortUp.blue, table.zebra-striped th.headerSortDown.blue { background-color: #d1f1fe; } table.zebra-striped th.green { color: #46a546; border-bottom-color: #46a546; } table.zebra-striped th.headerSortUp.green, table.zebra-striped th.headerSortDown.green { background-color: #cdeacd; } table.zebra-striped th.red { color: #9d261d; border-bottom-color: #9d261d; } table.zebra-striped th.headerSortUp.red, table.zebra-striped th.headerSortDown.red { background-color: #f4c8c5; } table.zebra-striped th.yellow { color: #ffc40d; border-bottom-color: #ffc40d; } table.zebra-striped th.headerSortUp.yellow, table.zebra-striped th.headerSortDown.yellow { background-color: #fff6d9; } table.zebra-striped th.orange { color: #f89406; border-bottom-color: #f89406; } table.zebra-striped th.headerSortUp.orange, table.zebra-striped th.headerSortDown.orange { background-color: #fee9cc; } table.zebra-striped th.purple { color: #7a43b6; border-bottom-color: #7a43b6; } table.zebra-striped th.headerSortUp.purple, table.zebra-striped th.headerSortDown.purple { background-color: #e2d5f0; } /* Patterns.less * Repeatable UI elements outside the base styles provided from the scaffolding * ---------------------------------------------------------------------------- */ div.topbar { background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); /* Konqueror */ background-image: -moz-linear-gradient(#333333, #222222); /* FF 3.6+ */ background-image: -ms-linear-gradient(#333333, #222222); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#333333, #222222); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#333333, #222222); /* Opera 11.10 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0)"; /* IE8+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); /* IE6 & IE7 */ background-image: linear-gradient(#333333, #222222); /* the standard */ height: 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 100; overflow: visible; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } div.topbar a { color: #bfbfbf; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; transition: all linear 0.1s; } div.topbar ul li a:hover, div.topbar ul li.active a, div.topbar a.logo:hover { background-color: #333; background-color: rgba(255, 255, 255, 0.15); color: #ffffff; text-decoration: none; } div.topbar a.logo { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; color: #ffffff; font-size: 20px; font-weight: 200; line-height: 1; } div.topbar a.logo img { float: left; margin-right: 6px; } div.topbar form { float: left; margin: 5px 0 0 0; opacity: 1; position: relative; } div.topbar form input { background-color: #bfbfbf; background-color: rgba(255, 255, 255, 0.3); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: normal; font-weight: 13px; line-height: 1; width: 220px; padding: 4px 9px; color: #fff; color: rgba(255, 255, 255, 0.75); border: 1px solid #111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -webkit-transition: none; -moz-transition: none; transition: none; } div.topbar form input:-moz-placeholder { color: #e6e6e6; } div.topbar form input::-webkit-input-placeholder { color: #e6e6e6; } div.topbar form input:hover { background-color: #444; background-color: rgba(255, 255, 255, 0.5); color: #fff; } div.topbar form input:focus, div.topbar form input.focused { outline: none; background-color: #fff; color: #404040; text-shadow: 0 1px 0 #fff; border: 0; padding: 5px 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } div.topbar ul { display: block; float: left; margin: 0 10px 0 0; } div.topbar ul.secondary-nav { float: right; margin-left: 10px; margin-right: 0; } div.topbar ul li { display: block; float: left; font-size: 13px; } div.topbar ul li a { display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; } div.topbar ul li a:hover { color: #fff; text-decoration: none; } div.topbar ul li.active a { background-color: #222; background-color: rgba(0, 0, 0, 0.5); } div.topbar ul.primary-nav li ul { left: 0; } div.topbar ul.secondary-nav li ul { right: 0; } div.topbar ul li.menu { position: relative; } div.topbar ul li.menu a.menu:after { width: 7px; height: 7px; display: inline-block; background: transparent url(assets/img/dropdown-arrow.gif) no-repeat top center; content: "↓"; text-indent: -99999px; vertical-align: top; margin-top: 8px; margin-left: 4px; opacity: .5; } div.topbar ul li.menu.open a.menu, div.topbar ul li.menu.open a:hover { background-color: #00b4eb; background-color: rgba(255, 255, 255, 0.1); color: #fff; } div.topbar ul li.menu.open ul { display: block; } div.topbar ul li.menu.open ul li a { background-color: transparent; font-weight: normal; } div.topbar ul li.menu.open ul li a:hover { background-color: rgba(255, 255, 255, 0.1); color: #fff; } div.topbar ul li.menu.open ul li.active a { background-color: rgba(255, 255, 255, 0.1); font-weight: bold; } div.topbar ul li ul { background-color: #333; float: left; display: none; position: absolute; top: 40px; min-width: 160px; max-width: 220px; _width: 160px; margin-left: 0; margin-right: 0; padding: 0; text-align: left; border: 0; zoom: 1; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } div.topbar ul li ul li { float: none; clear: both; display: block; background: none; font-size: 12px; } div.topbar ul li ul li a { display: block; padding: 6px 15px; clear: both; font-weight: normal; line-height: 19px; color: #bbb; } div.topbar ul li ul li a:hover { background-color: #333; background-color: rgba(255, 255, 255, 0.25); color: #fff; } div.topbar ul li ul li.divider { height: 1px; overflow: hidden; background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 5px 0; } div.topbar ul li ul li span { clear: both; display: block; background: rgba(0, 0, 0, 0.2); padding: 6px 15px; cursor: default; color: #808080; border-top: 1px solid rgba(0, 0, 0, 0.2); } div.page-header { margin-bottom: 17px; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } div.page-header h1 { margin-bottom: 8px; } div.alert-message { background-color: rgba(0, 0, 0, 0.15); background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15))); /* Konqueror */ background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15)); /* FF 3.6+ */ background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.15)); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15))); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15)); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15)); /* Opera 11.10 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0)"; /* IE8+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0); /* IE6 & IE7 */ background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15)); /* the standard */ background-color: #e6e6e6; margin-bottom: 18px; padding: 8px 15px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.alert-message p { color: #fff; margin-bottom: 0; } div.alert-message p + p { margin-top: 5px; } div.alert-message.error { background-color: #e06359; } div.alert-message.warning { background-color: #ffd75a; } div.alert-message.success { background-color: #74c474; } div.alert-message.info { background-color: #53ccfc; } div.alert-message a.close { float: right; margin-top: -2px; opacity: .5; color: #fff; font-size: 20px; font-weight: bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.alert-message a.close:hover { opacity: 1; text-decoration: none; } div.block-message { margin-bottom: 18px; padding: 14px; color: #404040; color: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div.block-message p { color: #404040; color: rgba(0, 0, 0, 0.8); margin-right: 30px; margin-bottom: 0; } div.block-message ul { margin-bottom: 0; } div.block-message strong { display: block; } div.block-message a.close { display: block; color: #404040; color: rgba(0, 0, 0, 0.5); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } div.block-message.error { background: #f8dcda; border: 1px solid #f4c8c5; } div.block-message.warning { background: #fff0c0; border: 1px solid #ffe38d; } div.block-message.success { background: #dff1df; border: 1px solid #bbe2bb; } div.block-message.info { background: #eaf9ff; border: 1px solid #d1f1fe; } ul.tabs, ul.pills { margin: 0 0 20px; padding: 0; zoom: 1; } ul.tabs:after, ul.pills:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } ul.tabs li, ul.pills li { display: inline; } ul.tabs li a, ul.pills li a { float: left; width: auto; } ul.tabs { width: 100%; border-bottom: 1px solid #bfbfbf; } ul.tabs li a { margin-bottom: -1px; margin-right: 2px; padding: 0 15px; line-height: 35px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } ul.tabs li a:hover { background-color: #e6e6e6; border-bottom: 1px solid #bfbfbf; } ul.tabs li.active a { background-color: #fff; padding: 0 14px; border: 1px solid #ccc; border-bottom: 0; color: #808080; } ul.pills li a { margin: 5px 3px 5px 0; padding: 0 15px; text-shadow: 0 1px 1px #fff; line-height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } ul.pills li a:hover { background: #0050a3; color: #fff; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } ul.pills li.active a { background: #0069d6; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } div.pagination { height: 36px; margin: 18px 0; } div.pagination ul { float: left; margin: 0; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } div.pagination ul li { display: inline; } div.pagination ul li a { float: left; padding: 0 14px; line-height: 34px; border-right: 1px solid rgba(0, 0, 0, 0.15); text-decoration: none; } div.pagination ul li a:hover, div.pagination ul li.active a { background-color: #eaf9ff; } div.pagination ul li.disabled a, div.pagination ul li.disabled a:hover { background-color: none; color: #bfbfbf; } div.pagination ul li.next a, div.pagination ul li:last-child a { border: 0; } div.well { background: #f5f5f5; margin-bottom: 20px; padding: 19px; min-height: 20px; border: 1px solid #ddd; -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); } div.modal-backdrop { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } div.modal { position: fixed; top: 50%; left: 50%; z-index: 2000; width: 560px; margin: -280px 0 0 -250px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding; } div.modal .modal-header { border-bottom: 1px solid #eee; padding: 5px 20px; } div.modal .modal-header a.close { position: absolute; right: 10px; top: 10px; color: #999; line-height: 10px; font-size: 18px; } div.modal .modal-body { padding: 20px; } div.modal .modal-footer { background-color: #eee; padding: 14px 20px 15px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; zoom: 1; } div.modal .modal-footer:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } div.modal .modal-footer .btn { float: right; margin-left: 10px; }