diff --git a/css/style.css b/css/style.css index c178712..5be0829 100644 --- a/css/style.css +++ b/css/style.css @@ -8,4173 +8,1367 @@ * Designed and built with all the love in the world @twitter by @mdo and @fat. * Date: @DATE */ -/* 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 (i.e., dfn, samp, etc). - * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ -html, body { - margin: 0; - padding: 0; } - -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -cite, -code, -del, -dfn, -em, -img, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -dd, -dl, -dt, -li, -ol, -ul, -fieldset, -form, -label, -legend, -button, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - margin: 0; - padding: 0; - border: 0; - font-weight: normal; - font-style: normal; - font-size: 100%; - line-height: 1; - font-family: inherit; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -ol, ul { - list-style: none; } - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; } - -html { - overflow-y: scroll; - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; } - -a:focus { - outline: thin dotted; } - -a:hover, a:active { - outline: 0; } - -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; } - -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -img { - border: 0; - -ms-interpolation-mode: bicubic; } - -button, -input, -select, -textarea { - font-size: 100%; - margin: 0; - vertical-align: baseline; - *vertical-align: middle; } - -button, input { - line-height: normal; - *overflow: visible; } - -button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; } - -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; } - -input[type="search"] { - -webkit-appearance: textfield; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; } - -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -textarea { - overflow: auto; - vertical-align: top; } - -/* Variables.less - * Variables to customize the look and feel of Bootstrap - * ----------------------------------------------------- */ -/* Mixins.less - * Snippets of reusable CSS to develop faster and keep code readable - * ----------------------------------------------------------------- */ -/* - * Scaffolding - * Basic and global styles for generating a grid system, structural layout, and page templates - * ------------------------------------------------------------------------------------------- */ -body { - background-color: #ffffff; - margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 15px; - font-weight: normal; - line-height: 21px; - color: #404040; } - -.container { - width: 940px; - margin-left: auto; - margin-right: auto; - zoom: 1; } - -.container:before, .container:after { - display: table; - content: ""; - zoom: 1; } +/* 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 (i.e., dfn, samp, etc). ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ +html, body { margin: 0; padding: 0; } -.container:after { - clear: both; } +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; } -.container-fluid { - position: relative; - min-width: 940px; - padding-left: 20px; - padding-right: 20px; - zoom: 1; } +table { border-collapse: collapse; border-spacing: 0; } -.container-fluid:before, .container-fluid:after { - display: table; - content: ""; - zoom: 1; } +ol, ul { list-style: none; } -.container-fluid:after { - clear: both; } +q:before, q:after, blockquote:before, blockquote:after { content: ""; } -.container-fluid > .sidebar { - position: absolute; - top: 0; - left: 20px; - width: 220px; } +html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } -.container-fluid > .content { - margin-left: 240px; } +a:focus { outline: thin dotted; } -a { - color: #f35500; - text-decoration: none; - line-height: inherit; - font-weight: inherit; } +a:hover, a:active { outline: 0; } -a:hover { - color: #a63a00; - text-decoration: underline; } +article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } -.pull-right { - float: right; } +audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } -.pull-left { - float: left; } +audio:not([controls]) { display: none; } -.hide { - display: none; } +sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } -.show { - display: block; } +sup { top: -0.5em; } -.row { - zoom: 1; - margin-left: -20px; } +sub { bottom: -0.25em; } -.row:before, .row:after { - display: table; - content: ""; - zoom: 1; } +img { border: 0; -ms-interpolation-mode: bicubic; } -.row:after { - clear: both; } +button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } -.row > [class*="span"] { - display: inline; - float: left; - margin-left: 20px; } +button, input { line-height: normal; *overflow: visible; } -.span1 { - width: 40px; } +button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } -.span2 { - width: 100px; } +button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } -.span3 { - width: 160px; } +input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } -.span4 { - width: 220px; } +input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -.span5 { - width: 280px; } +textarea { overflow: auto; vertical-align: top; } -.span6 { - width: 340px; } +/* Variables.less Variables to customize the look and feel of Bootstrap ----------------------------------------------------- */ +/* Mixins.less Snippets of reusable CSS to develop faster and keep code readable ----------------------------------------------------------------- */ +/* Scaffolding Basic and global styles for generating a grid system, structural layout, and page templates ------------------------------------------------------------------------------------------- */ +body { background-color: #ffffff; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; line-height: 21px; color: #404040; } -.span7 { - width: 400px; } +.container { width: 940px; margin-left: auto; margin-right: auto; zoom: 1; } -.span8 { - width: 460px; } +.container:before, .container:after { display: table; content: ""; zoom: 1; } -.span9 { - width: 520px; } +.container:after { clear: both; } -.span10 { - width: 580px; } +.container-fluid { position: relative; min-width: 940px; padding-left: 20px; padding-right: 20px; zoom: 1; } -.span11 { - width: 640px; } +.container-fluid:before, .container-fluid:after { display: table; content: ""; zoom: 1; } -.span12 { - width: 700px; } +.container-fluid:after { clear: both; } -.span13 { - width: 760px; } +.container-fluid > .sidebar { position: absolute; top: 0; left: 20px; width: 220px; } -.span14 { - width: 820px; } +.container-fluid > .content { margin-left: 240px; } -.span15 { - width: 880px; } +a { color: #f35500; text-decoration: none; line-height: inherit; font-weight: inherit; } -.span16 { - width: 940px; } +a:hover { color: #a63a00; text-decoration: underline; } -.span17 { - width: 1000px; } +.pull-right { float: right; } -.span18 { - width: 1060px; } +.pull-left { float: left; } -.span19 { - width: 1120px; } +.hide { display: none; } -.span20 { - width: 1180px; } +.show { display: block; } -.span21 { - width: 1240px; } +.row { zoom: 1; margin-left: -20px; } -.span22 { - width: 1300px; } +.row:before, .row:after { display: table; content: ""; zoom: 1; } -.span23 { - width: 1360px; } +.row:after { clear: both; } -.span24 { - width: 1420px; } +.row > [class*="span"] { display: inline; float: left; margin-left: 20px; } -.row > .offset1 { - margin-left: 80px; } +.span1 { width: 40px; } -.row > .offset2 { - margin-left: 140px; } +.span2 { width: 100px; } -.row > .offset3 { - margin-left: 200px; } +.span3 { width: 160px; } -.row > .offset4 { - margin-left: 260px; } +.span4 { width: 220px; } -.row > .offset5 { - margin-left: 320px; } +.span5 { width: 280px; } -.row > .offset6 { - margin-left: 380px; } +.span6 { width: 340px; } -.row > .offset7 { - margin-left: 440px; } +.span7 { width: 400px; } -.row > .offset8 { - margin-left: 500px; } +.span8 { width: 460px; } -.row > .offset9 { - margin-left: 560px; } +.span9 { width: 520px; } -.row > .offset10 { - margin-left: 620px; } +.span10 { width: 580px; } -.row > .offset11 { - margin-left: 680px; } +.span11 { width: 640px; } -.row > .offset12 { - margin-left: 740px; } +.span12 { width: 700px; } -.span-one-third { - width: 300px; } +.span13 { width: 760px; } -.span-two-thirds { - width: 620px; } +.span14 { width: 820px; } -.offset-one-third { - margin-left: 340px; } +.span15 { width: 880px; } -.offset-two-thirds { - margin-left: 660px; } +.span16 { width: 940px; } -/* Typography.less - * Headings, body text, lists, code, and more for a versatile and durable typography system - * ---------------------------------------------------------------------------------------- */ -p { - font-size: 15px; - font-weight: normal; - line-height: 21px; - margin-bottom: 10.5px; } +.span17 { width: 1000px; } -p small { - font-size: 13px; - color: #bfbfbf; } +.span18 { width: 1060px; } -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; - color: #404040; } +.span19 { width: 1120px; } -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - color: #bfbfbf; } +.span20 { width: 1180px; } -h1 { - margin-bottom: 21px; - font-size: 30px; - line-height: 42px; } +.span21 { width: 1240px; } -h1 small { - font-size: 18px; } +.span22 { width: 1300px; } -h2 { - font-size: 24px; - line-height: 42px; } +.span23 { width: 1360px; } -h2 small { - font-size: 14px; } +.span24 { width: 1420px; } -h3, -h4, -h5, -h6 { - line-height: 42px; } +.row > .offset1 { margin-left: 80px; } -h3 { - font-size: 18px; } +.row > .offset2 { margin-left: 140px; } -h3 small { - font-size: 14px; } +.row > .offset3 { margin-left: 200px; } -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 21px 25px; } - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; } - -ul { - list-style: disc; } - -ol { - list-style: decimal; } - -li { - line-height: 21px; - color: #808080; } - -ul.unstyled { - list-style: none; - margin-left: 0; } - -dl { - margin-bottom: 21px; } - -dl dt, dl dd { - line-height: 21px; } - -dl dt { - font-weight: bold; } - -dl dd { - margin-left: 10.5px; } - -hr { - margin: 20px 0 19px; - border: 0; - border-bottom: 1px solid #eee; } - -strong { - font-style: inherit; - font-weight: bold; } - -em { - font-style: italic; - font-weight: inherit; - line-height: inherit; } - -.muted { - color: #bfbfbf; } - -blockquote { - margin-bottom: 21px; - border-left: 5px solid #eee; - padding-left: 15px; } - -blockquote p { - font-size: 14px; - font-weight: 300; - line-height: 21px; - margin-bottom: 0; } - -blockquote small { - display: block; - font-size: 12px; - font-weight: 300; - line-height: 21px; - color: #bfbfbf; } - -blockquote small:before { - content: '\2014 \00A0'; } - -address { - display: block; - line-height: 21px; - margin-bottom: 21px; } - -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: #ffd6c0; - color: rgba(0, 0, 0, 0.75); - padding: 1px 3px; } - -pre { - background-color: #f5f5f5; - display: block; - padding: 10px; - margin: 0 0 21px; - line-height: 21px; - font-size: 12px; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; } - -/* Forms.less - * Base styles for various input types, form layouts, and states - * ------------------------------------------------------------- */ -form { - margin-bottom: 21px; } - -fieldset { - margin-bottom: 21px; - padding-top: 21px; } - -fieldset legend { - display: block; - padding-left: 150px; - font-size: 22.5px; - line-height: 1; - color: #404040; - *padding: 0 0 5px 145px; - /* IE6-7 */ - *line-height: 1.5; - /* IE6-7 */ } - -form .clearfix { - margin-bottom: 21px; - zoom: 1; } - -form .clearfix:before, form .clearfix:after { - display: table; - content: ""; - zoom: 1; } - -form .clearfix:after { - clear: both; } - -label, -input, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - font-weight: normal; - line-height: normal; } - -label { - padding-top: 6px; - font-size: 15px; - line-height: 21px; - float: left; - width: 130px; - text-align: right; - color: #404040; } - -form .input { - margin-left: 150px; } - -input[type=checkbox], input[type=radio] { - cursor: pointer; } - -input, -textarea, -select, -.uneditable-input { - display: inline-block; - width: 210px; - height: 21px; - padding: 4px; - font-size: 15px; - line-height: 21px; - color: #808080; - border: 1px solid #ccc; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; } - -select { - padding: initial; } - -input[type=checkbox], input[type=radio] { - width: auto; - height: auto; - padding: 0; - margin: 3px 0; - *margin-top: 0; - /* IE6-7 */ - line-height: normal; - border: none; } - -input[type=file] { - background-color: #ffffff; - padding: initial; - border: initial; - line-height: initial; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } - -input[type=button], input[type=reset], input[type=submit] { - width: auto; - height: auto; } - -select, input[type=file] { - height: 31.5px; - *height: auto; - line-height: 31.5px; - *margin-top: 4px; - /* For IE7, add top margin to align select with labels */ } - -select[multiple] { - height: inherit; - background-color: #ffffff; } - -textarea { - height: auto; } - -.uneditable-input { - background-color: #ffffff; - display: block; - border-color: #eee; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - cursor: not-allowed; } - -:-moz-placeholder { - color: #bfbfbf; } - -::-webkit-input-placeholder { - color: #bfbfbf; } - -input, textarea { - -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; - -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } - -input:focus, textarea:focus { - outline: 0; - border-color: rgba(82, 168, 236, 0.8); - -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } - -input[type=file]:focus, input[type=checkbox]:focus, select:focus { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - outline: 1px dotted #666; } - -form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline { - color: #b94a48; } - -form .clearfix.error input, form .clearfix.error textarea { - color: #b94a48; - border-color: #ee5f5b; } - -form .clearfix.error input:focus, form .clearfix.error textarea: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 .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on { - color: #b94a48; - background-color: #fce6e6; - border-color: #b94a48; } - -form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline { - color: #c09853; } - -form .clearfix.warning input, form .clearfix.warning textarea { - color: #c09853; - border-color: #ccae64; } - -form .clearfix.warning input:focus, form .clearfix.warning textarea:focus { - border-color: #be9a3f; - -webkit-box-shadow: 0 0 6px #e5d6b1; - -moz-box-shadow: 0 0 6px #e5d6b1; - box-shadow: 0 0 6px #e5d6b1; } - -form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on { - color: #c09853; - background-color: #d2b877; - border-color: #c09853; } - -form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline { - color: #468847; } - -form .clearfix.success input, form .clearfix.success textarea { - color: #468847; - border-color: #57a957; } - -form .clearfix.success input:focus, form .clearfix.success textarea:focus { - border-color: #458845; - -webkit-box-shadow: 0 0 6px #9acc9a; - -moz-box-shadow: 0 0 6px #9acc9a; - box-shadow: 0 0 6px #9acc9a; } - -form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on { - color: #468847; - background-color: #bcddbc; - border-color: #468847; } - -.input-mini, -input.mini, -textarea.mini, -select.mini { - width: 60px; } - -.input-small, -input.small, -textarea.small, -select.small { - width: 90px; } - -.input-medium, -input.medium, -textarea.medium, -select.medium { - width: 150px; } - -.input-large, -input.large, -textarea.large, -select.large { - width: 210px; } - -.input-xlarge, -input.xlarge, -textarea.xlarge, -select.xlarge { - width: 270px; } - -.input-xxlarge, -input.xxlarge, -textarea.xxlarge, -select.xxlarge { - width: 530px; } - -textarea.xxlarge { - overflow-y: auto; } - -input.span1, textarea.span1 { - display: inline-block; - float: none; - width: 30px; - margin-left: 0; } - -input.span2, textarea.span2 { - display: inline-block; - float: none; - width: 90px; - margin-left: 0; } - -input.span3, textarea.span3 { - display: inline-block; - float: none; - width: 150px; - margin-left: 0; } - -input.span4, textarea.span4 { - display: inline-block; - float: none; - width: 210px; - margin-left: 0; } - -input.span5, textarea.span5 { - display: inline-block; - float: none; - width: 270px; - margin-left: 0; } - -input.span6, textarea.span6 { - display: inline-block; - float: none; - width: 330px; - margin-left: 0; } - -input.span7, textarea.span7 { - display: inline-block; - float: none; - width: 390px; - margin-left: 0; } - -input.span8, textarea.span8 { - display: inline-block; - float: none; - width: 450px; - margin-left: 0; } - -input.span9, textarea.span9 { - display: inline-block; - float: none; - width: 510px; - margin-left: 0; } - -input.span10, textarea.span10 { - display: inline-block; - float: none; - width: 570px; - margin-left: 0; } - -input.span11, textarea.span11 { - display: inline-block; - float: none; - width: 630px; - margin-left: 0; } - -input.span12, textarea.span12 { - display: inline-block; - float: none; - width: 690px; - margin-left: 0; } - -input.span13, textarea.span13 { - display: inline-block; - float: none; - width: 750px; - margin-left: 0; } - -input.span14, textarea.span14 { - display: inline-block; - float: none; - width: 810px; - margin-left: 0; } - -input.span15, textarea.span15 { - display: inline-block; - float: none; - width: 870px; - margin-left: 0; } - -input.span16, textarea.span16 { - display: inline-block; - float: none; - width: 930px; - margin-left: 0; } - -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - background-color: #f5f5f5; - border-color: #ddd; - cursor: not-allowed; } - -.actions { - background: #f5f5f5; - margin-top: 21px; - margin-bottom: 21px; - padding: 20px 20px 21px 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; } - -.actions .secondary-action { - float: right; } - -.actions .secondary-action a { - line-height: 30px; } - -.actions .secondary-action a:hover { - text-decoration: underline; } - -.help-inline, .help-block { - font-size: 15px; - line-height: 21px; - color: #bfbfbf; } - -.help-inline { - padding-left: 5px; - *position: relative; - /* IE6-7 */ - *top: -5px; - /* IE6-7 */ } - -.help-block { - display: block; - max-width: 600px; } - -.inline-inputs { - color: #808080; } - -.inline-inputs span { - padding: 0 2px 0 1px; } - -.input-prepend input, .input-append input { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; } - -.input-prepend .add-on, .input-append .add-on { - position: relative; - background: #f5f5f5; - border: 1px solid #ccc; - z-index: 2; - float: left; - display: block; - width: auto; - min-width: 16px; - height: 18px; - padding: 4px 4px 4px 5px; - margin-right: -1px; - font-weight: normal; - line-height: 18px; - color: #bfbfbf; - text-align: center; - text-shadow: 0 1px 0 #ffffff; - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; } - -.input-prepend .active, .input-append .active { - background: #a9dba9; - border-color: #46a546; } - -.input-prepend .add-on { - *margin-top: 1px; - /* IE6-7 */ } - -.input-append input { - float: left; - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; } - -.input-append .add-on { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; - margin-right: 0; - margin-left: -1px; } - -.inputs-list { - margin: 0 0 5px; - width: 100%; } - -.inputs-list li { - display: block; - padding: 0; - width: 100%; } - -.inputs-list label { - display: block; - float: none; - width: auto; - padding: 0; - margin-left: 20px; - line-height: 21px; - text-align: left; - white-space: normal; } - -.inputs-list label strong { - color: #808080; } - -.inputs-list label small { - font-size: 13px; - font-weight: normal; } - -.inputs-list .inputs-list { - margin-left: 25px; - margin-bottom: 10px; - padding-top: 0; } - -.inputs-list:first-child { - padding-top: 6px; } - -.inputs-list li + li { - padding-top: 2px; } - -.inputs-list input[type=radio], .inputs-list input[type=checkbox] { - margin-bottom: 0; - margin-left: -20px; - float: left; } - -.form-stacked { - padding-left: 20px; } - -.form-stacked fieldset { - padding-top: 10.5px; } - -.form-stacked legend { - padding-left: 0; } - -.form-stacked label { - display: block; - float: none; - width: auto; - font-weight: bold; - text-align: left; - line-height: 20px; - padding-top: 0; } - -.form-stacked .clearfix { - margin-bottom: 10.5px; } - -.form-stacked .clearfix div.input { - margin-left: 0; } - -.form-stacked .inputs-list { - margin-bottom: 0; } - -.form-stacked .inputs-list li { - padding-top: 0; } - -.form-stacked .inputs-list li label { - font-weight: normal; - padding-top: 0; } - -.form-stacked div.clearfix.error { - padding-top: 10px; - padding-bottom: 10px; - padding-left: 10px; - margin-top: 0; - margin-left: -10px; } - -.form-stacked .actions { - margin-left: -20px; - padding-left: 20px; } +.row > .offset4 { margin-left: 260px; } -/* - * Tables.less - * Tables for, you guessed it, tabular data - * ---------------------------------------- */ -table { - width: 100%; - margin-bottom: 21px; - padding: 0; - font-size: 15px; - border-collapse: collapse; } +.row > .offset5 { margin-left: 320px; } + +.row > .offset6 { margin-left: 380px; } + +.row > .offset7 { margin-left: 440px; } + +.row > .offset8 { margin-left: 500px; } + +.row > .offset9 { margin-left: 560px; } + +.row > .offset10 { margin-left: 620px; } + +.row > .offset11 { margin-left: 680px; } + +.row > .offset12 { margin-left: 740px; } + +.span-one-third { width: 300px; } + +.span-two-thirds { width: 620px; } + +.offset-one-third { margin-left: 340px; } + +.offset-two-thirds { margin-left: 660px; } + +/* Typography.less Headings, body text, lists, code, and more for a versatile and durable typography system ---------------------------------------------------------------------------------------- */ +p { font-size: 15px; font-weight: normal; line-height: 21px; margin-bottom: 10.5px; } + +p small { font-size: 13px; color: #bfbfbf; } + +h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #404040; } + +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #bfbfbf; } + +h1 { margin-bottom: 21px; font-size: 30px; line-height: 42px; } + +h1 small { font-size: 18px; } + +h2 { font-size: 24px; line-height: 42px; } + +h2 small { font-size: 14px; } + +h3, h4, h5, h6 { line-height: 42px; } + +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 21px 25px; } + +ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } + +ul { list-style: disc; } + +ol { list-style: decimal; } + +li { line-height: 21px; color: #808080; } + +ul.unstyled { list-style: none; margin-left: 0; } + +dl { margin-bottom: 21px; } + +dl dt, dl dd { line-height: 21px; } + +dl dt { font-weight: bold; } + +dl dd { margin-left: 10.5px; } + +hr { margin: 20px 0 19px; border: 0; border-bottom: 1px solid #eee; } + +strong { font-style: inherit; font-weight: bold; } + +em { font-style: italic; font-weight: inherit; line-height: inherit; } + +.muted { color: #bfbfbf; } + +blockquote { margin-bottom: 21px; border-left: 5px solid #eee; padding-left: 15px; } + +blockquote p { font-size: 14px; font-weight: 300; line-height: 21px; margin-bottom: 0; } + +blockquote small { display: block; font-size: 12px; font-weight: 300; line-height: 21px; color: #bfbfbf; } + +blockquote small:before { content: '\2014 \00A0'; } + +address { display: block; line-height: 21px; margin-bottom: 21px; } + +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: #ffd6c0; color: rgba(0, 0, 0, 0.75); padding: 1px 3px; } + +pre { background-color: #f5f5f5; display: block; padding: 10px; margin: 0 0 21px; line-height: 21px; font-size: 12px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } + +/* Forms.less Base styles for various input types, form layouts, and states ------------------------------------------------------------- */ +form { margin-bottom: 21px; } + +fieldset { margin-bottom: 21px; padding-top: 21px; } + +fieldset legend { display: block; padding-left: 150px; font-size: 22.5px; line-height: 1; color: #404040; *padding: 0 0 5px 145px; /* IE6-7 */ *line-height: 1.5; /* IE6-7 */ } + +form .clearfix { margin-bottom: 21px; zoom: 1; } + +form .clearfix:before, form .clearfix:after { display: table; content: ""; zoom: 1; } + +form .clearfix:after { clear: both; } + +label, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal; } + +label { padding-top: 6px; font-size: 15px; line-height: 21px; float: left; width: 130px; text-align: right; color: #404040; } + +form .input { margin-left: 150px; } + +input[type=checkbox], input[type=radio] { cursor: pointer; } + +input, textarea, select, .uneditable-input { display: inline-block; width: 210px; height: 21px; padding: 4px; font-size: 15px; line-height: 21px; color: #808080; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } + +select { padding: initial; } + +input[type=checkbox], input[type=radio] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none; } + +input[type=file] { background-color: #ffffff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } + +input[type=button], input[type=reset], input[type=submit] { width: auto; height: auto; } + +select, input[type=file] { height: 31.5px; *height: auto; line-height: 31.5px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ } + +select[multiple] { height: inherit; background-color: #ffffff; } + +textarea { height: auto; } + +.uneditable-input { background-color: #ffffff; display: block; border-color: #eee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } + +:-moz-placeholder { color: #bfbfbf; } + +::-webkit-input-placeholder { color: #bfbfbf; } + +input, textarea { -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; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } + +input:focus, textarea:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; } + +form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline { color: #b94a48; } + +form .clearfix.error input, form .clearfix.error textarea { color: #b94a48; border-color: #ee5f5b; } + +form .clearfix.error input:focus, form .clearfix.error textarea: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 .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on { color: #b94a48; background-color: #fce6e6; border-color: #b94a48; } + +form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline { color: #c09853; } + +form .clearfix.warning input, form .clearfix.warning textarea { color: #c09853; border-color: #ccae64; } + +form .clearfix.warning input:focus, form .clearfix.warning textarea:focus { border-color: #be9a3f; -webkit-box-shadow: 0 0 6px #e5d6b1; -moz-box-shadow: 0 0 6px #e5d6b1; box-shadow: 0 0 6px #e5d6b1; } + +form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on { color: #c09853; background-color: #d2b877; border-color: #c09853; } + +form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline { color: #468847; } + +form .clearfix.success input, form .clearfix.success textarea { color: #468847; border-color: #57a957; } + +form .clearfix.success input:focus, form .clearfix.success textarea:focus { border-color: #458845; -webkit-box-shadow: 0 0 6px #9acc9a; -moz-box-shadow: 0 0 6px #9acc9a; box-shadow: 0 0 6px #9acc9a; } + +form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on { color: #468847; background-color: #bcddbc; border-color: #468847; } + +.input-mini, input.mini, textarea.mini, select.mini { width: 60px; } + +.input-small, input.small, textarea.small, select.small { width: 90px; } + +.input-medium, input.medium, textarea.medium, select.medium { width: 150px; } + +.input-large, input.large, textarea.large, select.large { width: 210px; } + +.input-xlarge, input.xlarge, textarea.xlarge, select.xlarge { width: 270px; } + +.input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge { width: 530px; } + +textarea.xxlarge { overflow-y: auto; } + +input.span1, textarea.span1 { display: inline-block; float: none; width: 30px; margin-left: 0; } + +input.span2, textarea.span2 { display: inline-block; float: none; width: 90px; margin-left: 0; } + +input.span3, textarea.span3 { display: inline-block; float: none; width: 150px; margin-left: 0; } + +input.span4, textarea.span4 { display: inline-block; float: none; width: 210px; margin-left: 0; } + +input.span5, textarea.span5 { display: inline-block; float: none; width: 270px; margin-left: 0; } + +input.span6, textarea.span6 { display: inline-block; float: none; width: 330px; margin-left: 0; } + +input.span7, textarea.span7 { display: inline-block; float: none; width: 390px; margin-left: 0; } + +input.span8, textarea.span8 { display: inline-block; float: none; width: 450px; margin-left: 0; } + +input.span9, textarea.span9 { display: inline-block; float: none; width: 510px; margin-left: 0; } + +input.span10, textarea.span10 { display: inline-block; float: none; width: 570px; margin-left: 0; } + +input.span11, textarea.span11 { display: inline-block; float: none; width: 630px; margin-left: 0; } + +input.span12, textarea.span12 { display: inline-block; float: none; width: 690px; margin-left: 0; } + +input.span13, textarea.span13 { display: inline-block; float: none; width: 750px; margin-left: 0; } + +input.span14, textarea.span14 { display: inline-block; float: none; width: 810px; margin-left: 0; } + +input.span15, textarea.span15 { display: inline-block; float: none; width: 870px; margin-left: 0; } + +input.span16, textarea.span16 { display: inline-block; float: none; width: 930px; margin-left: 0; } + +input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; } + +.actions { background: #f5f5f5; margin-top: 21px; margin-bottom: 21px; padding: 20px 20px 21px 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; } + +.actions .secondary-action { float: right; } + +.actions .secondary-action a { line-height: 30px; } + +.actions .secondary-action a:hover { text-decoration: underline; } + +.help-inline, .help-block { font-size: 15px; line-height: 21px; color: #bfbfbf; } + +.help-inline { padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */ } + +.help-block { display: block; max-width: 600px; } + +.inline-inputs { color: #808080; } + +.inline-inputs span { padding: 0 2px 0 1px; } + +.input-prepend input, .input-append input { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } + +.input-prepend .add-on, .input-append .add-on { position: relative; background: #f5f5f5; border: 1px solid #ccc; z-index: 2; float: left; display: block; width: auto; min-width: 16px; height: 18px; padding: 4px 4px 4px 5px; margin-right: -1px; font-weight: normal; line-height: 18px; color: #bfbfbf; text-align: center; text-shadow: 0 1px 0 #ffffff; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } + +.input-prepend .active, .input-append .active { background: #a9dba9; border-color: #46a546; } + +.input-prepend .add-on { *margin-top: 1px; /* IE6-7 */ } + +.input-append input { float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } + +.input-append .add-on { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right: 0; margin-left: -1px; } + +.inputs-list { margin: 0 0 5px; width: 100%; } + +.inputs-list li { display: block; padding: 0; width: 100%; } + +.inputs-list label { display: block; float: none; width: auto; padding: 0; margin-left: 20px; line-height: 21px; text-align: left; white-space: normal; } + +.inputs-list label strong { color: #808080; } + +.inputs-list label small { font-size: 13px; font-weight: normal; } + +.inputs-list .inputs-list { margin-left: 25px; margin-bottom: 10px; padding-top: 0; } + +.inputs-list:first-child { padding-top: 6px; } + +.inputs-list li + li { padding-top: 2px; } + +.inputs-list input[type=radio], .inputs-list input[type=checkbox] { margin-bottom: 0; margin-left: -20px; float: left; } + +.form-stacked { padding-left: 20px; } + +.form-stacked fieldset { padding-top: 10.5px; } + +.form-stacked legend { padding-left: 0; } + +.form-stacked label { display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0; } + +.form-stacked .clearfix { margin-bottom: 10.5px; } + +.form-stacked .clearfix div.input { margin-left: 0; } + +.form-stacked .inputs-list { margin-bottom: 0; } + +.form-stacked .inputs-list li { padding-top: 0; } + +.form-stacked .inputs-list li label { font-weight: normal; padding-top: 0; } + +.form-stacked div.clearfix.error { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0; margin-left: -10px; } + +.form-stacked .actions { margin-left: -20px; padding-left: 20px; } + +/* Tables.less Tables for, you guessed it, tabular data ---------------------------------------- */ +table { width: 100%; margin-bottom: 21px; padding: 0; font-size: 15px; border-collapse: collapse; } + +table th, table td { padding: 10px 10px 9px; line-height: 21px; text-align: left; } + +table th { padding-top: 9px; font-weight: bold; vertical-align: middle; } + +table td { vertical-align: top; border-top: 1px solid #ddd; } + +table tbody th { border-top: 1px solid #ddd; vertical-align: top; } + +.condensed-table th, .condensed-table td { padding: 5px 5px 4px; } + +.bordered-table { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; /* IE7, collapse table to remove spacing */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } + +.bordered-table th + th, .bordered-table td + td, .bordered-table th + td { border-left: 1px solid #ddd; } + +.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } + +.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } + +.bordered-table tbody 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; } + +.bordered-table tbody tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } + +table .span1 { width: 20px; } + +table .span2 { width: 60px; } + +table .span3 { width: 100px; } + +table .span4 { width: 140px; } + +table .span5 { width: 180px; } + +table .span6 { width: 220px; } + +table .span7 { width: 260px; } + +table .span8 { width: 300px; } + +table .span9 { width: 340px; } + +table .span10 { width: 380px; } + +table .span11 { width: 420px; } + +table .span12 { width: 460px; } + +table .span13 { width: 500px; } + +table .span14 { width: 540px; } + +table .span15 { width: 580px; } + +table .span16 { width: 620px; } + +.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } + +.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th { background-color: #f5f5f5; } + +table .header { cursor: pointer; } + +table .header:after { content: ""; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #000 transparent; visibility: hidden; } + +table .headerSortUp, table .headerSortDown { background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } + +table .header:hover:after { visibility: visible; } + +table .headerSortDown:after, table .headerSortDown:hover:after { visibility: visible; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } + +table .headerSortUp:after { border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } + +table .blue { color: #049cdb; border-bottom-color: #049cdb; } + +table .headerSortUp.blue, table .headerSortDown.blue { background-color: #ade6fe; } + +table .green { color: #46a546; border-bottom-color: #46a546; } + +table .headerSortUp.green, table .headerSortDown.green { background-color: #cdeacd; } + +table .red { color: #9d261d; border-bottom-color: #9d261d; } + +table .headerSortUp.red, table .headerSortDown.red { background-color: #f4c8c5; } + +table .yellow { color: #ffc40d; border-bottom-color: #ffc40d; } + +table .headerSortUp.yellow, table .headerSortDown.yellow { background-color: #fff6d9; } + +table .orange { color: #f35500; border-bottom-color: #f35500; } + +table .headerSortUp.orange, table .headerSortDown.orange { background-color: #ffd6c0; } + +table .purple { color: #7a43b6; border-bottom-color: #7a43b6; } + +table .headerSortUp.purple, table .headerSortDown.purple { background-color: #e2d5f0; } + +/* Patterns.less Repeatable UI elements outside the base styles provided from the scaffolding ---------------------------------------------------------------------------- */ +.topbar { height: 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; overflow: visible; } + +.topbar a { color: #bfbfbf; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + +.topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a { background-color: #333; background-color: rgba(255, 255, 255, 0.05); color: #ffffff; text-decoration: none; } + +.topbar h3 { position: relative; } + +.topbar h3 a, .topbar .brand { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; color: #ffffff; font-size: 20px; font-weight: 200; line-height: 1; } + +.topbar p { margin: 0; line-height: 40px; } + +.topbar p a:hover { background-color: transparent; color: #ffffff; } + +.topbar form { float: left; margin: 5px 0 0 0; position: relative; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } + +.topbar form.pull-right { float: right; } + +.topbar input { background-color: #444; 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; padding: 4px 9px; color: #ffffff; 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; -ms-transition: none; -o-transition: none; transition: none; } + +.topbar input:-moz-placeholder { color: #e6e6e6; } + +.topbar input::-webkit-input-placeholder { color: #e6e6e6; } + +.topbar input:hover { background-color: #bfbfbf; background-color: rgba(255, 255, 255, 0.5); color: #ffffff; } + +.topbar input:focus, .topbar input.focused { outline: 0; background-color: #ffffff; color: #404040; text-shadow: 0 1px 0 #ffffff; 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); } + +.topbar-inner, .topbar .fill { background-color: #222; background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -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); } + +.topbar div > ul, .nav { display: block; float: left; margin: 0 10px 0 0; position: relative; left: 0; } + +.topbar div > ul > li, .nav > li { display: block; float: left; } + +.topbar div > ul a, .nav a { display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; } + +.topbar div > ul a:hover, .nav a:hover { color: #ffffff; text-decoration: none; } + +.topbar div > ul .active > a, .nav .active > a { background-color: #222; background-color: rgba(0, 0, 0, 0.5); } + +.topbar div > ul.secondary-nav, .nav.secondary-nav { float: right; margin-left: 10px; margin-right: 0; } + +.topbar div > ul.secondary-nav .menu-dropdown, .nav.secondary-nav .menu-dropdown, .topbar div > ul.secondary-nav .dropdown-menu, .nav.secondary-nav .dropdown-menu { right: 0; border: 0; } + +.topbar div > ul a.menu:hover, .nav a.menu:hover, .topbar div > ul li.open .menu, .nav li.open .menu, .topbar div > ul .dropdown-toggle:hover, .nav .dropdown-toggle:hover, .topbar div > ul .dropdown.open .dropdown-toggle, .nav .dropdown.open .dropdown-toggle { background: #444; background: rgba(255, 255, 255, 0.05); } + +.topbar div > ul .menu-dropdown, .nav .menu-dropdown, .topbar div > ul .dropdown-menu, .nav .dropdown-menu { background-color: #333; } + +.topbar div > ul .menu-dropdown a.menu, .nav .menu-dropdown a.menu, .topbar div > ul .dropdown-menu a.menu, .nav .dropdown-menu a.menu, .topbar div > ul .menu-dropdown .dropdown-toggle, .nav .menu-dropdown .dropdown-toggle, .topbar div > ul .dropdown-menu .dropdown-toggle, .nav .dropdown-menu .dropdown-toggle { color: #ffffff; } + +.topbar div > ul .menu-dropdown a.menu.open, .nav .menu-dropdown a.menu.open, .topbar div > ul .dropdown-menu a.menu.open, .nav .dropdown-menu a.menu.open, .topbar div > ul .menu-dropdown .dropdown-toggle.open, .nav .menu-dropdown .dropdown-toggle.open, .topbar div > ul .dropdown-menu .dropdown-toggle.open, .nav .dropdown-menu .dropdown-toggle.open { background: #444; background: rgba(255, 255, 255, 0.05); } + +.topbar div > ul .menu-dropdown li a, .nav .menu-dropdown li a, .topbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a { color: #999; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } + +.topbar div > ul .menu-dropdown li a:hover, .nav .menu-dropdown li a:hover, .topbar div > ul .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover { background-color: #191919; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919)); background-image: -moz-linear-gradient(top, #292929, #191919); background-image: -ms-linear-gradient(top, #292929, #191919); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); background-image: -webkit-linear-gradient(top, #292929, #191919); background-image: -o-linear-gradient(top, #292929, #191919); background-image: linear-gradient(top, #292929, #191919); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); color: #ffffff; } + +.topbar div > ul .menu-dropdown .active a, .nav .menu-dropdown .active a, .topbar div > ul .dropdown-menu .active a, .nav .dropdown-menu .active a { color: #ffffff; } + +.topbar div > ul .menu-dropdown .divider, .nav .menu-dropdown .divider, .topbar div > ul .dropdown-menu .divider, .nav .dropdown-menu .divider { background-color: #222; border-color: #444; } + +.topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a { padding: 4px 15px; } + +li.menu, .dropdown { position: relative; } + +a.menu:after, .dropdown-toggle:after { width: 0; height: 0; display: inline-block; content: "↓"; text-indent: -99999px; vertical-align: top; margin-top: 8px; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } + +.menu-dropdown, .dropdown-menu { background-color: #ffffff; float: left; display: none; position: absolute; top: 40px; z-index: 900; min-width: 160px; max-width: 220px; _width: 160px; margin-left: 0; margin-right: 0; padding: 6px 0; zoom: 1; border-color: #999; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 0 1px 1px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } + +.menu-dropdown li, .dropdown-menu li { float: none; display: block; background-color: none; } + +.menu-dropdown .divider, .dropdown-menu .divider { height: 1px; margin: 5px 0; overflow: hidden; background-color: #eee; border-bottom: 1px solid #ffffff; } + +.topbar .dropdown-menu a, .dropdown-menu a { display: block; padding: 4px 15px; clear: both; font-weight: normal; line-height: 18px; color: #808080; text-shadow: 0 1px 0 #ffffff; } + +.topbar .dropdown-menu a:hover, .dropdown-menu a:hover, .topbar .dropdown-menu a.hover, .dropdown-menu a.hover { background-color: #dddddd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(top, #eeeeee, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); color: #404040; text-decoration: none; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); } + +.open .menu, .dropdown.open .menu, .open .dropdown-toggle, .dropdown.open .dropdown-toggle { color: #ffffff; background: #ccc; background: rgba(0, 0, 0, 0.3); } + +.open .menu-dropdown, .dropdown.open .menu-dropdown, .open .dropdown-menu, .dropdown.open .dropdown-menu { display: block; } + +.tabs, .pills { margin: 0 0 21px; padding: 0; list-style: none; zoom: 1; } + +.tabs:before, .pills:before, .tabs:after, .pills:after { display: table; content: ""; zoom: 1; } + +.tabs:after, .pills:after { clear: both; } + +.tabs > li, .pills > li { float: left; } + +.tabs > li > a, .pills > li > a { display: block; } + +.tabs { border-color: #ddd; border-style: solid; border-width: 0 0 1px; } + +.tabs > li { position: relative; margin-bottom: -1px; } + +.tabs > li > a { padding: 0 15px; margin-right: 2px; line-height: 40px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } -table th, table td { - padding: 10px 10px 9px; - line-height: 21px; - text-align: left; } +.tabs > li > a:hover { text-decoration: none; background-color: #eee; border-color: #eee #eee #ddd; } -table th { - padding-top: 9px; - font-weight: bold; - vertical-align: middle; } +.tabs .active > a, .tabs .active > a:hover { color: #808080; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } -table td { - vertical-align: top; - border-top: 1px solid #ddd; } +.tabs .menu-dropdown, .tabs .dropdown-menu { top: 35px; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } -table tbody th { - border-top: 1px solid #ddd; - vertical-align: top; } - -.condensed-table th, .condensed-table td { - padding: 5px 5px 4px; } +.tabs a.menu:after, .tabs .dropdown-toggle:after { border-top-color: #999; margin-top: 15px; margin-left: 5px; } -.bordered-table { - border: 1px solid #ddd; - border-collapse: separate; - *border-collapse: collapse; - /* IE7, collapse table to remove spacing */ - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; } - -.bordered-table th + th, .bordered-table td + td, .bordered-table th + td { - border-left: 1px solid #ddd; } +.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle { border-color: #999; } -.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child { - -webkit-border-radius: 4px 0 0 0; - -moz-border-radius: 4px 0 0 0; - border-radius: 4px 0 0 0; } - -.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child { - -webkit-border-radius: 0 4px 0 0; - -moz-border-radius: 0 4px 0 0; - border-radius: 0 4px 0 0; } - -.bordered-table tbody 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; } - -.bordered-table tbody tr:last-child td:last-child { - -webkit-border-radius: 0 0 4px 0; - -moz-border-radius: 0 0 4px 0; - border-radius: 0 0 4px 0; } - -table .span1 { - width: 20px; } - -table .span2 { - width: 60px; } - -table .span3 { - width: 100px; } - -table .span4 { - width: 140px; } - -table .span5 { - width: 180px; } - -table .span6 { - width: 220px; } - -table .span7 { - width: 260px; } - -table .span8 { - width: 300px; } - -table .span9 { - width: 340px; } - -table .span10 { - width: 380px; } - -table .span11 { - width: 420px; } - -table .span12 { - width: 460px; } - -table .span13 { - width: 500px; } - -table .span14 { - width: 540px; } - -table .span15 { - width: 580px; } - -table .span16 { - width: 620px; } - -.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th { - background-color: #f9f9f9; } - -.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th { - background-color: #f5f5f5; } - -table .header { - cursor: pointer; } - -table .header:after { - content: ""; - float: right; - margin-top: 7px; - border-width: 0 4px 4px; - border-style: solid; - border-color: #000 transparent; - visibility: hidden; } - -table .headerSortUp, table .headerSortDown { - background-color: rgba(141, 192, 219, 0.25); - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } - -table .header:hover:after { - visibility: visible; } - -table .headerSortDown:after, table .headerSortDown:hover:after { - visibility: visible; - filter: alpha(opacity=60); - -khtml-opacity: 0.6; - -moz-opacity: 0.6; - opacity: 0.6; } - -table .headerSortUp:after { - border-bottom: none; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #000; - visibility: visible; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - filter: alpha(opacity=60); - -khtml-opacity: 0.6; - -moz-opacity: 0.6; - opacity: 0.6; } - -table .blue { - color: #049cdb; - border-bottom-color: #049cdb; } - -table .headerSortUp.blue, table .headerSortDown.blue { - background-color: #ade6fe; } - -table .green { - color: #46a546; - border-bottom-color: #46a546; } - -table .headerSortUp.green, table .headerSortDown.green { - background-color: #cdeacd; } - -table .red { - color: #9d261d; - border-bottom-color: #9d261d; } - -table .headerSortUp.red, table .headerSortDown.red { - background-color: #f4c8c5; } - -table .yellow { - color: #ffc40d; - border-bottom-color: #ffc40d; } - -table .headerSortUp.yellow, table .headerSortDown.yellow { - background-color: #fff6d9; } - -table .orange { - color: #f35500; - border-bottom-color: #f35500; } - -table .headerSortUp.orange, table .headerSortDown.orange { - background-color: #ffd6c0; } - -table .purple { - color: #7a43b6; - border-bottom-color: #7a43b6; } - -table .headerSortUp.purple, table .headerSortDown.purple { - background-color: #e2d5f0; } - -/* Patterns.less - * Repeatable UI elements outside the base styles provided from the scaffolding - * ---------------------------------------------------------------------------- */ -.topbar { - height: 40px; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 10000; - overflow: visible; } - -.topbar a { - color: #bfbfbf; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } - -.topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a { - background-color: #333; - background-color: rgba(255, 255, 255, 0.05); - color: #ffffff; - text-decoration: none; } - -.topbar h3 { - position: relative; } - -.topbar h3 a, .topbar .brand { - float: left; - display: block; - padding: 8px 20px 12px; - margin-left: -20px; - color: #ffffff; - font-size: 20px; - font-weight: 200; - line-height: 1; } - -.topbar p { - margin: 0; - line-height: 40px; } - -.topbar p a:hover { - background-color: transparent; - color: #ffffff; } - -.topbar form { - float: left; - margin: 5px 0 0 0; - position: relative; - filter: alpha(opacity=100); - -khtml-opacity: 1; - -moz-opacity: 1; - opacity: 1; } - -.topbar form.pull-right { - float: right; } - -.topbar input { - background-color: #444; - 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; - padding: 4px 9px; - color: #ffffff; - 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; - -ms-transition: none; - -o-transition: none; - transition: none; } - -.topbar input:-moz-placeholder { - color: #e6e6e6; } - -.topbar input::-webkit-input-placeholder { - color: #e6e6e6; } - -.topbar input:hover { - background-color: #bfbfbf; - background-color: rgba(255, 255, 255, 0.5); - color: #ffffff; } - -.topbar input:focus, .topbar input.focused { - outline: 0; - background-color: #ffffff; - color: #404040; - text-shadow: 0 1px 0 #ffffff; - 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); } - -.topbar-inner, .topbar .fill { - background-color: #222; - background-color: #222222; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); - -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); } - -.topbar div > ul, .nav { - display: block; - float: left; - margin: 0 10px 0 0; - position: relative; - left: 0; } - -.topbar div > ul > li, .nav > li { - display: block; - float: left; } - -.topbar div > ul a, .nav a { - display: block; - float: none; - padding: 10px 10px 11px; - line-height: 19px; - text-decoration: none; } - -.topbar div > ul a:hover, .nav a:hover { - color: #ffffff; - text-decoration: none; } - -.topbar div > ul .active > a, .nav .active > a { - background-color: #222; - background-color: rgba(0, 0, 0, 0.5); } - -.topbar div > ul.secondary-nav, .nav.secondary-nav { - float: right; - margin-left: 10px; - margin-right: 0; } - -.topbar div > ul.secondary-nav .menu-dropdown, -.nav.secondary-nav .menu-dropdown, -.topbar div > ul.secondary-nav .dropdown-menu, -.nav.secondary-nav .dropdown-menu { - right: 0; - border: 0; } - -.topbar div > ul a.menu:hover, -.nav a.menu:hover, -.topbar div > ul li.open .menu, -.nav li.open .menu, -.topbar div > ul .dropdown-toggle:hover, -.nav .dropdown-toggle:hover, -.topbar div > ul .dropdown.open .dropdown-toggle, -.nav .dropdown.open .dropdown-toggle { - background: #444; - background: rgba(255, 255, 255, 0.05); } - -.topbar div > ul .menu-dropdown, -.nav .menu-dropdown, -.topbar div > ul .dropdown-menu, -.nav .dropdown-menu { - background-color: #333; } - -.topbar div > ul .menu-dropdown a.menu, -.nav .menu-dropdown a.menu, -.topbar div > ul .dropdown-menu a.menu, -.nav .dropdown-menu a.menu, -.topbar div > ul .menu-dropdown .dropdown-toggle, -.nav .menu-dropdown .dropdown-toggle, -.topbar div > ul .dropdown-menu .dropdown-toggle, -.nav .dropdown-menu .dropdown-toggle { - color: #ffffff; } - -.topbar div > ul .menu-dropdown a.menu.open, -.nav .menu-dropdown a.menu.open, -.topbar div > ul .dropdown-menu a.menu.open, -.nav .dropdown-menu a.menu.open, -.topbar div > ul .menu-dropdown .dropdown-toggle.open, -.nav .menu-dropdown .dropdown-toggle.open, -.topbar div > ul .dropdown-menu .dropdown-toggle.open, -.nav .dropdown-menu .dropdown-toggle.open { - background: #444; - background: rgba(255, 255, 255, 0.05); } - -.topbar div > ul .menu-dropdown li a, -.nav .menu-dropdown li a, -.topbar div > ul .dropdown-menu li a, -.nav .dropdown-menu li a { - color: #999; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } - -.topbar div > ul .menu-dropdown li a:hover, -.nav .menu-dropdown li a:hover, -.topbar div > ul .dropdown-menu li a:hover, -.nav .dropdown-menu li a:hover { - background-color: #191919; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919)); - background-image: -moz-linear-gradient(top, #292929, #191919); - background-image: -ms-linear-gradient(top, #292929, #191919); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); - background-image: -webkit-linear-gradient(top, #292929, #191919); - background-image: -o-linear-gradient(top, #292929, #191919); - background-image: linear-gradient(top, #292929, #191919); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); - color: #ffffff; } - -.topbar div > ul .menu-dropdown .active a, -.nav .menu-dropdown .active a, -.topbar div > ul .dropdown-menu .active a, -.nav .dropdown-menu .active a { - color: #ffffff; } - -.topbar div > ul .menu-dropdown .divider, -.nav .menu-dropdown .divider, -.topbar div > ul .dropdown-menu .divider, -.nav .dropdown-menu .divider { - background-color: #222; - border-color: #444; } - -.topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a { - padding: 4px 15px; } - -li.menu, .dropdown { - position: relative; } - -a.menu:after, .dropdown-toggle:after { - width: 0; - height: 0; - display: inline-block; - content: "↓"; - text-indent: -99999px; - vertical-align: top; - margin-top: 8px; - margin-left: 4px; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #ffffff; - filter: alpha(opacity=50); - -khtml-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; } - -.menu-dropdown, .dropdown-menu { - background-color: #ffffff; - float: left; - display: none; - position: absolute; - top: 40px; - z-index: 900; - min-width: 160px; - max-width: 220px; - _width: 160px; - margin-left: 0; - margin-right: 0; - padding: 6px 0; - zoom: 1; - border-color: #999; - border-color: rgba(0, 0, 0, 0.2); - border-style: solid; - border-width: 0 1px 1px; - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; } - -.menu-dropdown li, .dropdown-menu li { - float: none; - display: block; - background-color: none; } - -.menu-dropdown .divider, .dropdown-menu .divider { - height: 1px; - margin: 5px 0; - overflow: hidden; - background-color: #eee; - border-bottom: 1px solid #ffffff; } - -.topbar .dropdown-menu a, .dropdown-menu a { - display: block; - padding: 4px 15px; - clear: both; - font-weight: normal; - line-height: 18px; - color: #808080; - text-shadow: 0 1px 0 #ffffff; } - -.topbar .dropdown-menu a:hover, -.dropdown-menu a:hover, -.topbar .dropdown-menu a.hover, -.dropdown-menu a.hover { - background-color: #dddddd; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); - background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); - background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); - background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); - background-image: -o-linear-gradient(top, #eeeeee, #dddddd); - background-image: linear-gradient(top, #eeeeee, #dddddd); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); - color: #404040; - text-decoration: none; - -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); } - -.open .menu, -.dropdown.open .menu, -.open .dropdown-toggle, -.dropdown.open .dropdown-toggle { - color: #ffffff; - background: #ccc; - background: rgba(0, 0, 0, 0.3); } - -.open .menu-dropdown, -.dropdown.open .menu-dropdown, -.open .dropdown-menu, -.dropdown.open .dropdown-menu { - display: block; } - -.tabs, .pills { - margin: 0 0 21px; - padding: 0; - list-style: none; - zoom: 1; } - -.tabs:before, -.pills:before, -.tabs:after, -.pills:after { - display: table; - content: ""; - zoom: 1; } - -.tabs:after, .pills:after { - clear: both; } - -.tabs > li, .pills > li { - float: left; } - -.tabs > li > a, .pills > li > a { - display: block; } - -.tabs { - border-color: #ddd; - border-style: solid; - border-width: 0 0 1px; } - -.tabs > li { - position: relative; - margin-bottom: -1px; } - -.tabs > li > a { - padding: 0 15px; - margin-right: 2px; - line-height: 40px; - border: 1px solid transparent; - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; } - -.tabs > li > a:hover { - text-decoration: none; - background-color: #eee; - border-color: #eee #eee #ddd; } - -.tabs .active > a, .tabs .active > a:hover { - color: #808080; - background-color: #ffffff; - border: 1px solid #ddd; - border-bottom-color: transparent; - cursor: default; } - -.tabs .menu-dropdown, .tabs .dropdown-menu { - top: 35px; - border-width: 1px; - -webkit-border-radius: 0 6px 6px 6px; - -moz-border-radius: 0 6px 6px 6px; - border-radius: 0 6px 6px 6px; } - -.tabs a.menu:after, .tabs .dropdown-toggle:after { - border-top-color: #999; - margin-top: 15px; - margin-left: 5px; } - -.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle { - border-color: #999; } - -.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after { - border-top-color: #555; } - -.pills a { - margin: 5px 3px 5px 0; - padding: 0 15px; - line-height: 30px; - text-shadow: 0 1px 1px #ffffff; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; } - -.pills a:hover { - color: #ffffff; - text-decoration: none; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); - background-color: #a63a00; } - -.pills .active a { - color: #ffffff; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); - background-color: #f35500; } - -.pills-vertical > li { - float: none; } - -.tab-content > .tab-pane, -.pill-content > .pill-pane, -.tab-content > div, -.pill-content > div { - display: none; } - -.tab-content > .active, .pill-content > .active { - display: block; } - -.breadcrumb { - padding: 7px 14px; - margin: 0 0 21px; - background-color: #f5f5f5; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(white), to(#f5f5f5)); - background-image: -moz-linear-gradient(top, white, #f5f5f5); - background-image: -ms-linear-gradient(top, white, #f5f5f5); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f5f5f5)); - background-image: -webkit-linear-gradient(top, white, #f5f5f5); - background-image: -o-linear-gradient(top, white, #f5f5f5); - background-image: linear-gradient(top, white, #f5f5f5); - 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; - text-shadow: 0 1px 0 #ffffff; } - -.breadcrumb .divider { - padding: 0 5px; - color: #bfbfbf; } - -.breadcrumb .active a { - color: #404040; } - -.hero-unit { - background-color: #f5f5f5; - margin-bottom: 30px; - padding: 60px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; } - -.hero-unit h1 { - margin-bottom: 0; - font-size: 60px; - line-height: 1; - letter-spacing: -1px; } - -.hero-unit p { - font-size: 18px; - font-weight: 200; - line-height: 31.5px; } - -footer { - margin-top: 20px; - padding-top: 20px; - border-top: 1px solid #eee; } - -.page-header { - margin-bottom: 20px; - 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); } - -.page-header h1 { - margin-bottom: 9.5px; } - -.btn.danger, -.alert-message.danger, -.btn.danger:hover, -.alert-message.danger:hover, -.btn.error, -.alert-message.error, -.btn.error:hover, -.alert-message.error:hover, -.btn.success, -.alert-message.success, -.btn.success:hover, -.alert-message.success:hover, -.btn.info, -.alert-message.info, -.btn.info:hover, -.alert-message.info:hover { - color: #ffffff; } - -.btn .close, .alert-message .close { - font-family: Arial, sans-serif; - line-height: 18px; } - -.btn.danger, -.alert-message.danger, -.btn.error, -.alert-message.error { - background-color: #c43c35; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); - background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(top, #ee5f5b, #c43c35); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: #c43c35 #c43c35 #882a25; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } - -.btn.success, .alert-message.success { - background-color: #57a957; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); - background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -ms-linear-gradient(top, #62c462, #57a957); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); - background-image: -webkit-linear-gradient(top, #62c462, #57a957); - background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(top, #62c462, #57a957); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: #57a957 #57a957 #3d773d; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } - -.btn.info, .alert-message.info { - background-color: #339bb9; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); - background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); - background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); - background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(top, #5bc0de, #339bb9); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: #339bb9 #339bb9 #22697d; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } - -.btn { - cursor: pointer; - display: inline-block; - background-color: #e6e6e6; - background-repeat: no-repeat; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#e6e6e6)); - background-image: -webkit-linear-gradient(white, white 25%, #e6e6e6); - background-image: -moz-linear-gradient(top, white, white 25%, #e6e6e6); - background-image: -ms-linear-gradient(white, white 25%, #e6e6e6); - background-image: -o-linear-gradient(white, white 25%, #e6e6e6); - background-image: linear-gradient(white, white 25%, #e6e6e6); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); - padding: 5px 14px 6px; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); - color: #333; - font-size: 15px; - line-height: normal; - border: 1px solid #ccc; - border-bottom-color: #bbb; - -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; - -ms-transition: 0.1s linear all; - -o-transition: 0.1s linear all; - transition: 0.1s linear all; } - -.btn:hover { - background-position: 0 -15px; - color: #333; - text-decoration: none; } - -.btn:focus { - outline: 1px dotted #666; } - -.btn.primary { - color: #ffffff; - background-color: #0064cd; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); - background-image: -moz-linear-gradient(top, #049cdb, #0064cd); - background-image: -ms-linear-gradient(top, #049cdb, #0064cd); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); - background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); - background-image: -o-linear-gradient(top, #049cdb, #0064cd); - background-image: linear-gradient(top, #049cdb, #0064cd); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: #0064cd #0064cd #003f81; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } - -.btn.active, .btn :active { - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } - -.btn.disabled { - cursor: default; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - filter: alpha(opacity=65); - -khtml-opacity: 0.65; - -moz-opacity: 0.65; - opacity: 0.65; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } - -.btn[disabled] { - cursor: default; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - filter: alpha(opacity=65); - -khtml-opacity: 0.65; - -moz-opacity: 0.65; - opacity: 0.65; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } - -.btn.large { - font-size: 17px; - line-height: normal; - padding: 9px 14px 9px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; } - -.btn.small { - padding: 7px 9px 7px; - font-size: 13px; } - -:root .alert-message, :root .btn { - border-radius: 0 \0; } - -button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { - padding: 0; - border: 0; } - -.close { - float: right; - color: #000000; - font-size: 20px; - font-weight: bold; - line-height: 15.75px; - text-shadow: 0 1px 0 #ffffff; - filter: alpha(opacity=25); - -khtml-opacity: 0.25; - -moz-opacity: 0.25; - opacity: 0.25; } - -.close:hover { - color: #000000; - text-decoration: none; - filter: alpha(opacity=40); - -khtml-opacity: 0.4; - -moz-opacity: 0.4; - opacity: 0.4; } - -.alert-message { - position: relative; - padding: 7px 15px; - margin-bottom: 21px; - color: #404040; - background-color: #eedc94; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); - background-image: -moz-linear-gradient(top, #fceec1, #eedc94); - background-image: -ms-linear-gradient(top, #fceec1, #eedc94); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); - background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); - background-image: -o-linear-gradient(top, #fceec1, #eedc94); - background-image: linear-gradient(top, #fceec1, #eedc94); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: #eedc94 #eedc94 #e4c652; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - border-width: 1px; - border-style: solid; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } - -.alert-message .close { - margin-top: 1px; - *margin-top: 0; } - -.alert-message a { - font-weight: bold; - color: #404040; } - -.alert-message.danger p a, -.alert-message.error p a, -.alert-message.success p a, -.alert-message.info p a { - color: #ffffff; } - -.alert-message h5 { - line-height: 21px; } - -.alert-message p { - margin-bottom: 0; } - -.alert-message div { - margin-top: 5px; - margin-bottom: 2px; - line-height: 28px; } - -.alert-message .btn { - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); - -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } - -.alert-message.block-message { - background-image: none; - background-color: #fdf5d9; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - padding: 14px; - border-color: #fceec1; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } - -.alert-message.block-message ul, .alert-message.block-message p { - margin-right: 30px; } - -.alert-message.block-message ul { - margin-bottom: 0; } - -.alert-message.block-message li { - color: #404040; } - -.alert-message.block-message .alert-actions { - margin-top: 5px; } - -.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { - color: #404040; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } - -.alert-message.block-message.error { - background-color: #fddfde; - border-color: #fbc7c6; } - -.alert-message.block-message.success { - background-color: #d1eed1; - border-color: #bfe7bf; } - -.alert-message.block-message.info { - background-color: #ddf4fb; - border-color: #c6edf9; } - -.alert-message.block-message.danger p a, -.alert-message.block-message.error p a, -.alert-message.block-message.success p a, -.alert-message.block-message.info p a { - color: #404040; } - -.pagination { - height: 42px; - margin: 21px 0; } - -.pagination ul { - float: left; - margin: 0; - border: 1px solid #ddd; - 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.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: 40px; - border-right: 1px solid; - border-right-color: #ddd; - border-right-color: rgba(0, 0, 0, 0.15); - *border-right-color: #ddd; - /* IE6-7 */ - text-decoration: none; } - -.pagination a:hover, .pagination .active a { - background-color: #c7eefe; } - -.pagination .disabled a, .pagination .disabled a:hover { - background-color: transparent; - color: #bfbfbf; } - -.pagination .next a { - border: 0; } - -.well { - background-color: #f5f5f5; - margin-bottom: 20px; - padding: 19px; - min-height: 20px; - 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); } - -.modal-backdrop { - background-color: #000000; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 10000; } - -.modal-backdrop.fade { - opacity: 0; } - -.modal-backdrop, .modal-backdrop.fade.in { - filter: alpha(opacity=80); - -khtml-opacity: 0.8; - -moz-opacity: 0.8; - opacity: 0.8; } - -.modal { - position: fixed; - top: 50%; - left: 50%; - z-index: 11000; - 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; - /* IE6-7 */ - -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 .close { - margin-top: 7px; } - -.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 { - border-bottom: 1px solid #eee; - padding: 5px 15px; } - -.modal-body { - padding: 15px; } - -.modal-body form { - margin-bottom: 0; } - -.modal-footer { - background-color: #f5f5f5; - padding: 14px 15px 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; - margin-bottom: 0; } - -.modal-footer:before, .modal-footer:after { - display: table; - content: ""; - zoom: 1; } - -.modal-footer:after { - clear: both; } - -.modal-footer .btn { - float: right; - margin-left: 5px; } - -.modal .popover, .modal .twipsy { - z-index: 12000; } - -.twipsy { - display: block; - position: absolute; - visibility: visible; - padding: 5px; - font-size: 11px; - z-index: 1000; - filter: alpha(opacity=80); - -khtml-opacity: 0.8; - -moz-opacity: 0.8; - opacity: 0.8; } - -.twipsy.fade.in { - filter: alpha(opacity=80); - -khtml-opacity: 0.8; - -moz-opacity: 0.8; - opacity: 0.8; } - -.twipsy.above .twipsy-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; } - -.twipsy.left .twipsy-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; } - -.twipsy.below .twipsy-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; } - -.twipsy.right .twipsy-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; } - -.twipsy-inner { - padding: 3px 8px; - background-color: #000000; - color: white; - text-align: center; - max-width: 200px; - text-decoration: none; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; } - -.twipsy-arrow { - position: absolute; - width: 0; - height: 0; } - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1000; - padding: 5px; - display: none; } - -.popover.above .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.below .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 { - background: #000000; - background: rgba(0, 0, 0, 0.8); - padding: 3px; - overflow: hidden; - width: 280px; - -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 { - background-color: #f5f5f5; - padding: 9px 15px; - line-height: 1; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - border-bottom: 1px solid #eee; } - -.popover .content { - background-color: #ffffff; - padding: 14px; - -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; } - -.fade { - -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -ms-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; - opacity: 0; } - -.fade.in { - opacity: 1; } - -.label { - padding: 1px 3px 2px; - font-size: 11.25px; - font-weight: bold; - color: #ffffff; - text-transform: uppercase; - white-space: nowrap; - background-color: #bfbfbf; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; } - -.label.important { - background-color: #c43c35; } - -.label.warning { - background-color: #f35500; } - -.label.success { - background-color: #46a546; } - -.label.notice { - background-color: #62cffc; } - -.media-grid { - margin-left: -20px; - margin-bottom: 0; - zoom: 1; } - -.media-grid:before, .media-grid:after { - display: table; - content: ""; - zoom: 1; } - -.media-grid:after { - clear: both; } - -.media-grid li { - display: inline; } - -.media-grid a { - float: left; - padding: 4px; - margin: 0 0 21px 20px; - 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); } - -.media-grid a img { - display: block; } - -.media-grid a:hover { - border-color: #f35500; - -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); } - -/* CSS for jQuery Orbit Plugin 1.2.3 - * www.ZURB.com/playground - * Copyright 2010, ZURB - * Free to use under the MIT license. - * //www.opensource.org/licenses/mit-license.php - - - -/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY - ================================================== */ -#featured { - width: 940px; - height: 450px; - background: black url("//d1a9djc5c2hdvf.cloudfront.net/images/orbit/loading.gif") no-repeat center center; - overflow: hidden; } - -#featured > img, -#featured > div, -#featured > a { - display: none; } - -/* CONTAINER - ================================================== */ -div.orbit-wrapper { - width: 1px; - height: 1px; - position: relative; } - -div.orbit { - width: 1px; - height: 1px; - position: relative; - overflow: hidden; } - -div.orbit > img { - position: absolute; - top: 0; - left: 0; - display: none; } - -div.orbit > a { - border: none; - position: absolute; - top: 0; - left: 0; - line-height: 0; - display: none; } - -.orbit > div { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } +.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after { border-top-color: #555; } + +.pills a { margin: 5px 3px 5px 0; padding: 0 15px; line-height: 30px; text-shadow: 0 1px 1px #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } + +.pills a:hover { color: #ffffff; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); background-color: #a63a00; } + +.pills .active a { color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); background-color: #f35500; } + +.pills-vertical > li { float: none; } + +.tab-content > .tab-pane, .pill-content > .pill-pane, .tab-content > div, .pill-content > div { display: none; } + +.tab-content > .active, .pill-content > .active { display: block; } + +.breadcrumb { padding: 7px 14px; margin: 0 0 21px; background-color: #f5f5f5; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(white), to(#f5f5f5)); background-image: -moz-linear-gradient(top, white, #f5f5f5); background-image: -ms-linear-gradient(top, white, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(top, white, #f5f5f5); background-image: -o-linear-gradient(top, white, #f5f5f5); background-image: linear-gradient(top, white, #f5f5f5); 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; text-shadow: 0 1px 0 #ffffff; } + +.breadcrumb .divider { padding: 0 5px; color: #bfbfbf; } + +.breadcrumb .active a { color: #404040; } + +.hero-unit { background-color: #f5f5f5; margin-bottom: 30px; padding: 60px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } + +.hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; } + +.hero-unit p { font-size: 18px; font-weight: 200; line-height: 31.5px; } + +footer { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; } + +.page-header { margin-bottom: 20px; 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); } + +.page-header h1 { margin-bottom: 9.5px; } + +.btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover { color: #ffffff; } + +.btn .close, .alert-message .close { font-family: Arial, sans-serif; line-height: 18px; } + +.btn.danger, .alert-message.danger, .btn.error, .alert-message.error { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + +.btn.success, .alert-message.success { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + +.btn.info, .alert-message.info { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + +.btn { cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#e6e6e6)); background-image: -webkit-linear-gradient(white, white 25%, #e6e6e6); background-image: -moz-linear-gradient(top, white, white 25%, #e6e6e6); background-image: -ms-linear-gradient(white, white 25%, #e6e6e6); background-image: -o-linear-gradient(white, white 25%, #e6e6e6); background-image: linear-gradient(white, white 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 15px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -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; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } + +.btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; } + +.btn:focus { outline: 1px dotted #666; } + +.btn.primary { color: #ffffff; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + +.btn.active, .btn :active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } + +.btn.disabled { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } + +.btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } + +.btn.large { font-size: 17px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } + +.btn.small { padding: 7px 9px 7px; font-size: 13px; } + +:root .alert-message, :root .btn { border-radius: 0 \0; } + +button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0; } + +.close { float: right; color: #000000; font-size: 20px; font-weight: bold; line-height: 15.75px; text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; } + +.close:hover { color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } + +.alert-message { position: relative; padding: 7px 15px; margin-bottom: 21px; color: #404040; background-color: #eedc94; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); background-image: -moz-linear-gradient(top, #fceec1, #eedc94); background-image: -ms-linear-gradient(top, #fceec1, #eedc94); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); background-image: -o-linear-gradient(top, #fceec1, #eedc94); background-image: linear-gradient(top, #fceec1, #eedc94); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #eedc94 #eedc94 #e4c652; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } + +.alert-message .close { margin-top: 1px; *margin-top: 0; } + +.alert-message a { font-weight: bold; color: #404040; } + +.alert-message.danger p a, .alert-message.error p a, .alert-message.success p a, .alert-message.info p a { color: #ffffff; } + +.alert-message h5 { line-height: 21px; } + +.alert-message p { margin-bottom: 0; } + +.alert-message div { margin-top: 5px; margin-bottom: 2px; line-height: 28px; } + +.alert-message .btn { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } + +.alert-message.block-message { background-image: none; background-color: #fdf5d9; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } + +.alert-message.block-message ul, .alert-message.block-message p { margin-right: 30px; } + +.alert-message.block-message ul { margin-bottom: 0; } + +.alert-message.block-message li { color: #404040; } + +.alert-message.block-message .alert-actions { margin-top: 5px; } + +.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } + +.alert-message.block-message.error { background-color: #fddfde; border-color: #fbc7c6; } + +.alert-message.block-message.success { background-color: #d1eed1; border-color: #bfe7bf; } + +.alert-message.block-message.info { background-color: #ddf4fb; border-color: #c6edf9; } + +.alert-message.block-message.danger p a, .alert-message.block-message.error p a, .alert-message.block-message.success p a, .alert-message.block-message.info p a { color: #404040; } + +.pagination { height: 42px; margin: 21px 0; } + +.pagination ul { float: left; margin: 0; border: 1px solid #ddd; 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.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: 40px; border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.15); *border-right-color: #ddd; /* IE6-7 */ text-decoration: none; } + +.pagination a:hover, .pagination .active a { background-color: #c7eefe; } + +.pagination .disabled a, .pagination .disabled a:hover { background-color: transparent; color: #bfbfbf; } + +.pagination .next a { border: 0; } + +.well { background-color: #f5f5f5; margin-bottom: 20px; padding: 19px; min-height: 20px; 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); } + +.modal-backdrop { background-color: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } + +.modal-backdrop.fade { opacity: 0; } + +.modal-backdrop, .modal-backdrop.fade.in { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } + +.modal { position: fixed; top: 50%; left: 50%; z-index: 11000; 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; /* IE6-7 */ -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 .close { margin-top: 7px; } + +.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 { border-bottom: 1px solid #eee; padding: 5px 15px; } + +.modal-body { padding: 15px; } + +.modal-body form { margin-bottom: 0; } + +.modal-footer { background-color: #f5f5f5; padding: 14px 15px 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; margin-bottom: 0; } + +.modal-footer:before, .modal-footer:after { display: table; content: ""; zoom: 1; } + +.modal-footer:after { clear: both; } + +.modal-footer .btn { float: right; margin-left: 5px; } + +.modal .popover, .modal .twipsy { z-index: 12000; } + +.twipsy { display: block; position: absolute; visibility: visible; padding: 5px; font-size: 11px; z-index: 1000; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } + +.twipsy.fade.in { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } + +.twipsy.above .twipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; } + +.twipsy.left .twipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; } + +.twipsy.below .twipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000000; } + +.twipsy.right .twipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000000; } + +.twipsy-inner { padding: 3px 8px; background-color: #000000; color: white; text-align: center; max-width: 200px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } + +.twipsy-arrow { position: absolute; width: 0; height: 0; } + +.popover { position: absolute; top: 0; left: 0; z-index: 1000; padding: 5px; display: none; } + +.popover.above .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.below .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 { background: #000000; background: rgba(0, 0, 0, 0.8); padding: 3px; overflow: hidden; width: 280px; -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 { background-color: #f5f5f5; padding: 9px 15px; line-height: 1; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 1px solid #eee; } + +.popover .content { background-color: #ffffff; padding: 14px; -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; } + +.fade { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; } + +.fade.in { opacity: 1; } + +.label { padding: 1px 3px 2px; font-size: 11.25px; font-weight: bold; color: #ffffff; text-transform: uppercase; white-space: nowrap; background-color: #bfbfbf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } + +.label.important { background-color: #c43c35; } + +.label.warning { background-color: #f35500; } + +.label.success { background-color: #46a546; } + +.label.notice { background-color: #62cffc; } + +.media-grid { margin-left: -20px; margin-bottom: 0; zoom: 1; } + +.media-grid:before, .media-grid:after { display: table; content: ""; zoom: 1; } + +.media-grid:after { clear: both; } + +.media-grid li { display: inline; } + +.media-grid a { float: left; padding: 4px; margin: 0 0 21px 20px; 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); } + +.media-grid a img { display: block; } + +.media-grid a:hover { border-color: #f35500; -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); } + +/* CSS for jQuery Orbit Plugin 1.2.3 www.ZURB.com/playground Copyright 2010, ZURB Free to use under the MIT license. //www.opensource.org/licenses/mit-license.php + + + +/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ +#featured { width: 940px; height: 450px; background: black url("//d1a9djc5c2hdvf.cloudfront.net/images/orbit/loading.gif") no-repeat center center; overflow: hidden; } + +#featured > img, #featured > div, #featured > a { display: none; } + +/* CONTAINER ================================================== */ +div.orbit-wrapper { width: 1px; height: 1px; position: relative; } + +div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; } + +div.orbit > img { position: absolute; top: 0; left: 0; display: none; } + +div.orbit > a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } + +.orbit > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ -/* TIMER - ================================================== */ -div.timer { - width: 40px; - height: 40px; - overflow: hidden; - position: absolute; - top: 10px; - right: 10px; - opacity: .6; - cursor: pointer; - z-index: 1001; } - -span.rotator { - display: block; - width: 40px; - height: 40px; - position: absolute; - top: 0; - left: -20px; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/rotator-black.png) no-repeat; - z-index: 3; } - -span.mask { - display: block; - width: 20px; - height: 40px; - position: absolute; - top: 0; - right: 0; - z-index: 2; - overflow: hidden; } - -span.rotator.move { - left: 0; } - -span.mask.move { - width: 40px; - left: 0; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/timer-black.png) repeat 0 0; } - -span.pause { - display: block; - width: 40px; - height: 40px; - position: absolute; - top: 0; - left: 0; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/pause-black.png) no-repeat; - z-index: 4; - opacity: 0; } - -span.pause.active { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/pause-black.png) no-repeat 0 -40px; } - -div.timer:hover span.pause, -span.pause.active { - opacity: 1; } - -/* CAPTIONS - ================================================== */ -.orbit-caption { - display: none; - font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } - -.orbit-wrapper .orbit-caption { - background: #000; - background: rgba(0, 0, 0, 0.6); - z-index: 1000; - color: #fff; - text-align: center; - padding: 7px 0; - font-size: 13px; - position: absolute; - right: 0; - bottom: 0; - width: 100%; } - -/* DIRECTIONAL NAV - ================================================== */ -div.slider-nav { - display: block; } - -div.slider-nav span { - width: 78px; - height: 100px; - text-indent: -9999px; - position: absolute; - z-index: 1000; - top: 50%; - margin-top: -50px; - cursor: pointer; } - -div.slider-nav span.right { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/right-arrow.png); - right: 0; } - -div.slider-nav span.left { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/left-arrow.png); - left: 0; } - -/* BULLET NAV - ================================================== */ -.orbit-bullets { - position: absolute; - z-index: 1000; - list-style: none; - bottom: -40px; - left: 50%; - margin-left: -50px; - padding: 0; } - -.orbit-bullets li { - float: left; - margin-left: 5px; - cursor: pointer; - color: #999; - text-indent: -9999px; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/bullets.jpg) no-repeat 4px 0; - width: 13px; - height: 12px; - overflow: hidden; } - -.orbit-bullets li.active { - color: #222; - background-position: -8px 0; } - -.orbit-bullets li.has-thumb { - background: none; - width: 100px; - height: 75px; } - -.orbit-bullets li.active.has-thumb { - background-position: 0 0; - border-top: 2px solid #000; } - -/* ----------------------------------------------------------------------------------------------- - * Colors - * ============================================================================================ */ -/* ----------------------------------------------------------------------------------------------- - * Mixins and Variables - * ============================================================================================ */ -/* ----------------------------------------------------------------------------------------------- - * General - * ============================================================================================ */ -html { - -webkit-font-smoothing: antialiased; } - -body { - background: black url(//d1a9djc5c2hdvf.cloudfront.net/images/body_bg.png) repeat; - background-attachment: fixed; - color: #CCCCCC; - border-top: 5px solid #f35500; } +/* TIMER ================================================== */ +div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; } + +span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/rotator-black.png) no-repeat; z-index: 3; } + +span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } + +span.rotator.move { left: 0; } + +span.mask.move { width: 40px; left: 0; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/timer-black.png) repeat 0 0; } + +span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; } + +span.pause.active { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/pause-black.png) no-repeat 0 -40px; } + +div.timer:hover span.pause, span.pause.active { opacity: 1; } + +/* CAPTIONS ================================================== */ +.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } + +.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } + +/* DIRECTIONAL NAV ================================================== */ +div.slider-nav { display: block; } + +div.slider-nav span { width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer; } + +div.slider-nav span.right { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/right-arrow.png); right: 0; } + +div.slider-nav span.left { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/left-arrow.png); left: 0; } + +/* BULLET NAV ================================================== */ +.orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } + +.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } + +.orbit-bullets li.active { color: #222; background-position: -8px 0; } + +.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } + +.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } + +/* ----------------------------------------------------------------------------------------------- Colors ============================================================================================ */ +/* ----------------------------------------------------------------------------------------------- Mixins and Variables ============================================================================================ */ +/* ----------------------------------------------------------------------------------------------- General ============================================================================================ */ +html { -webkit-font-smoothing: antialiased; } + +body { background: black url(//d1a9djc5c2hdvf.cloudfront.net/images/body_bg.png) repeat; background-attachment: fixed; color: #CCCCCC; border-top: 5px solid #f35500; } /* These selection declarations have to be separate. */ -::selection { - background: #f35500; - color: #FFFFFF; - text-shadow: none; } - -::-moz-selection { - background: #f35500; - color: #FFFFFF; - text-shadow: none; } - -.clearfix { - *zoom: 1; } - .clearfix:before, .clearfix:after { - content: ""; - display: table; } - .clearfix:after { - clear: both; } - -/* ----------------------------------------------------------------------------------------------- - * Bootstrap Overrides - * ============================================================================================ */ -p { - *zoom: 1; - line-height: 24px; } - p:before, p:after { - content: ""; - display: table; } - p:after { - clear: both; } - p.kicker { - font-size: 18px; - line-height: 38px; - color: #FFFFFF; } - -.pullquote { - border-right: 5px solid #f35500; - display: block; - padding: 12px 25px 12px 0; - margin: 12px 20px 12px 0; - float: left; - width: 250px; - text-align: right; } - .pullquote blockquote { - border: 0; - margin: 0; - padding: 0; } - -.pullquote.alt { - border-right: 0; - border-left: 5px solid #F35500; - padding: 12px 0 12px 25px; - margin: 12px 0 20px 12px; - float: right; - text-align: left; } - -.pullquote, .pullquote blockquote { - font-size: 24px; - line-height: 48px; - color: #F35500; - font-style: italic; - font-weight: 200; } - -blockquote { - border-left: 5px solid #f35500; } - blockquote.alt { - border-left: none; - padding-left: 0; - border-right: 5px solid #f35500; - padding-right: 15px; } - blockquote p { - color: #FFFFFF; - font-size: 15px !important; - font-weight: normal; - line-height: 24px; } - -#sidebar p, #sidebar ul li, #sidebar ol li { - font-size: 13px; } -#sidebar p.kicker { - font-size: 14px; - line-height: 30px; - text-align: justify; } -#sidebar ul li { - border-bottom: 1px solid #EEEEEE; - color: #F35500; - line-height: 31.5px; - padding-left: 5px; } - #sidebar ul li:first-child { - border-top: 1px solid #EEEEEE; } - #sidebar ul li a { - color: #222222; - display: inline-block; - text-decoration: none; - width: 175px; } - #sidebar ul li:hover { - background: #F35500; - color: #FFFFFF; } - #sidebar ul li:hover a { - color: #FFFFFF; } - -body.blog blockquote p, body.blog blockquote small { - color: #555555; } - -.customer-showcases { - color: #666666; } - .customer-showcases a { - color: #F35500; - text-decoration: none; } - -.form-stacked { - margin-bottom: 0; - padding-left: 0; } - -.help-inline, .help-block { - font-size: 13px; - color: #666666; } - -.btn { - font-weight: bold; } - .btn.dark { - background: #555555; - /* Old browsers */ - background: -moz-linear-gradient(top, #555555 0%, #333333 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333333)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #555555 0%, #333333 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #555555 0%, #333333 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #555555 0%, #333333 100%); - /* IE10+ */ - background: linear-gradient(top, #555555 0%, #333333 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333')"; - color: #FFFFFF; - border: 1px solid #222222; - border-bottom-color: #111111; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } - .btn.signup { - background: #f35500; - /* Old browsers */ - background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); - /* IE10+ */ - background: linear-gradient(top, #f35500 0%, #c61100 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; - color: #FFFFFF; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: #c61100 #c61100 #930d00; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } - -/* ----------------------------------------------------------------------------------------------- - * Login - * ============================================================================================ */ -body.login .container { - margin-top: 200px; } - -body.signup { - border-top: 0; } - body.signup .container { - margin-top: 0; } - body.signup .signup-questions { - margin-top: 60px; } - body.signup #header a#logo { - background-position: 30px; } - -/* ----------------------------------------------------------------------------------------------- - * Blog - * ============================================================================================ */ -.copy img { - margin: auto; } - -.page-header { - border-bottom: 1px solid #101010; - -webkit-box-shadow: 0 1px 0 #313131; - -moz-box-shadow: 0 1px 0 #313131; - box-shadow: 0 1px 0 #313131; } - -.lastword { - padding-bottom: 50px; } - -.postmetadata { - border-top: 1px solid #DDDDDD; - margin-top: 25px; } - -.postmetadata.postmetadata p, .postmetadata ul li, .postmetadata ol li { - font-size: 13px; } -.postmetadata a { - background: #EEEEEE; - padding: 2px 4px; - border: 1px solid #E0E0E0; - color: #898989 !important; - white-space: nowrap; - margin: 2px; - display: inline-block; - text-decoration: none; } - -body.blog .wrapper { - background: #FFFFFF; - color: #333333; - border-top: 5px solid #f35500; } - -body.login .wrapper { - border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/project_papper.png); - color: #333333; } - body.login .wrapper .login-databot { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/login/databot-blueprint.png) right 30px no-repeat; - padding-top: 30px; } - body.login .wrapper .alert-message { - margin-bottom: 0; - max-width: 248px; } - body.login .wrapper div.input { - max-width: 280px; } - body.login .wrapper .form-stacked .actions { - background: #1c1c1c; - /* Old browsers */ - background: -moz-linear-gradient(top, #1c1c1c 0%, #111111 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #111111)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #1c1c1c 0%, #111111 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #1c1c1c 0%, #111111 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #1c1c1c 0%, #111111 100%); - /* IE10+ */ - background: linear-gradient(top, #1c1c1c 0%, #111111 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#111111'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#111111')"; - margin: 0 -30px 0 -30px; - padding: 0 30px; - padding-top: 15px; - padding-bottom: 15px; } - body.login .wrapper .form-stacked .actions a { - font-size: 13px; - line-height: 41px; - float: right; } - -body.blog .wrapper ul li, body.blog .wrapper ol li, body.login .wrapper ul li, body.login .wrapper ol li { - color: #222222; } -body.blog .wrapper p.kicker, body.login .wrapper p.kicker { - color: #666666; } - body.blog .wrapper p.kicker strong, body.login .wrapper p.kicker strong { - color: #666666; } -body.blog .wrapper h1, body.blog .wrapper h2, body.blog .wrapper h3, body.blog .wrapper h4, body.blog .wrapper h5, body.blog .wrapper h6, body.blog .wrapper h1 a, body.blog .wrapper h2 a, body.blog .wrapper h3 a, body.blog .wrapper h4 a, body.blog .wrapper h5 a, body.blog .wrapper h6 a, body.login .wrapper h1, body.login .wrapper h2, body.login .wrapper h3, body.login .wrapper h4, body.login .wrapper h5, body.login .wrapper h6, body.login .wrapper h1 a, body.login .wrapper h2 a, body.login .wrapper h3 a, body.login .wrapper h4 a, body.login .wrapper h5 a, body.login .wrapper h6 a { - color: #222222; } -body.blog .wrapper a, body.login .wrapper a { - color: #F35500; } -body.blog .wrapper .horizontal-line, body.blog .wrapper .page-header, body.login .wrapper .horizontal-line, body.login .wrapper .page-header { - border-bottom: 1px solid #DDDDDD; - -webkit-box-shadow: 0 1px 0 white; - -moz-box-shadow: 0 1px 0 white; - box-shadow: 0 1px 0 white; } -body.blog .wrapper strong, body.login .wrapper strong { - color: #000000; } - -.subscribe-to-feed a { - background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/blog/rss.png); - background-position: 0 50%; - background-repeat: no-repeat; - display: block; - font-weight: bold; - padding-left: 20px; } - -.product_header { - background: #f35500; - /* Old browsers */ - background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); - /* IE10+ */ - background: linear-gradient(top, #f35500 0%, #c61100 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; - margin: 0 -30px 0 -30px; - padding: 15px 30px; - border-bottom: 1px solid #101010; - -webkit-box-shadow: 0 1px 0 #313131; - -moz-box-shadow: 0 1px 0 #313131; - box-shadow: 0 1px 0 #313131; } - .product_header .product_logo { - display: block; - margin-top: 16px; } - -#product_hero { - margin: 0 -30px 0 -30px; - height: 450px; } - -.product_slides_slide { - background: #000000; } - -.full { - margin: 0 -30px 0 -30px; - padding: 0 30px; } - -.full-divider { - border-bottom: 1px solid #101010; - -webkit-box-shadow: 0 1px 0 #313131; - -moz-box-shadow: 0 1px 0 #313131; - box-shadow: 0 1px 0 #313131; } - -#blog { - padding-top: 30px; } - -/* ----------------------------------------------------------------------------------------------- - * Products - * ============================================================================================ */ -#products a.product_logo { - display: block; - float: right; - margin: 15px; } -#products #products_intro p { - font-size: 16px; - line-height: 32px; - background: url("//d1a9djc5c2hdvf.cloudfront.net/images/products/products_arrow.png") bottom right no-repeat; } -#products p a { - color: #CCCCCC; - text-decoration: none; } - -#rfm_hero p, #rfs_hero p { - font-size: 16px; - line-height: 32px; } - -#rfm_hero p a, #rfs_hero p a { - color: #FFFFFF; } - #rfm_hero p a:hover, #rfs_hero p a:hover { - color: #FFFFFF; } - -#rfm_hero p a.btn { - font-weight: bold; } - -#rfs_hero { - background: #111111; - padding-top: 15px; - padding-bottom: 15px; } - #rfs_hero p a.btn { - font-weight: bold; } +::selection { background: #f35500; color: #FFFFFF; text-shadow: none; } + +::-moz-selection { background: #f35500; color: #FFFFFF; text-shadow: none; } + +.clearfix { *zoom: 1; } +.clearfix:before, .clearfix:after { content: ""; display: table; } +.clearfix:after { clear: both; } + +/* ----------------------------------------------------------------------------------------------- Bootstrap Overrides ============================================================================================ */ +p { *zoom: 1; line-height: 24px; } +p:before, p:after { content: ""; display: table; } +p:after { clear: both; } +p.kicker { font-size: 18px; line-height: 38px; color: #FFFFFF; } + +.pullquote { border-right: 5px solid #f35500; display: block; padding: 12px 25px 12px 0; margin: 12px 20px 12px 0; float: left; width: 250px; text-align: right; } +.pullquote blockquote { border: 0; margin: 0; padding: 0; } + +.pullquote.alt { border-right: 0; border-left: 5px solid #F35500; padding: 12px 0 12px 25px; margin: 12px 0 20px 12px; float: right; text-align: left; } + +.pullquote, .pullquote blockquote { font-size: 24px; line-height: 48px; color: #F35500; font-style: italic; font-weight: 200; } + +blockquote { border-left: 5px solid #f35500; } +blockquote.alt { border-left: none; padding-left: 0; border-right: 5px solid #f35500; padding-right: 15px; } +blockquote p { color: #FFFFFF; font-size: 15px !important; font-weight: normal; line-height: 24px; } + +#sidebar p, #sidebar ul li, #sidebar ol li { font-size: 13px; } +#sidebar p.kicker { font-size: 14px; line-height: 30px; text-align: justify; } +#sidebar ul li { border-bottom: 1px solid #EEEEEE; color: #F35500; line-height: 31.5px; padding-left: 5px; } +#sidebar ul li:first-child { border-top: 1px solid #EEEEEE; } +#sidebar ul li a { color: #222222; display: inline-block; text-decoration: none; width: 175px; } +#sidebar ul li:hover { background: #F35500; color: #FFFFFF; } +#sidebar ul li:hover a { color: #FFFFFF; } + +body.blog blockquote p, body.blog blockquote small { color: #555555; } + +.customer-showcases { color: #666666; } +.customer-showcases a { color: #F35500; text-decoration: none; } + +.form-stacked { margin-bottom: 0; padding-left: 0; } + +.help-inline, .help-block { font-size: 13px; color: #666666; } + +.btn { font-weight: bold; } +.btn.dark { background: #555555; /* Old browsers */ background: -moz-linear-gradient(top, #555555 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #555555 0%, #333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #555555 0%, #333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #555555 0%, #333333 100%); /* IE10+ */ background: linear-gradient(top, #555555 0%, #333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333')"; color: #FFFFFF; border: 1px solid #222222; border-bottom-color: #111111; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } +.btn.signup { background: #f35500; /* Old browsers */ background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); /* IE10+ */ background: linear-gradient(top, #f35500 0%, #c61100 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c61100 #c61100 #930d00; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + +/* ----------------------------------------------------------------------------------------------- Login ============================================================================================ */ +body.login .container { margin-top: 200px; } + +body.signup { border-top: 0; } +body.signup .container { margin-top: 0; } +body.signup .signup-questions { margin-top: 60px; } +body.signup #header a#logo { background-position: 30px; } + +/* ----------------------------------------------------------------------------------------------- Blog ============================================================================================ */ +.copy img { margin: auto; } + +.page-header { border-bottom: 1px solid #101010; -webkit-box-shadow: 0 1px 0 #313131; -moz-box-shadow: 0 1px 0 #313131; box-shadow: 0 1px 0 #313131; } + +.lastword { padding-bottom: 50px; } + +.postmetadata { border-top: 1px solid #DDDDDD; margin-top: 25px; } + +.postmetadata.postmetadata p, .postmetadata ul li, .postmetadata ol li { font-size: 13px; } +.postmetadata a { background: #EEEEEE; padding: 2px 4px; border: 1px solid #E0E0E0; color: #898989 !important; white-space: nowrap; margin: 2px; display: inline-block; text-decoration: none; } + +body.blog .wrapper { background: #FFFFFF; color: #333333; border-top: 5px solid #f35500; } + +body.login .wrapper { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/project_papper.png); color: #333333; } +body.login .wrapper .login-databot { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/login/databot-blueprint.png) right 30px no-repeat; padding-top: 30px; } +body.login .wrapper .alert-message { margin-bottom: 0; max-width: 248px; } +body.login .wrapper div.input { max-width: 280px; } +body.login .wrapper .form-stacked .actions { background: #1c1c1c; /* Old browsers */ background: -moz-linear-gradient(top, #1c1c1c 0%, #111111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1c1c1c 0%, #111111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1c1c1c 0%, #111111 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1c1c1c 0%, #111111 100%); /* IE10+ */ background: linear-gradient(top, #1c1c1c 0%, #111111 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#111111'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#111111')"; margin: 0 -30px 0 -30px; padding: 0 30px; padding-top: 15px; padding-bottom: 15px; } +body.login .wrapper .form-stacked .actions a { font-size: 13px; line-height: 41px; float: right; } + +body.blog .wrapper ul li, body.blog .wrapper ol li, body.login .wrapper ul li, body.login .wrapper ol li { color: #222222; } +body.blog .wrapper p.kicker, body.login .wrapper p.kicker { color: #666666; } +body.blog .wrapper p.kicker strong, body.login .wrapper p.kicker strong { color: #666666; } +body.blog .wrapper h1, body.blog .wrapper h2, body.blog .wrapper h3, body.blog .wrapper h4, body.blog .wrapper h5, body.blog .wrapper h6, body.blog .wrapper h1 a, body.blog .wrapper h2 a, body.blog .wrapper h3 a, body.blog .wrapper h4 a, body.blog .wrapper h5 a, body.blog .wrapper h6 a, body.login .wrapper h1, body.login .wrapper h2, body.login .wrapper h3, body.login .wrapper h4, body.login .wrapper h5, body.login .wrapper h6, body.login .wrapper h1 a, body.login .wrapper h2 a, body.login .wrapper h3 a, body.login .wrapper h4 a, body.login .wrapper h5 a, body.login .wrapper h6 a { color: #222222; } +body.blog .wrapper a, body.login .wrapper a { color: #F35500; } +body.blog .wrapper .horizontal-line, body.blog .wrapper .page-header, body.login .wrapper .horizontal-line, body.login .wrapper .page-header { border-bottom: 1px solid #DDDDDD; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; } +body.blog .wrapper strong, body.login .wrapper strong { color: #000000; } + +.subscribe-to-feed a { background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/blog/rss.png); background-position: 0 50%; background-repeat: no-repeat; display: block; font-weight: bold; padding-left: 20px; } + +.product_header { background: #f35500; /* Old browsers */ background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); /* IE10+ */ background: linear-gradient(top, #f35500 0%, #c61100 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; margin: 0 -30px 0 -30px; padding: 15px 30px; border-bottom: 1px solid #101010; -webkit-box-shadow: 0 1px 0 #313131; -moz-box-shadow: 0 1px 0 #313131; box-shadow: 0 1px 0 #313131; } +.product_header .product_logo { display: block; margin-top: 16px; } + +#product_hero { margin: 0 -30px 0 -30px; height: 450px; } + +.product_slides_slide { background: #000000; } + +.full { margin: 0 -30px 0 -30px; padding: 0 30px; } + +.full-divider { border-bottom: 1px solid #101010; -webkit-box-shadow: 0 1px 0 #313131; -moz-box-shadow: 0 1px 0 #313131; box-shadow: 0 1px 0 #313131; } + +#blog { padding-top: 30px; } + +/* ----------------------------------------------------------------------------------------------- Products ============================================================================================ */ +#products a.product_logo { display: block; float: right; margin: 15px; } +#products #products_intro p { font-size: 16px; line-height: 32px; background: url("//d1a9djc5c2hdvf.cloudfront.net/images/products/products_arrow.png") bottom right no-repeat; } +#products p a { color: #CCCCCC; text-decoration: none; } + +#rfm_hero p, #rfs_hero p { font-size: 16px; line-height: 32px; } + +#rfm_hero p a, #rfs_hero p a { color: #FFFFFF; } +#rfm_hero p a:hover, #rfs_hero p a:hover { color: #FFFFFF; } + +#rfm_hero p a.btn { font-weight: bold; } + +#rfs_hero { background: #111111; padding-top: 15px; padding-bottom: 15px; } +#rfs_hero p a.btn { font-weight: bold; } /* RfM */ -#rfm_hero { - background: #111111 url("//d1a9djc5c2hdvf.cloudfront.net/images/slideshow/hero-insight.png") 0 0 no-repeat; - height: 420px; - padding-top: 15px; - padding-bottom: 15px; } - -#rfm-maximize-exposure { - background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfm/maximize-exposure.png") 0 0 no-repeat; - padding-top: 30px; - padding-bottom: 30px; } - -#rfm-exports { - background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfm/exports.png") 0 0 no-repeat; - height: 366px; } - -#rfm-databot-works { - background: #111111 url("//d1a9djc5c2hdvf.cloudfront.net/images/rfm/databot-works.png") 0 0 no-repeat; - margin-bottom: 30px; - padding: 30px; } +#rfm_hero { background: #111111 url("//d1a9djc5c2hdvf.cloudfront.net/images/slideshow/hero-insight.png") 0 0 no-repeat; height: 420px; padding-top: 15px; padding-bottom: 15px; } + +#rfm-maximize-exposure { background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfm/maximize-exposure.png") 0 0 no-repeat; padding-top: 30px; padding-bottom: 30px; } + +#rfm-exports { background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfm/exports.png") 0 0 no-repeat; height: 366px; } + +#rfm-databot-works { background: #111111 url("//d1a9djc5c2hdvf.cloudfront.net/images/rfm/databot-works.png") 0 0 no-repeat; margin-bottom: 30px; padding: 30px; } /* RfS */ -#all-parts-data { - background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfs/all-parts-data.png") bottom right no-repeat; - min-height: 375px; - margin-top: 15px; - margin-bottom: 15px; } - -#rfs-total-control-examples .row { - margin-top: 15px; } - -#rfs-brand-detail { - background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfs/brand-detail.png") bottom right no-repeat; - min-height: 668px; - margin-top: 15px; - margin-bottom: 15px; } - -div.slider-nav span { - width: 41px; - height: 44px; - margin-top: -22px; } - div.slider-nav span.right { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/right-arrow.png); - right: -10px; } - div.slider-nav span.left { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/left-arrow.png); - left: -10px; } - -#inline-contact { - background: #111111; - /* Old browsers */ - background: -moz-linear-gradient(top, #111111 0%, black 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, black)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #111111 0%, black 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #111111 0%, black 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #111111 0%, black 100%); - /* IE10+ */ - background: linear-gradient(top, #111111 0%, black 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='black'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='black')"; - border-top: 1px solid #2B2B2B; - margin-top: 30px; - margin-bottom: -30px; - padding-top: 15px; - padding-bottom: 15px; } - #inline-contact p { - color: #FFFFFF; - font-size: 14px; } - #inline-contact small { - color: #FFFFFF; } - -#breadcrumbs { - background: #f35500; - /* Old browsers */ - background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); - /* IE10+ */ - background: linear-gradient(top, #f35500 0%, #c61100 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; - color: #FFFFFF; - padding-top: 15px; - padding-bottom: 15px; - margin-bottom: 30px; - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); - -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } - #breadcrumbs a { - color: #FFFFFF; } - #breadcrumbs ul { - margin: 0; - list-style-type: none; } - #breadcrumbs ul li { - color: #ff7e38; - display: inline; - padding: 0 10px 0 0; - margin: 0; } - -.product-meta { - margin-top: -4px; } - .product-meta p, .product-meta ul li, .product-meta ol li { - font-size: 13px; } - .product-meta .image-container { - background: #111111; - border: 1px solid #000000; - padding: 4px; - margin-bottom: 21px; - height: 210px; - width: 210px; } - .product-meta .image-container img { - max-width: 200px; - max-height: 200px; } - .product-meta .image-container div { - background: #FFFFFF; - width: 210px; - height: 210px; - display: table-cell; - vertical-align: middle; - text-align: center; - margin: 0 auto; } - -.product-meta .thumbnail { - background: #111111; - padding: 2px; - margin: 0 10px 10px 0; - height: 100px; - width: 100px; - float: left; } - .product-meta .thumbnail:nth-child(even) { - margin-right: 0; } - .product-meta .thumbnail span { - background: #FFFFFF; - width: 100px; - height: 100px; - display: table-cell; - vertical-align: middle; - text-align: center; - margin: 0 auto; } - -#product-grid .product-cards { - margin-left: -20px; } - -.mediacard { - font-size: 13px; - width: 220px; - margin: 0 0 20px 20px; - background: #111111; - height: 220px; - float: left; - -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); - position: relative; - -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); - box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); } - .mediacard .image { - background: #FFFFFF; - width: 220px; - height: 140px; - display: table-cell; - vertical-align: middle; - text-align: center; - margin: 0 auto; } - .mediacard .excerpt { - padding: 15px; - border-right: 1px solid #191919; - border-bottom: 1px solid #191919; - height: 50px; } - .mediacard .excerpt a { - font-weight: bold; - color: #FFFFFF !important; } - .mediacard .arrow { - background-image: url("//d1a9djc5c2hdvf.cloudfront.net/images/arrow.png"); - background-position: 0 0; - width: 33px; - height: 16px; - position: absolute; - top: 130px; - z-index: 30; - right: 20px; } - -/* ----------------------------------------------------------------------------------------------- - * Catalog - * ============================================================================================ */ -body.catalog table { - border: 1px solid #111111; } - body.catalog table th { - background: #111111; } - body.catalog table td { - border: 0; } - body.catalog table td.image { - padding: 0; } - body.catalog table td.image a { - display: table-cell; - height: 120px; - width: 120px; - vertical-align: middle; - text-align: center; - margin: 0 auto; } - body.catalog table td.specs { - padding: 0; } - body.catalog table tr:nth-child(even) td { - background: #111111; } - -td.specs table.specs { - border: 0; - margin-bottom: 0; } - td.specs table.specs tr:nth-child(even) td { - background: #000000; } - -/* ----------------------------------------------------------------------------------------------- - * Headings - * ============================================================================================ */ -h1, h2, h3, h4, h5, h6 { - color: #FFFFFF; } - -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: #FFFFFF; - text-decoration: none; } - -a, a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { - color: #F35500; - text-decoration: none; } - -/* ----------------------------------------------------------------------------------------------- - * Layout - * ============================================================================================ */ -.wrapper { - padding: 0 30px; - background: #1c1c1c; - -moz-box-shadow: 0 5px 15px #000000; - -webkit-box-shadow: 0 5px 15px #000000; - box-shadow: 0 5px 15px #000000; - text-align: left; - margin-bottom: 20px; } - -.center { - height: auto; - width: 1020px; - margin: auto; - padding: 0px; } - -#content { - padding-bottom: 0px; - height: auto; - float: left; } - -#header { - margin: 0 -30px; - padding: 0 30px 60px 30px; - height: 60px; } - -#header a#logo { - background: transparent url("//d1a9djc5c2hdvf.cloudfront.net/images/logo.png") 0 30px no-repeat; - display: block; - width: 220px; - height: 60px; - padding: 30px; - text-indent: -9999px; } - -strong { - font-weight: bold; - color: #FFFFFF; } - -.colored { - color: #F35500 !important; } - -.intro-pages, .horizontal-line { - margin: 30px auto; - border-bottom: 1px solid #101010; - -webkit-box-shadow: 0 1px 0 #313131; - -moz-box-shadow: 0 1px 0 #313131; - box-shadow: 0 1px 0 #313131; } - -.left { - display: block; - float: left !important; } - -.right { - display: block; - float: right !important; } - -.img-align-left { - margin: 5px 10px 0 0; - float: left; } - -.img-align-right { - margin: 5px 0 0 10px; - float: right; } - -.img-align-center { - margin: 5px 0; - text-align: center; } - -.text-align-left { - float: left; - width: 220px; } - -/* ----------------------------------------------------------------------------------------------- - * Navigation - * ============================================================================================ */ -.main-menu ul li.overview a { - background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/home.png); - background-position: 10px 50%; - background-repeat: no-repeat; - padding-left: 30px; } -.main-menu ul li.faq a { - background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/faq.png); - background-position: 10px 50%; - background-repeat: no-repeat; - padding-left: 30px; } -.main-menu ul li.signup a { - background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/signup.png); - background-position: 10px 50%; - background-repeat: no-repeat; - padding-left: 30px; } - -#main_navigation, #product_navigation { - top: 0px; - float: right; - font-size: 11px; } - -#main_navigation { - height: 50px; } - -#header .main-menu ul li { - padding: 30px 0 0 0; } - -.main-menu { - position: relative; - z-index: 22; } - .main-menu ul { - margin: 0; - padding: 0; - list-style-type: none; } - .main-menu ul li { - position: relative; - display: inline; - float: left; - font-size: 12px; - margin-left: 5px; } - .main-menu ul li a { - line-height: 40px; - color: #FFFFFF; - text-transform: uppercase; - text-shadow: 0px 1px #000000; - font-weight: bold; } - -.product_header .main-menu ul li { - margin-left: 10px; } - .product_header .main-menu ul li a { - text-shadow: none; } - .product_header .main-menu ul li:hover { - background: #111111; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; } - -.main-menu ul li a span { - display: block; - color: #898989; - font-size: 10px; - text-align: left; - margin-top: -15px; - text-transform: capitalize; } -.main-menu ul li.active, .main-menu ul li.active:hover { - color: #FFFFFF; - background: #f35500; - /* Old browsers */ - background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); - /* IE10+ */ - background: linear-gradient(top, #f35500 0%, #c61100 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; - border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - -webkit-border-radius: 0 0 4px 4px; } - -.product_header .main-menu ul li.active, .product_header .main-menu ul li:hover { - color: #FFFFFF; - background: #111111; - /* Old browsers */ - background: -moz-linear-gradient(top, #111111 0%, #1c1c1c 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #1c1c1c)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #111111 0%, #1c1c1c 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #111111 0%, #1c1c1c 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #111111 0%, #1c1c1c 100%); - /* IE10+ */ - background: linear-gradient(top, #111111 0%, #1c1c1c 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#1c1c1c'); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#1c1c1c')"; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; } - -.main-menu ul li a { - display: block; - text-decoration: none; - overflow: hidden; - padding: 10px; } - -* html .main-menu ul li a { - display: inline-block; } - -.main-menu ul li a em { - color: #898989; - font-style: italic; - padding-right: 0.25em; - text-transform: lowercase; } -.main-menu ul li.active a em { - color: #FFFFFF; } -.main-menu ul li ul { - position: absolute; - left: 0px; - display: block; - visibility: hidden; - width: 180px; } - .main-menu ul li ul li { - display: list-item; - float: none; } - .main-menu ul li ul li a { - width: 160px; - padding: 5px 10px; } -.main-menu ul ul { - background: #111111; - z-index: 101; - border-radius: 0px 4px 4px 4px; - -moz-border-radius: 0 4px 4px 4px; - -webkit-border-radius: 0 4px 4px 4px; - border-bottom: 1px solid #111111; - border-right: 1px solid #111111; - border-left: 1px solid #111111; } - .main-menu ul ul li:last-child { - border-radius: 0px 0px 4px 4px; - -moz-border-radius: 0 0px 4px 4px; - -webkit-border-radius: 0 0px 4px 4px; } - .main-menu ul ul li.zebra-nav { - background: #1b1b1b; } - .main-menu ul ul li a { - height: 100%; - text-transform: capitalize; - line-height: 20px; - margin-right: 0px!important; - padding: 8px 11px!important; - font-size: 11px; } - .main-menu ul ul li a:link, .main-menu ul ul li a:visited { - height: 100%; - text-transform: capitalize; - line-height: 20px; - margin-right: 0px!important; - padding: 8px 11px!important; - font-size: 11px; } - -.main-menu ul li.secondary a { - color: #AAA; - text-transform: none; } - -.main-menu ul li.first-secondary { - margin-left: 20px; } - .main-menu ul li.first-secondary a { - border-left: 1px solid #333; - padding-left: 25px; } - -.main-menuz ul li ul li a:hover, .main-menu ul ul li a:hover { - text-decoration: none!important; - background: #f35500; - color: #000000; - text-shadow: none; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; } - -.main-menuz ul li ul li:last:child:hover, .main-menu ul ul li:last:child:hover { - border-radius: 0px 0px 4px 4px; - -moz-border-radius: 0 0px 4px 4px; - -webkit-border-radius: 0 0px 4px 4px; } - -.main-menuz ul ul li ul li a:hover, .main-menu ul ul ul li a:hover { - text-decoration: none!important; - background: #f35500; - color: #000000; - text-shadow: none; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; } - -/* ----------------------------------------------------------------------------------------------- - * Intro Pages - * ============================================================================================ */ -.intro-pages { - padding: 30px 0px; - margin: 0 0 30px 0; } - .intro-pages h1, .intro-pages h2, .intro-pages h3, .intro-pages h4 { - text-align: center; - margin-bottom: 0; } - .intro-pages h1 a, .intro-pages h2 a, .intro-pages h3 a, .intro-pages h4 a { - color: #F35500; } - -/* ----------------------------------------------------------------------------------------------- - * Footer - * ============================================================================================ */ -#footer-wrapper h1, #footer-wrapper h2, #footer-wrapper h3, #footer-wrapper h4, #footer-wrapper h5, #footer-wrapper h6 { - color: #FFFFFF; } -#footer-wrapper p, #footer-wrapper ul li, #footer-wrapper ol li { - font-size: 13px; } - -#copyright { - background: #111111; - border-top: 1px solid #181818; - padding-top: 25px; - padding-bottom: 25px; } - #copyright ul.footer_logos { - margin: 0; - padding: 0; - list-style-type: none; } - #copyright ul.footer_logos li { - position: relative; - display: inline; - float: left; - margin-left: 35px; } - #copyright ul.footer_logos li.first { - margin-left: 0; } - -#footer-wrapper { - background: #111111; - color: #AAAAAA; - margin: 30px -30px 0 -30px; - border-top: 1px solid #2b2b2b; - border-bottom: 1px solid #070707; - padding: 30px; - text-shadow: 0px 1px 0px #000000; } - #footer-wrapper ul.contact { - list-style-type: none; - margin-left: 0; - padding-left: 0; } - #footer-wrapper ul.contact li { - font-weight: bold; - line-height: 30px; } - #footer-wrapper ul.contact li a { - color: #EEEEEE; - padding-left: 30px; - line-height: 30px; - display: block; - text-decoration: none; } - #footer-wrapper ul.contact li.facebook a { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/facebook.png) 0 50% no-repeat; } - #footer-wrapper ul.contact li.blog a { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/rss.png) 0 50% no-repeat; } - #footer-wrapper ul.contact li.twitter a { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/twitter.png) 0 50% no-repeat; } - #footer-wrapper ul.contact li.vimeo a { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/vimeo.png) 0 50% no-repeat; } +#all-parts-data { background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfs/all-parts-data.png") bottom right no-repeat; min-height: 375px; margin-top: 15px; margin-bottom: 15px; } + +#rfs-total-control-examples .row { margin-top: 15px; } + +#rfs-brand-detail { background: url("//d1a9djc5c2hdvf.cloudfront.net/images/rfs/brand-detail.png") bottom right no-repeat; min-height: 668px; margin-top: 15px; margin-bottom: 15px; } + +div.slider-nav span { width: 41px; height: 44px; margin-top: -22px; } +div.slider-nav span.right { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/right-arrow.png); right: -10px; } +div.slider-nav span.left { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/orbit/left-arrow.png); left: -10px; } + +#inline-contact { background: #111111; /* Old browsers */ background: -moz-linear-gradient(top, #111111 0%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #111111 0%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #111111 0%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #111111 0%, black 100%); /* IE10+ */ background: linear-gradient(top, #111111 0%, black 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='black'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='black')"; border-top: 1px solid #2B2B2B; margin-top: 30px; margin-bottom: -30px; padding-top: 15px; padding-bottom: 15px; } +#inline-contact p { color: #FFFFFF; font-size: 14px; } +#inline-contact small { color: #FFFFFF; } + +#breadcrumbs { background: #f35500; /* Old browsers */ background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); /* IE10+ */ background: linear-gradient(top, #f35500 0%, #c61100 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; color: #FFFFFF; padding-top: 15px; padding-bottom: 15px; margin-bottom: 30px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); } +#breadcrumbs a { color: #FFFFFF; } +#breadcrumbs ul { margin: 0; list-style-type: none; } +#breadcrumbs ul li { color: #ff7e38; display: inline; padding: 0 10px 0 0; margin: 0; } + +.product-meta { margin-top: -4px; } +.product-meta p, .product-meta ul li, .product-meta ol li { font-size: 13px; } +.product-meta .image-container { background: #111111; border: 1px solid #000000; padding: 4px; margin-bottom: 21px; height: 210px; width: 210px; } +.product-meta .image-container img { max-width: 200px; max-height: 200px; } +.product-meta .image-container div { background: #FFFFFF; width: 210px; height: 210px; display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; } + +.product-meta .thumbnail { background: #111111; padding: 2px; margin: 0 10px 10px 0; height: 100px; width: 100px; float: left; } +.product-meta .thumbnail:nth-child(even) { margin-right: 0; } +.product-meta .thumbnail span { background: #FFFFFF; width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; } + +#product-grid .product-cards { margin-left: -20px; } + +.mediacard { font-size: 13px; width: 220px; margin: 0 0 20px 20px; background: #111111; height: 220px; float: left; -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); position: relative; -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); } +.mediacard .image { background: #FFFFFF; width: 220px; height: 140px; display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; } +.mediacard .excerpt { padding: 15px; border-right: 1px solid #191919; border-bottom: 1px solid #191919; height: 50px; } +.mediacard .excerpt a { font-weight: bold; color: #FFFFFF !important; } +.mediacard .arrow { background-image: url("//d1a9djc5c2hdvf.cloudfront.net/images/arrow.png"); background-position: 0 0; width: 33px; height: 16px; position: absolute; top: 130px; z-index: 30; right: 20px; } + +/* ----------------------------------------------------------------------------------------------- Catalog ============================================================================================ */ +body.catalog table { border: 1px solid #111111; } +body.catalog table th { background: #111111; } +body.catalog table td { border: 0; } +body.catalog table td.image { padding: 0; } +body.catalog table td.image a { display: table-cell; height: 120px; width: 120px; vertical-align: middle; text-align: center; margin: 0 auto; } +body.catalog table td.specs { padding: 0; } +body.catalog table tr:nth-child(even) td { background: #111111; } + +td.specs table.specs { border: 0; margin-bottom: 0; } +td.specs table.specs tr:nth-child(even) td { background: #000000; } + +/* ----------------------------------------------------------------------------------------------- Headings ============================================================================================ */ +h1, h2, h3, h4, h5, h6 { color: #FFFFFF; } + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #FFFFFF; text-decoration: none; } + +a, a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #F35500; text-decoration: none; } + +/* ----------------------------------------------------------------------------------------------- Layout ============================================================================================ */ +.wrapper { padding: 0 30px; background: #1c1c1c; -moz-box-shadow: 0 5px 15px #000000; -webkit-box-shadow: 0 5px 15px #000000; box-shadow: 0 5px 15px #000000; text-align: left; margin-bottom: 20px; } + +.center { height: auto; width: 1020px; margin: auto; padding: 0px; } + +#content { padding-bottom: 0px; height: auto; float: left; } + +#header { margin: 0 -30px; padding: 0 30px 60px 30px; height: 60px; } + +#header a#logo { background: transparent url("//d1a9djc5c2hdvf.cloudfront.net/images/logo.png") 0 30px no-repeat; display: block; width: 220px; height: 60px; padding: 30px; text-indent: -9999px; } + +strong { font-weight: bold; color: #FFFFFF; } + +.colored { color: #F35500 !important; } + +.intro-pages, .horizontal-line { margin: 30px auto; border-bottom: 1px solid #101010; -webkit-box-shadow: 0 1px 0 #313131; -moz-box-shadow: 0 1px 0 #313131; box-shadow: 0 1px 0 #313131; } + +.left { display: block; float: left !important; } + +.right { display: block; float: right !important; } + +.img-align-left { margin: 5px 10px 0 0; float: left; } + +.img-align-right { margin: 5px 0 0 10px; float: right; } + +.img-align-center { margin: 5px 0; text-align: center; } + +.text-align-left { float: left; width: 220px; } + +/* ----------------------------------------------------------------------------------------------- Navigation ============================================================================================ */ +.main-menu ul li.overview a { background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/home.png); background-position: 10px 50%; background-repeat: no-repeat; padding-left: 30px; } +.main-menu ul li.faq a { background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/faq.png); background-position: 10px 50%; background-repeat: no-repeat; padding-left: 30px; } +.main-menu ul li.signup a { background-image: url(//d1a9djc5c2hdvf.cloudfront.net/images/signup.png); background-position: 10px 50%; background-repeat: no-repeat; padding-left: 30px; } + +#main_navigation, #product_navigation { top: 0px; float: right; font-size: 11px; } + +#main_navigation { height: 50px; } + +#header .main-menu ul li { padding: 30px 0 0 0; } + +.main-menu { position: relative; z-index: 22; } +.main-menu ul { margin: 0; padding: 0; list-style-type: none; } +.main-menu ul li { position: relative; display: inline; float: left; font-size: 12px; margin-left: 5px; } +.main-menu ul li a { line-height: 40px; color: #FFFFFF; text-transform: uppercase; text-shadow: 0px 1px #000000; font-weight: bold; } + +.product_header .main-menu ul li { margin-left: 10px; } +.product_header .main-menu ul li a { text-shadow: none; } +.product_header .main-menu ul li:hover { background: #111111; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } + +.main-menu ul li a span { display: block; color: #898989; font-size: 10px; text-align: left; margin-top: -15px; text-transform: capitalize; } +.main-menu ul li.active, .main-menu ul li.active:hover { color: #FFFFFF; background: #f35500; /* Old browsers */ background: -moz-linear-gradient(top, #f35500 0%, #c61100 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f35500), color-stop(100%, #c61100)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f35500 0%, #c61100 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f35500 0%, #c61100 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f35500 0%, #c61100 100%); /* IE10+ */ background: linear-gradient(top, #f35500 0%, #c61100 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35500', endColorstr='#c61100')"; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } + +.product_header .main-menu ul li.active, .product_header .main-menu ul li:hover { color: #FFFFFF; background: #111111; /* Old browsers */ background: -moz-linear-gradient(top, #111111 0%, #1c1c1c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #1c1c1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #111111 0%, #1c1c1c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #111111 0%, #1c1c1c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #111111 0%, #1c1c1c 100%); /* IE10+ */ background: linear-gradient(top, #111111 0%, #1c1c1c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#1c1c1c'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#1c1c1c')"; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } + +.main-menu ul li a { display: block; text-decoration: none; overflow: hidden; padding: 10px; } + +* html .main-menu ul li a { display: inline-block; } + +.main-menu ul li a em { color: #898989; font-style: italic; padding-right: 0.25em; text-transform: lowercase; } +.main-menu ul li.active a em { color: #FFFFFF; } +.main-menu ul li ul { position: absolute; left: 0px; display: block; visibility: hidden; width: 180px; } +.main-menu ul li ul li { display: list-item; float: none; } +.main-menu ul li ul li a { width: 160px; padding: 5px 10px; } +.main-menu ul ul { background: #111111; z-index: 101; border-radius: 0px 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; border-bottom: 1px solid #111111; border-right: 1px solid #111111; border-left: 1px solid #111111; } +.main-menu ul ul li:last-child { border-radius: 0px 0px 4px 4px; -moz-border-radius: 0 0px 4px 4px; -webkit-border-radius: 0 0px 4px 4px; } +.main-menu ul ul li.zebra-nav { background: #1b1b1b; } +.main-menu ul ul li a { height: 100%; text-transform: capitalize; line-height: 20px; margin-right: 0px!important; padding: 8px 11px!important; font-size: 11px; } +.main-menu ul ul li a:link, .main-menu ul ul li a:visited { height: 100%; text-transform: capitalize; line-height: 20px; margin-right: 0px!important; padding: 8px 11px!important; font-size: 11px; } + +.main-menu ul li.secondary a { color: #AAA; text-transform: none; } + +.main-menu ul li.first-secondary { margin-left: 20px; } +.main-menu ul li.first-secondary a { border-left: 1px solid #333; padding-left: 25px; } + +.main-menuz ul li ul li a:hover, .main-menu ul ul li a:hover { text-decoration: none!important; background: #f35500; color: #000000; text-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } + +.main-menuz ul li ul li:last:child:hover, .main-menu ul ul li:last:child:hover { border-radius: 0px 0px 4px 4px; -moz-border-radius: 0 0px 4px 4px; -webkit-border-radius: 0 0px 4px 4px; } + +.main-menuz ul ul li ul li a:hover, .main-menu ul ul ul li a:hover { text-decoration: none!important; background: #f35500; color: #000000; text-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } + +/* ----------------------------------------------------------------------------------------------- Intro Pages ============================================================================================ */ +.intro-pages { padding: 30px 0px; margin: 0 0 30px 0; } +.intro-pages h1, .intro-pages h2, .intro-pages h3, .intro-pages h4 { text-align: center; margin-bottom: 0; } +.intro-pages h1 a, .intro-pages h2 a, .intro-pages h3 a, .intro-pages h4 a { color: #F35500; } + +/* ----------------------------------------------------------------------------------------------- Footer ============================================================================================ */ +#footer-wrapper h1, #footer-wrapper h2, #footer-wrapper h3, #footer-wrapper h4, #footer-wrapper h5, #footer-wrapper h6 { color: #FFFFFF; } +#footer-wrapper p, #footer-wrapper ul li, #footer-wrapper ol li { font-size: 13px; } + +#copyright { background: #111111; border-top: 1px solid #181818; padding-top: 25px; padding-bottom: 25px; } +#copyright ul.footer_logos { margin: 0; padding: 0; list-style-type: none; } +#copyright ul.footer_logos li { position: relative; display: inline; float: left; margin-left: 35px; } +#copyright ul.footer_logos li.first { margin-left: 0; } + +#footer-wrapper { background: #111111; color: #AAAAAA; margin: 30px -30px 0 -30px; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #070707; padding: 30px; text-shadow: 0px 1px 0px #000000; } +#footer-wrapper ul.contact { list-style-type: none; margin-left: 0; padding-left: 0; } +#footer-wrapper ul.contact li { font-weight: bold; line-height: 30px; } +#footer-wrapper ul.contact li a { color: #EEEEEE; padding-left: 30px; line-height: 30px; display: block; text-decoration: none; } +#footer-wrapper ul.contact li.facebook a { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/facebook.png) 0 50% no-repeat; } +#footer-wrapper ul.contact li.blog a { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/rss.png) 0 50% no-repeat; } +#footer-wrapper ul.contact li.twitter a { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/twitter.png) 0 50% no-repeat; } +#footer-wrapper ul.contact li.vimeo a { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/vimeo.png) 0 50% no-repeat; } /**** COPYRIGHT***********/ -#copyright { - background: #111111; - border-top: 1px solid #181818; - text-shadow: 0px 1px 0px #000000; } - -/* ----------------------------------------------------------------------------------------------- - * Portfolio - * ============================================================================================ */ -.portfolio-item-preview { - display: block; - height: 20px; - width: 75px; - padding: 4px 5px; - background: #000000; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - text-align: center; } - -.bordered-img { - border: 5px solid #232323; } - -.pretty-box { - background-color: #232323; - background: -moz-linear-gradient(center bottom, #232323 0px, #0c0c0c 100%) repeat scroll 0 0 transparent; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #0c0c0c)); - border: 1px solid #0c0c0c !important; - padding: 4px; } - .pretty-box:hover { - border: 1px solid #282834 !important; - -moz-box-shadow: 0 0px 3px #282834; - box-shadow: 0 0px 3px #282834; - -webkit-box-shadow: 0 0px 3px #282834; - -o-box-shadow: 0 1px 3px #282834; } - -#portfolio { - width: 960px; - float: left; } - -.portfolio-container { - padding: 0px; - display: block; - width: 990px; - float: left; - height: auto; - margin-top: 0px; - margin-left: 0px; - margin-bottom: 0px; - margin-right: -30px; } - .portfolio-container ul { - list-style-type: none; - margin: 0px; - padding-left: 0px; - padding-top: 10px; } - .portfolio-container ul li a.hide { - display: none; } - -/*************************************************** - FILTERABLE PORTFOLIO +#copyright { background: #111111; border-top: 1px solid #181818; text-shadow: 0px 1px 0px #000000; } + +/* ----------------------------------------------------------------------------------------------- Portfolio ============================================================================================ */ +.portfolio-item-preview { display: block; height: 20px; width: 75px; padding: 4px 5px; background: #000000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; } + +.bordered-img { border: 5px solid #232323; } + +.pretty-box { background-color: #232323; background: -moz-linear-gradient(center bottom, #232323 0px, #0c0c0c 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #0c0c0c)); border: 1px solid #0c0c0c !important; padding: 4px; } +.pretty-box:hover { border: 1px solid #282834 !important; -moz-box-shadow: 0 0px 3px #282834; box-shadow: 0 0px 3px #282834; -webkit-box-shadow: 0 0px 3px #282834; -o-box-shadow: 0 1px 3px #282834; } + +#portfolio { width: 960px; float: left; } + +.portfolio-container { padding: 0px; display: block; width: 990px; float: left; height: auto; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: -30px; } +.portfolio-container ul { list-style-type: none; margin: 0px; padding-left: 0px; padding-top: 10px; } +.portfolio-container ul li a.hide { display: none; } + +/*************************************************** FILTERABLE PORTFOLIO ***************************************************/ -#filterable { - display: inline; - float: right; - margin-bottom: 20px; - margin-right: 20px; } - #filterable li { - float: left; - margin-left: 25px; } - #filterable li a { - display: block; - color: #FFFFFF; - font: bold 11px arial; - text-decoration: none; - text-align: center; - width: 100%; - height: auto; - padding: 2px 5px; - margin: 5px; - background: #292c36; - -moz-border-radius: 4px; - border-radius: 4px; - border-top: 1px solid #3d4753; - -webkit-box-shadow: inset 0 0 25px #292c36, 0 1px 0 #0e0e0e, 0 2px 0 #0e0e0e, 0 2px 3px #0e0e0e; - -moz-box-shadow: inset 0 0 25px #292c36, 0 1px 0 #0e0e0e, 0 2px 0 #0e0e0e, 0 2px 3px #0e0e0e; - box-shadow: inset 0 0 25px #292c36, 0 1px 0 #0e0e0e, 0 2px 0 #0e0e0e, 0 2px 3px #0e0e0e; - text-shadow: 0px 1px 0px #111111; } - #filterable li.current a { - color: #f35500; - background: #292c36; - margin: 7px 5px 3px; - -webkit-box-shadow: inset 0 0 25px #292c36, 0 0 3px #0e0e0e; - -moz-box-shadow: inset 0 0 25px #292c36, 0 0 3px #0e0e0e; - box-shadow: inset 0 0 25px #292c36, 0 0 3px #0e0e0e; - border-top: 1px solid #3d4753; } - #filterable li h5 { - float: left; - margin-top: 5px; } +#filterable { display: inline; float: right; margin-bottom: 20px; margin-right: 20px; } +#filterable li { float: left; margin-left: 25px; } +#filterable li a { display: block; color: #FFFFFF; font: bold 11px arial; text-decoration: none; text-align: center; width: 100%; height: auto; padding: 2px 5px; margin: 5px; background: #292c36; -moz-border-radius: 4px; border-radius: 4px; border-top: 1px solid #3d4753; -webkit-box-shadow: inset 0 0 25px #292c36, 0 1px 0 #0e0e0e, 0 2px 0 #0e0e0e, 0 2px 3px #0e0e0e; -moz-box-shadow: inset 0 0 25px #292c36, 0 1px 0 #0e0e0e, 0 2px 0 #0e0e0e, 0 2px 3px #0e0e0e; box-shadow: inset 0 0 25px #292c36, 0 1px 0 #0e0e0e, 0 2px 0 #0e0e0e, 0 2px 3px #0e0e0e; text-shadow: 0px 1px 0px #111111; } +#filterable li.current a { color: #f35500; background: #292c36; margin: 7px 5px 3px; -webkit-box-shadow: inset 0 0 25px #292c36, 0 0 3px #0e0e0e; -moz-box-shadow: inset 0 0 25px #292c36, 0 0 3px #0e0e0e; box-shadow: inset 0 0 25px #292c36, 0 0 3px #0e0e0e; border-top: 1px solid #3d4753; } +#filterable li h5 { float: left; margin-top: 5px; } /*-------------------------------------------------------------------------------------------------*/ /*PORTFOLIO DETAILS NAVIGATION*/ /*-------------------------------------------------------------------------------------------------*/ -.portfolio-details-nav { - float: right; - width: 100%; - margin-bottom: 15px; } - -#prev, #next { - display: block; - float: right; - padding: 4px 9px; - margin-right: 5px; - border: 1px solid #0e0e0e; - background-color: #111111; - color: #FFFFFF; } - -#prev:hover, #next:hover { - background-color: #f35500; - color: #000000; - text-decoration: underline!important; } +.portfolio-details-nav { float: right; width: 100%; margin-bottom: 15px; } + +#prev, #next { display: block; float: right; padding: 4px 9px; margin-right: 5px; border: 1px solid #0e0e0e; background-color: #111111; color: #FFFFFF; } + +#prev:hover, #next:hover { background-color: #f35500; color: #000000; text-decoration: underline!important; } /****************************************************/ -.team-social-icons ul { - list-style-type: none; } -.team-social-icons li { - list-style-type: none; - min-height: 1%; } - .team-social-icons li img { - display: block; - float: left; - margin-right: 5px; } - .team-social-icons li a { - display: block; - float: left; - margin-right: 7px; - line-height: 18px; } - -.pdf { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icons/pdf-icon.png) no-repeat 5px 12px; - padding: 15px 10px 10px 65px; - width: 125px; - min-height: 48px; } - -.menu { - padding: 0; - clear: both; } - .menu li { - display: inline; } - .menu li a { - background: #3d4753; - padding: 5px 10px; - float: left; - border-right: 1px solid #0e0e0e; - border-bottom: none; - text-decoration: none; - color: #FFFFFF; - font-weight: normal; } - .menu li.active a { - background: #0e0e0e; - color: #FFFFFF; } - -.content { - float: left; - clear: both; - border-top: none; - border-left: none; - background: #0e0e0e; - padding: 10px 20px 20px; - width: 400px; } - -.portfolio-item-preview { - display: block; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/bg-fade.png) no-repeat center center; } - -.item-links { - position: absolute; - display: none; - right: 10px; - bottom: 15px; - opacity: 0.85; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; - filter: alpha(opacity=85); - background-color: #303030; - padding-top: 0px; - padding-bottom: 3px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; } - .item-links .align-center { - text-align: center!important; } - .item-links a.preview, .item-links a.online, .item-links a.video { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icon-preview.png) no-repeat 9px 5px; - padding-left: 33px; - font-family: 'Crimson Text', arial, serif; - font-style: italic; - font-size: 16px; - color: #FFFFFF; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.95); - padding-top: 2px; - padding-bottom: 5px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; } - .item-links a.online { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icon-online.png) no-repeat 9px 9px; } - .item-links a.video { - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icon-video.png) no-repeat 9px 7px; } - .item-links a.preview:hover, .item-links a.online:hover, .item-links a.video:hover { - background-color: #f35500; - text-decoration: none; } - -.portfolio-item-thumb { - position: relative; - float: left; - margin-bottom: 10px; } - .portfolio-item-thumb .label-new { - position: absolute; - left: 0px; - top: 0px; - height: 48px; - width: 48px; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/label-new.png) no-repeat; - z-index: 10; } - .portfolio-item-thumb .label-popular { - position: absolute; - left: 0px; - top: 0px; - height: 48px; - width: 48px; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/label-popular.png) no-repeat; - z-index: 10; } - .portfolio-item-thumb .label-free { - position: absolute; - left: 0px; - top: 0px; - height: 48px; - width: 48px; - background: url(//d1a9djc5c2hdvf.cloudfront.net/images/label-free.png) no-repeat; - z-index: 10; } +.team-social-icons ul { list-style-type: none; } +.team-social-icons li { list-style-type: none; min-height: 1%; } +.team-social-icons li img { display: block; float: left; margin-right: 5px; } +.team-social-icons li a { display: block; float: left; margin-right: 7px; line-height: 18px; } + +.pdf { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icons/pdf-icon.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; } + +.menu { padding: 0; clear: both; } +.menu li { display: inline; } +.menu li a { background: #3d4753; padding: 5px 10px; float: left; border-right: 1px solid #0e0e0e; border-bottom: none; text-decoration: none; color: #FFFFFF; font-weight: normal; } +.menu li.active a { background: #0e0e0e; color: #FFFFFF; } + +.content { float: left; clear: both; border-top: none; border-left: none; background: #0e0e0e; padding: 10px 20px 20px; width: 400px; } + +.portfolio-item-preview { display: block; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/bg-fade.png) no-repeat center center; } + +.item-links { position: absolute; display: none; right: 10px; bottom: 15px; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); background-color: #303030; padding-top: 0px; padding-bottom: 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } +.item-links .align-center { text-align: center!important; } +.item-links a.preview, .item-links a.online, .item-links a.video { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icon-preview.png) no-repeat 9px 5px; padding-left: 33px; font-family: 'Crimson Text', arial, serif; font-style: italic; font-size: 16px; color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.95); padding-top: 2px; padding-bottom: 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } +.item-links a.online { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icon-online.png) no-repeat 9px 9px; } +.item-links a.video { background: url(//d1a9djc5c2hdvf.cloudfront.net/images/icon-video.png) no-repeat 9px 7px; } +.item-links a.preview:hover, .item-links a.online:hover, .item-links a.video:hover { background-color: #f35500; text-decoration: none; } + +.portfolio-item-thumb { position: relative; float: left; margin-bottom: 10px; } +.portfolio-item-thumb .label-new { position: absolute; left: 0px; top: 0px; height: 48px; width: 48px; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/label-new.png) no-repeat; z-index: 10; } +.portfolio-item-thumb .label-popular { position: absolute; left: 0px; top: 0px; height: 48px; width: 48px; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/label-popular.png) no-repeat; z-index: 10; } +.portfolio-item-thumb .label-free { position: absolute; left: 0px; top: 0px; height: 48px; width: 48px; background: url(//d1a9djc5c2hdvf.cloudfront.net/images/label-free.png) no-repeat; z-index: 10; } /*------------------------------------------------------------------- ~~Assistly ===================================================================*/ /* Flash Messages */ -#flash { - font-size: 20px; - text-align: center; - display: none; } - -.flash_html { - display: inline; } - -.flash_ajax { - display: block; - margin: 0 auto 0 -200px; - position: fixed; - top: 0px; - left: 50%; - width: 400px; - z-index: 1003; - color: #222222; } - -.flash_html div { - text-align: center; - font-size: 14px; - margin: 0px auto; - width: 400px; - padding: 5px 40px; - background-color: #FFFDD7; - border-bottom: 3px solid #FDFBA8; - border-left: 3px solid #FDFBA8; - border-right: 3px solid #FDFBA8; - -moz-border-radius-bottomleft: 5px; - -moz-border-radius-bottomright: 5px; - -webkit-border-bottom-left-radius: 5px; - -webkit-border-bottom-right-radius: 5px; } - -.flash_ajax div { - text-align: center; - font-size: 14px; - margin: 0px auto; - width: 400px; - padding: 5px 40px; - background-color: #FFFDD7; - border-bottom: 3px solid #FDFBA8; - border-left: 3px solid #FDFBA8; - border-right: 3px solid #FDFBA8; - -moz-border-radius-bottomleft: 5px; - -moz-border-radius-bottomright: 5px; - -webkit-border-bottom-left-radius: 5px; - -webkit-border-bottom-right-radius: 5px; } - .flash_ajax div.flash_error { - border-color: #FF0000; - background-color: #FFBABA; } - -.flash_html div.flash_error, .flash_ajax div.flash_critical, .flash_html div.flash_critical { - border-color: #FF0000; - background-color: #FFBABA; } - -#support-main #breadcrumbs { - background: none; - margin: 0; - padding: 0; - -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 0 rgba(0, 0, 0, 0); } - #support-main #breadcrumbs ul { - list-style-type: none; - margin-top: 0; - margin-left: 0; } - #support-main #breadcrumbs ul li { - color: #999999; - display: inline; - padding: 0 10px 0 0; - margin: 0; } - #support-main #breadcrumbs ul li a { - color: #f35500; - text-decoration: none; } -#support-main .dashboard table { - margin: 0; } - #support-main .dashboard table tr td { - border: 0; - padding: 0; } - #support-main .dashboard table tr td.col1 { - width: 280px; - padding-right: 80px; } - #support-main .dashboard table tr td.col2 { - width: 280px; } -#support-main .dashboard h6.articles { - background: url("//d1jg1rjdx8indo.cloudfront.net/images/icons/16/93.png") 0 center no-repeat; - border-top: 1px dotted #EEEEEE; - border-bottom: 1px dotted #DDDDDD; - padding-left: 26px; - margin-top: 0; } - #support-main .dashboard h6.articles a { - float: right; } -#support-main .dashboard ul { - margin-top: .5em; - margin-left: 0; } - #support-main .dashboard ul li { - list-style-type: none; } -#support-main .articles h1 a { - display: none; } -#support-main .articles h3 a { - color: #F35500; } -#support-main #search-results .meta { - text-transform: uppercase; - font-size: 11px; - font-weight: bold; - margin: 5px 0; } -#support-main .articles .meta { - text-transform: uppercase; - font-size: 11px; - font-weight: bold; - margin: 5px 0; } - #support-main .articles .meta .answered { - border-right: 1px solid #DDDDDD; - color: #549b07; - padding: 0 5px 0 14px; - margin: 0 5px 0 0; } - #support-main .articles .meta .count, #support-main .articles .meta .date { - margin: 0 5px 0 0; - padding: 0 5px 0 0; - border-right: 1px solid #DDDDDD; } -#support-main .question-details .meta .name { - margin: 0 5px 0 0; - padding: 0 5px 0 0; - border-right: 1px solid #DDDDDD; } +#flash { font-size: 20px; text-align: center; display: none; } + +.flash_html { display: inline; } + +.flash_ajax { display: block; margin: 0 auto 0 -200px; position: fixed; top: 0px; left: 50%; width: 400px; z-index: 1003; color: #222222; } + +.flash_html div { text-align: center; font-size: 14px; margin: 0px auto; width: 400px; padding: 5px 40px; background-color: #FFFDD7; border-bottom: 3px solid #FDFBA8; border-left: 3px solid #FDFBA8; border-right: 3px solid #FDFBA8; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } + +.flash_ajax div { text-align: center; font-size: 14px; margin: 0px auto; width: 400px; padding: 5px 40px; background-color: #FFFDD7; border-bottom: 3px solid #FDFBA8; border-left: 3px solid #FDFBA8; border-right: 3px solid #FDFBA8; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } +.flash_ajax div.flash_error { border-color: #FF0000; background-color: #FFBABA; } + +.flash_html div.flash_error, .flash_ajax div.flash_critical, .flash_html div.flash_critical { border-color: #FF0000; background-color: #FFBABA; } + +#support-main #breadcrumbs { background: none; margin: 0; padding: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } +#support-main #breadcrumbs ul { list-style-type: none; margin-top: 0; margin-left: 0; } +#support-main #breadcrumbs ul li { color: #999999; display: inline; padding: 0 10px 0 0; margin: 0; } +#support-main #breadcrumbs ul li a { color: #f35500; text-decoration: none; } +#support-main .dashboard table { margin: 0; } +#support-main .dashboard table tr td { border: 0; padding: 0; } +#support-main .dashboard table tr td.col1 { width: 280px; padding-right: 80px; } +#support-main .dashboard table tr td.col2 { width: 280px; } +#support-main .dashboard h6.articles { background: url("//d1jg1rjdx8indo.cloudfront.net/images/icons/16/93.png") 0 center no-repeat; border-top: 1px dotted #EEEEEE; border-bottom: 1px dotted #DDDDDD; padding-left: 26px; margin-top: 0; } +#support-main .dashboard h6.articles a { float: right; } +#support-main .dashboard ul { margin-top: .5em; margin-left: 0; } +#support-main .dashboard ul li { list-style-type: none; } +#support-main .articles h1 a { display: none; } +#support-main .articles h3 a { color: #F35500; } +#support-main #search-results .meta { text-transform: uppercase; font-size: 11px; font-weight: bold; margin: 5px 0; } +#support-main .articles .meta { text-transform: uppercase; font-size: 11px; font-weight: bold; margin: 5px 0; } +#support-main .articles .meta .answered { border-right: 1px solid #DDDDDD; color: #549b07; padding: 0 5px 0 14px; margin: 0 5px 0 0; } +#support-main .articles .meta .count, #support-main .articles .meta .date { margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #DDDDDD; } +#support-main .question-details .meta .name { margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #DDDDDD; } /* Article Lists */ /* Article List Metas */ /* Article View Attachments */ -#attachments { - border-bottom: 1px solid #CCCCCC; - padding: 0 0 20px; - margin: 20px 0 0; } - #attachments strong { - display: block; - margin: 0 0 10px; - padding: 0 0 0 16px; } - #attachments ul { - list-style: none; } +#attachments { border-bottom: 1px solid #CCCCCC; padding: 0 0 20px; margin: 20px 0 0; } +#attachments strong { display: block; margin: 0 0 10px; padding: 0 0 0 16px; } +#attachments ul { list-style: none; } /* Article View Rating */ -#rate_article_container { - margin-top: 2em; - margin-bottom: 1em; - padding-top: 1em; - border-top: 1px solid #CACACA; - font-style: italic; } - #rate_article_container a { - background: url("//d1jg1rjdx8indo.cloudfront.net/images/icons/16/71.png") 0 center no-repeat; - padding-left: 26px; - width: 20px; - display: inline-block; - margin-right: 10px; } - #rate_article_container .rate-link-down a { - background: url("//d1jg1rjdx8indo.cloudfront.net/images/icons/16/69.png") 0 center no-repeat; } +#rate_article_container { margin-top: 2em; margin-bottom: 1em; padding-top: 1em; border-top: 1px solid #CACACA; font-style: italic; } +#rate_article_container a { background: url("//d1jg1rjdx8indo.cloudfront.net/images/icons/16/71.png") 0 center no-repeat; padding-left: 26px; width: 20px; display: inline-block; margin-right: 10px; } +#rate_article_container .rate-link-down a { background: url("//d1jg1rjdx8indo.cloudfront.net/images/icons/16/69.png") 0 center no-repeat; } /* Pre Create Headers */ -#support-main .pre-create h4 { - margin: 0 0 30px 0; } -#support-main .pre-create ul h4 { - margin: 0; } +#support-main .pre-create h4 { margin: 0 0 30px 0; } +#support-main .pre-create ul h4 { margin: 0; } /* Support Forms */ -#form label.invalid { - color: red; - display: inline-block; - margin: -20px 0 20px 0; } +#form label.invalid { color: red; display: inline-block; margin: -20px 0 20px 0; } /* Pagination */ -#paginate_block { - margin: 0; - position: auto; - text-align: center; - width: 100%; } - #paginate_block .pagination { - background-color: #FFFFFF; - height: auto; - margin: 0; - padding-top: 0; - position: auto; - width: auto; } - #paginate_block .current { - background-color: #DDDDDD; - border: 1px solid #CCCCCC; - padding: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; } +#paginate_block { margin: 0; position: auto; text-align: center; width: 100%; } +#paginate_block .pagination { background-color: #FFFFFF; height: auto; margin: 0; padding-top: 0; position: auto; width: auto; } +#paginate_block .current { background-color: #DDDDDD; border: 1px solid #CCCCCC; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Big Search */ -.support-search-big { - background: #E5E5E5; - border: 1px solid #CCCCCC; - border-bottom-color: #ACACAC; - margin: 0px 0px 20px; - padding: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; } - .support-search-big .outer { - position: relative; } - .support-search-big .inner { - background: #FFFFFF; - border: 1px solid #CCCCCC; - border-top-color: #999999; - overflow: hidden; - height: 37px; - margin: 0; - padding: 0 5px; - width: 836px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; } - .support-search-big #q { - font-size: 18px; - border: 0pt none; - width: 100%; - padding: 9px 0; - margin: 0; - outline: none; - outline-width: 0; - background: none; } - .support-search-big #support-search-submit { - position: absolute; - right: 0; - _right: 6px; - top: 0; - padding: 0; - width: 83px; - height: 38px; - border: 0; - margin: 0; - font-size: 13px; } - -.search-bg { - display: none; } - -.highlight { - background-color: #FFFAE1; } +.support-search-big { background: #E5E5E5; border: 1px solid #CCCCCC; border-bottom-color: #ACACAC; margin: 0px 0px 20px; padding: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } +.support-search-big .outer { position: relative; } +.support-search-big .inner { background: #FFFFFF; border: 1px solid #CCCCCC; border-top-color: #999999; overflow: hidden; height: 37px; margin: 0; padding: 0 5px; width: 836px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } +.support-search-big #q { font-size: 18px; border: 0pt none; width: 100%; padding: 9px 0; margin: 0; outline: none; outline-width: 0; background: none; } +.support-search-big #support-search-submit { position: absolute; right: 0; _right: 6px; top: 0; padding: 0; width: 83px; height: 38px; border: 0; margin: 0; font-size: 13px; } + +.search-bg { display: none; } + +.highlight { background-color: #FFFAE1; } /* Modals */ -#modal-screen { - background: #000000; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - -#modal { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; } - #modal .inner { - background: rgba(0, 0, 0, 0.4); - width: 700px; - left: 50%; - top: 50%; - margin: -230px 0 0 -350px; - position: absolute; - padding: 5px; - -moz-border-radius: 7px; - -webkit-border-radius: 7px; } - #modal .inner h1 { - text-align: center; - font-size: 27px; - padding: 25px 0 0; } - #modal .inner p.subheader { - font-size: 18px !important; - color: #767676 !important; - text-align: center; - margin: 4px 0 30px 0; } - #modal .inner .input-button { - text-align: center; - padding: 0 0 30px; - font-size: 12px; - font-weight: bold; } - #modal .inner .input-button input { - margin: 0 0 0 10px; } - #modal .inner .note { - text-align: center; - color: #616161; - margin: 0 0 20px 0 !important; - font-size: 15px; - font-style: italic; } - #modal .main { - background: #FFFFFF; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; } +#modal-screen { background: #000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + +#modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } +#modal .inner { background: rgba(0, 0, 0, 0.4); width: 700px; left: 50%; top: 50%; margin: -230px 0 0 -350px; position: absolute; padding: 5px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } +#modal .inner h1 { text-align: center; font-size: 27px; padding: 25px 0 0; } +#modal .inner p.subheader { font-size: 18px !important; color: #767676 !important; text-align: center; margin: 4px 0 30px 0; } +#modal .inner .input-button { text-align: center; padding: 0 0 30px; font-size: 12px; font-weight: bold; } +#modal .inner .input-button input { margin: 0 0 0 10px; } +#modal .inner .note { text-align: center; color: #616161; margin: 0 0 20px 0 !important; font-size: 15px; font-style: italic; } +#modal .main { background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Auto Completion */ -.ui-autocomplete { - background: #FFFFFF; - border: 1px solid #C0C0C0; - width: 100px; - list-style: none; - margin: 0; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - .ui-autocomplete a { - padding: 9px; - cursor: pointer; - display: block; } - .ui-autocomplete a:hover, .ui-autocomplete a.ui-state-hover { - background: #FFFAE1; - text-decoration: none; } - .ui-autocomplete li:first-child a { - -moz-border-radius: 5px 5px 0 0; - -webkit-border-top-left-radius: 5px; - -webkit-border-top-right-radius: 5px; } - .ui-autocomplete li:last-child a { - -moz-border-radius: 0 0 5px 5px; - -webkit-border-bottom-left-radius: 5px; - -webkit-border-bottom-right-radius: 5px; } - .ui-autocomplete .KbArticle { - display: block; - padding: 0 0 0 25px; - overflow: hidden; } - .ui-autocomplete .QnaThread { - display: block; - padding: 0 0 0 25px; - overflow: hidden; - background-position: 0 -106px; } - .ui-autocomplete .article-autocomplete-subject { - display: block; - font-weight: bold; - font-size: 15px; } - .ui-autocomplete .article-autocomplete-body { - display: block; - font-size: 13px; - color: #666666; } +.ui-autocomplete { background: #FFFFFF; border: 1px solid #C0C0C0; width: 100px; list-style: none; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } +.ui-autocomplete a { padding: 9px; cursor: pointer; display: block; } +.ui-autocomplete a:hover, .ui-autocomplete a.ui-state-hover { background: #FFFAE1; text-decoration: none; } +.ui-autocomplete li:first-child a { -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } +.ui-autocomplete li:last-child a { -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } +.ui-autocomplete .KbArticle { display: block; padding: 0 0 0 25px; overflow: hidden; } +.ui-autocomplete .QnaThread { display: block; padding: 0 0 0 25px; overflow: hidden; background-position: 0 -106px; } +.ui-autocomplete .article-autocomplete-subject { display: block; font-weight: bold; font-size: 15px; } +.ui-autocomplete .article-autocomplete-body { display: block; font-size: 13px; color: #666666; }