Created
December 27, 2012 16:01
-
-
Save jwebgordon/4389329 to your computer and use it in GitHub Desktop.
HS style guide
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| 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, 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: "" | |
| } | |
| button { | |
| font-weight: normal; | |
| font-style: normal; | |
| font-size: 100%; | |
| line-height: 1; | |
| font-family: inherit | |
| } | |
| html { | |
| overflow-y: scroll; | |
| font-size: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100% | |
| } | |
| a:focus { | |
| outline: thin dotted | |
| } | |
| 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 | |
| } | |
| 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 | |
| } | |
| .base-column-styles, .row [class^="span"], .row > .row-content, .row > .left-content, .row > .right-content { | |
| display: inline; | |
| float: left; | |
| margin-left: 20px | |
| } | |
| .row { | |
| *zoom: 1; | |
| margin-left: -20px | |
| } | |
| .row:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .row .span1 { | |
| width: 40px | |
| } | |
| .row .span2 { | |
| width: 100px | |
| } | |
| .row .span3 { | |
| width: 160px | |
| } | |
| .row .span4 { | |
| width: 220px | |
| } | |
| .row .span5 { | |
| width: 280px | |
| } | |
| .row .span6 { | |
| width: 340px | |
| } | |
| .row .span7 { | |
| width: 400px | |
| } | |
| .row .span8 { | |
| width: 460px | |
| } | |
| .row .span9 { | |
| width: 520px | |
| } | |
| .row .span10 { | |
| width: 580px | |
| } | |
| .row .span11 { | |
| width: 640px | |
| } | |
| .row .span12 { | |
| width: 700px | |
| } | |
| .row .span13 { | |
| width: 760px | |
| } | |
| .row .span14 { | |
| width: 820px | |
| } | |
| .row .span15 { | |
| width: 880px | |
| } | |
| .row .span16 { | |
| width: 940px | |
| } | |
| .row .offset1 { | |
| margin-left: 80px | |
| } | |
| .row .offset2 { | |
| margin-left: 140px | |
| } | |
| .row .offset3 { | |
| margin-left: 200px | |
| } | |
| .row .offset4 { | |
| margin-left: 260px | |
| } | |
| .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 | |
| } | |
| .row .span-one-third { | |
| width: 300px | |
| } | |
| .row .span-two-thirds { | |
| width: 620px | |
| } | |
| .row .offset-one-third { | |
| margin-left: 340px | |
| } | |
| .row .offset-two-thirds { | |
| margin-left: 660px | |
| } | |
| html{ | |
| background-color: #fff; | |
| } | |
| body { | |
| margin: 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| color: #444; | |
| } | |
| body > .page { | |
| margin: 0 auto; | |
| max-width: 1080px; | |
| min-width: 960px; | |
| padding: 0 20px 20px | |
| } | |
| body.hsdmz > .page { | |
| width: auto; | |
| max-width: none; | |
| padding: 0; | |
| min-width: 0 | |
| } | |
| body div#hsnavigation.css_navbeta div.width-960px, body div#sub-header.css_navbeta div.width-960px { | |
| width: auto !important | |
| } | |
| .row.golden-ratio-layout.with-left-sidebar > .row-content, .row.golden-ratio-layout.with-right-sidebar > .row-content { | |
| width: 61.803% | |
| } | |
| .row.golden-ratio-layout.with-left-sidebar > .left-content, .row.golden-ratio-layout.with-left-sidebar > .right-content, .row.golden-ratio-layout.with-right-sidebar > .left-content, .row.golden-ratio-layout.with-right-sidebar > .right-content { | |
| width: 33.497% | |
| } | |
| .row.golden-ratio-layout.with-left-sidebar > .left-content, .row.golden-ratio-layout.with-right-sidebar > .left-content { | |
| margin-right: 2.5% | |
| } | |
| .row.golden-ratio-layout.with-left-sidebar > .right-content, .row.golden-ratio-layout.with-right-sidebar > .right-content { | |
| margin-left: 2.5% | |
| } | |
| .row.golden-ratio-layout.with-left-sidebar > .row-content { | |
| margin-left: 0 | |
| } | |
| .row.small-sidebar-layout.with-left-sidebar > .row-content, .row.small-sidebar-layout.with-right-sidebar > .row-content { | |
| width: 70.75% | |
| } | |
| .row.small-sidebar-layout.with-left-sidebar > .left-content, .row.small-sidebar-layout.with-left-sidebar > .right-content, .row.small-sidebar-layout.with-right-sidebar > .left-content, .row.small-sidebar-layout.with-right-sidebar > .right-content { | |
| width: 25.3% | |
| } | |
| .row.small-sidebar-layout.with-left-sidebar > .left-content, .row.small-sidebar-layout.with-right-sidebar > .left-content { | |
| margin-right: 1.75% | |
| } | |
| .row.small-sidebar-layout.with-left-sidebar > .right-content, .row.small-sidebar-layout.with-right-sidebar > .right-content { | |
| margin-left: 1.75% | |
| } | |
| .row.small-sidebar-layout.with-left-sidebar > .row-content { | |
| margin-left: 0 | |
| } | |
| .row.fixed-sidebar-layout { | |
| padding-right: 264px; | |
| margin-left: 0 | |
| } | |
| .row.fixed-sidebar-layout.with-right-sidebar .row-content { | |
| width: 100%; | |
| border-right: 264px solid transparent; | |
| margin-left: 0; | |
| margin-right: -264px; | |
| padding-right: 24px; | |
| float: left | |
| } | |
| .row.fixed-sidebar-layout .right-content { | |
| width: 240px; | |
| margin-left: 0; | |
| margin-right: -264px; | |
| float: left | |
| } | |
| .row.fixed-sidebar-layout.with-left-sidebar .row-content { | |
| width: 100%; | |
| border-left: 264px solid transparent; | |
| float: left; | |
| margin-left: 0 | |
| } | |
| .row.fixed-sidebar-layout .left-content { | |
| width: 240px; | |
| margin-left: 0; | |
| margin-right: -264px; | |
| float: left; | |
| position: relative | |
| } | |
| .container { | |
| width: 940px; | |
| margin: 0 auto; | |
| *zoom: 1; | |
| width: 940px; | |
| margin: 0 auto | |
| } | |
| .container:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .container-fluid { | |
| padding: 0 20px; | |
| *zoom: 1 | |
| } | |
| .container-fluid:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .container-fluid > .sidebar { | |
| float: left; | |
| width: 220px | |
| } | |
| .container-fluid > .content { | |
| min-width: 700px; | |
| max-width: 1180px; | |
| margin-left: 240px | |
| } | |
| a { | |
| color: #3288e6; | |
| text-decoration: none | |
| } | |
| a:hover { | |
| color: #1662b5; | |
| text-decoration: underline | |
| } | |
| p { | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| margin-bottom: 9px | |
| } | |
| p small { | |
| font-size: 11px; | |
| color: #bfbfbf | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-weight: bold; | |
| color: #444 | |
| } | |
| h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { | |
| color: #bfbfbf; | |
| margin-left: 4px | |
| } | |
| h1 { | |
| margin-bottom: 18px; | |
| font-weight: normal; | |
| font-size: 25px; | |
| line-height: 36px | |
| } | |
| h1 small { | |
| font-size: 16px | |
| } | |
| h2 { | |
| font-size: 20px; | |
| line-height: 36px | |
| } | |
| h2 small { | |
| font-size: 13px | |
| } | |
| h3, h4, h5, h6 { | |
| line-height: 36px | |
| } | |
| h3 { | |
| font-size: 18px | |
| } | |
| h3 small { | |
| font-size: 13px | |
| } | |
| h4 { | |
| font-size: 16px | |
| } | |
| h4 small { | |
| font-size: 12px | |
| } | |
| h5 { | |
| font-size: 14px | |
| } | |
| h6 { | |
| font-size: 13px; | |
| color: #bfbfbf; | |
| text-transform: uppercase | |
| } | |
| ul, ol { | |
| margin: 0 0 18px 25px | |
| } | |
| ul ul, ul ol, ol ol, ol ul { | |
| margin-bottom: 0 | |
| } | |
| ul { | |
| list-style: disc | |
| } | |
| ol { | |
| list-style: decimal | |
| } | |
| li { | |
| line-height: 18px; | |
| color: gray | |
| } | |
| ul.unstyled { | |
| list-style: none; | |
| margin-left: 0 | |
| } | |
| dl { | |
| margin-bottom: 18px | |
| } | |
| dl dt, dl dd { | |
| line-height: 18px | |
| } | |
| dl dt { | |
| font-weight: bold | |
| } | |
| dl dd { | |
| margin-left: 9px | |
| } | |
| hr { | |
| margin: 0 0 19px; | |
| border: 0; | |
| border-bottom: 1px solid #eee | |
| } | |
| strong { | |
| font-style: inherit; | |
| font-weight: bold; | |
| line-height: inherit | |
| } | |
| em { | |
| font-style: italic; | |
| font-weight: inherit; | |
| line-height: inherit | |
| } | |
| .muted { | |
| color: #bfbfbf | |
| } | |
| blockquote { | |
| margin-bottom: 18px; | |
| border-left: 5px solid #eee; | |
| padding-left: 15px | |
| } | |
| blockquote p { | |
| font-size: 14px; | |
| font-weight: 300; | |
| line-height: 18px; | |
| margin-bottom: 0 | |
| } | |
| blockquote small { | |
| display: block; | |
| font-size: 12px; | |
| font-weight: 300; | |
| line-height: 18px; | |
| color: #bfbfbf | |
| } | |
| blockquote small:before { | |
| content: '\2014 \00A0' | |
| } | |
| address { | |
| display: block; | |
| line-height: 18px; | |
| margin-bottom: 18px | |
| } | |
| code, pre { | |
| padding: 0 3px 2px; | |
| font-family: Monaco, Andale Mono, Courier New, monospace; | |
| font-size: 12px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px | |
| } | |
| code { | |
| background-color: #fee9cc; | |
| color: rgba(0,0,0,0.75); | |
| padding: 1px 3px | |
| } | |
| pre { | |
| background-color: #f5f5f5; | |
| display: block; | |
| padding: 17px; | |
| margin: 0 0 18px; | |
| line-height: 18px; | |
| font-size: 12px; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0,0,0,0.15); | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px; | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| word-wrap: break-word | |
| } | |
| .hidden { | |
| display: none | |
| } | |
| .invisible { | |
| visibility: hidden | |
| } | |
| .pictos { | |
| font-family: 'Pictos', sans-serif | |
| } | |
| .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; | |
| -ms-border-radius: 4px; | |
| -o-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) | |
| } | |
| .label { | |
| padding: 1px 3px 2px; | |
| background-color: #bfbfbf; | |
| font-size: 9.75px; | |
| font-weight: bold; | |
| color: #fff; | |
| text-transform: uppercase; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px | |
| } | |
| .label.important { | |
| background-color: #c43c35 | |
| } | |
| .label.warning { | |
| background-color: #f89406 | |
| } | |
| .label.success { | |
| background-color: #46a546 | |
| } | |
| .label.notice { | |
| background-color: #62cffc | |
| } | |
| .thumbnail { | |
| display: block; | |
| float: left; | |
| padding: 4px; | |
| border: 1px solid #ddd; | |
| -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); | |
| -webkit-transition: border 0.15s; | |
| -moz-transition: border 0.15s; | |
| -o-transition: border 0.15s; | |
| transition: border 0.15s | |
| } | |
| .thumbnail img { | |
| -webkit-transition: border 0.15s, opacity 0.15s; | |
| -moz-transition: border 0.15s, opacity 0.15s; | |
| -o-transition: border 0.15s, opacity 0.15s; | |
| transition: border 0.15s, opacity 0.15s; | |
| display: block; | |
| border: 1px solid #c0c0c0; | |
| opacity: .8 | |
| } | |
| .thumbnail:hover { | |
| border-color: #bbb; | |
| -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25); | |
| -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25); | |
| box-shadow: 0 1px 4px rgba(0,105,214,0.25) | |
| } | |
| .thumbnail:hover img { | |
| border: 1px solid #aaa; | |
| opacity: 1 | |
| } | |
| .thumbnail-small { | |
| display: block; | |
| float: left; | |
| padding: 3px; | |
| border: 1px solid #ddd; | |
| -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); | |
| -webkit-transition: border 0.15s; | |
| -moz-transition: border 0.15s; | |
| -o-transition: border 0.15s; | |
| transition: border 0.15s | |
| } | |
| .thumbnail-small img { | |
| -webkit-transition: border 0.15s, opacity 0.15s; | |
| -moz-transition: border 0.15s, opacity 0.15s; | |
| -o-transition: border 0.15s, opacity 0.15s; | |
| transition: border 0.15s, opacity 0.15s; | |
| display: block; | |
| border: 1px solid #c0c0c0; | |
| opacity: .8 | |
| } | |
| .thumbnail-small:hover { | |
| border-color: #bbb; | |
| -webkit-box-shadow: 0 1px 3px rgba(0,105,214,0.25); | |
| -moz-box-shadow: 0 1px 3px rgba(0,105,214,0.25); | |
| box-shadow: 0 1px 3px rgba(0,105,214,0.25) | |
| } | |
| .thumbnail-small:hover img { | |
| border: 1px solid #aaa; | |
| opacity: 1 | |
| } | |
| .thumbnail-grid { | |
| margin-left: -20px; | |
| margin-bottom: 0; | |
| *zoom: 1 | |
| } | |
| .thumbnail-grid:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .thumbnail-grid > li { | |
| display: inline; | |
| float: left; | |
| margin: 0 0 20px 20px | |
| } | |
| .avatar { | |
| display: block; | |
| float: left; | |
| padding: 2px; | |
| border: 1px solid #ddd; | |
| -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); | |
| -webkit-transition: border 0.15s; | |
| -moz-transition: border 0.15s; | |
| -o-transition: border 0.15s; | |
| transition: border 0.15s; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .avatar img { | |
| -webkit-transition: border 0.15s, opacity 0.15s; | |
| -moz-transition: border 0.15s, opacity 0.15s; | |
| -o-transition: border 0.15s, opacity 0.15s; | |
| transition: border 0.15s, opacity 0.15s; | |
| display: block; | |
| border: 1px solid #c0c0c0; | |
| opacity: .8 | |
| } | |
| .avatar img, .avatar img:hover { | |
| border: none | |
| } | |
| .avatar-big { | |
| display: block; | |
| float: left; | |
| padding: 3px; | |
| border: 1px solid #ddd; | |
| -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); | |
| -webkit-transition: border 0.15s; | |
| -moz-transition: border 0.15s; | |
| -o-transition: border 0.15s; | |
| transition: border 0.15s; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .avatar-big img { | |
| -webkit-transition: border 0.15s, opacity 0.15s; | |
| -moz-transition: border 0.15s, opacity 0.15s; | |
| -o-transition: border 0.15s, opacity 0.15s; | |
| transition: border 0.15s, opacity 0.15s; | |
| display: block; | |
| border: 1px solid #c0c0c0; | |
| opacity: .8 | |
| } | |
| .avatar-big img, .avatar-big img:hover { | |
| border: none | |
| } | |
| .hs-pagination, .paging_hubspot { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| overflow: hidden; | |
| *zoom: 1; | |
| font-size: 12px; | |
| text-align: center; | |
| margin: 13px 0; | |
| height: 28px | |
| } | |
| .hs-pagination ul, .paging_hubspot ul { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| overflow: hidden; | |
| *zoom: 1; | |
| display: inline-block | |
| } | |
| .hs-pagination ul li, .paging_hubspot ul li { | |
| list-style-image: none; | |
| list-style-type: none; | |
| margin-left: 0; | |
| white-space: nowrap; | |
| display: inline; | |
| float: left; | |
| padding-left: 0px; | |
| padding-right: 0px | |
| } | |
| .hs-pagination ul li:first-child, .hs-pagination ul li.first, .paging_hubspot ul li:first-child, .paging_hubspot ul li.first { | |
| padding-left: 0 | |
| } | |
| .hs-pagination ul li:last-child, .paging_hubspot ul li:last-child { | |
| padding-right: 0 | |
| } | |
| .hs-pagination ul li.last, .paging_hubspot ul li.last { | |
| padding-right: 0 | |
| } | |
| .hs-pagination a, .paging_hubspot a { | |
| float: left; | |
| text-decoration: none; | |
| color: #666; | |
| min-width: 31px; | |
| text-align: center; | |
| line-height: 28px | |
| } | |
| .hs-pagination a:hover, .paging_hubspot a:hover { | |
| color: #3288e6; | |
| cursor: pointer; | |
| text-decoration: underline | |
| } | |
| .hs-pagination a.active, .paging_hubspot a.active { | |
| cursor: default; | |
| text-decoration: none; | |
| background-color: #f0f0f0; | |
| cursor: default; | |
| text-decoration: none; | |
| color: #222; | |
| background-color: #f0f0f0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,0.4) | |
| } | |
| .hs-pagination a.active:hover, .paging_hubspot a.active:hover { | |
| color: #222; | |
| text-decoration: none | |
| } | |
| .hs-pagination a.disabled, .hs-pagination a.disabled:hover, .paging_hubspot a.disabled, .paging_hubspot a.disabled:hover { | |
| cursor: default; | |
| color: #bfbfbf; | |
| text-decoration: none | |
| } | |
| .hs-pagination .previous, .hs-pagination .next, .paging_hubspot .previous, .paging_hubspot .next { | |
| padding: 0 9px | |
| } | |
| .hs-pagination .previous .left, .hs-pagination .previous .right, .hs-pagination .previous .next .right, .hs-pagination .next .previous .right, .hs-pagination .paging_hubspot .previous .right, .paging_hubspot .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous .right, .hs-pagination .next .left, .hs-pagination .next .previous .right, .hs-pagination .previous .next .right, .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next .right, .hs-pagination .paging_hubspot .next .right, .paging_hubspot .hs-pagination .next .right, .paging_hubspot .previous .left, .paging_hubspot .hs-pagination .previous .right, .hs-pagination .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous .right, .paging_hubspot .previous .right, .paging_hubspot .previous .next .right, .paging_hubspot .next .previous .right, .paging_hubspot .next .left, .paging_hubspot .next .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next .right, .paging_hubspot .hs-pagination .next .right, .hs-pagination .paging_hubspot .next .right, .paging_hubspot .next .previous .right, .paging_hubspot .previous .next .right, .paging_hubspot .next .right { | |
| width: 11px; | |
| height: 10px; | |
| line-height: 30px; | |
| display: inline-block; | |
| float: none; | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_454545_256x240.png); | |
| background-position: -102px -19px | |
| } | |
| .hs-pagination .previous .right, .hs-pagination .next .right, .paging_hubspot .previous .right, .paging_hubspot .next .right { | |
| background-position: -32px -19px | |
| } | |
| .hs-pagination .previous:hover .left, .hs-pagination .previous:hover .right, .hs-pagination .previous:hover .next .right, .hs-pagination .next .previous:hover .right, .hs-pagination .paging_hubspot .previous:hover .right, .paging_hubspot .hs-pagination .previous:hover .right, .hs-pagination .previous:hover .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous:hover .right, .hs-pagination .previous:hover .right, .hs-pagination .next:hover .left, .hs-pagination .next:hover .previous .right, .hs-pagination .previous .next:hover .right, .hs-pagination .next:hover .right, .hs-pagination .next:hover .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next:hover .right, .hs-pagination .paging_hubspot .next:hover .right, .paging_hubspot .hs-pagination .next:hover .right, .hs-pagination .next:hover .right, .paging_hubspot .previous:hover .left, .paging_hubspot .hs-pagination .previous:hover .right, .hs-pagination .paging_hubspot .previous:hover .right, .paging_hubspot .previous:hover .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous:hover .right, .paging_hubspot .previous:hover .right, .paging_hubspot .previous:hover .next .right, .paging_hubspot .next .previous:hover .right, .paging_hubspot .previous:hover .right, .paging_hubspot .next:hover .left, .paging_hubspot .next:hover .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next:hover .right, .paging_hubspot .hs-pagination .next:hover .right, .hs-pagination .paging_hubspot .next:hover .right, .paging_hubspot .next:hover .previous .right, .paging_hubspot .previous .next:hover .right, .paging_hubspot .next:hover .right, .paging_hubspot .next:hover .right { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_0066cc_256x240.png) | |
| } | |
| .hs-pagination .previous.disabled .left, .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled .next .right, .hs-pagination .next .previous.disabled .right, .hs-pagination .paging_hubspot .previous.disabled .right, .paging_hubspot .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled:hover .left, .hs-pagination .previous.disabled:hover .right, .hs-pagination .previous.disabled:hover .next .right, .hs-pagination .next .previous.disabled:hover .right, .hs-pagination .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .hs-pagination .previous.disabled:hover .right, .hs-pagination .previous.disabled:hover .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous.disabled:hover .right, .hs-pagination .previous.disabled:hover .right, .hs-pagination .next.disabled .left, .hs-pagination .next.disabled .previous .right, .hs-pagination .previous .next.disabled .right, .hs-pagination .next.disabled .right, .hs-pagination .next.disabled .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next.disabled .right, .hs-pagination .paging_hubspot .next.disabled .right, .paging_hubspot .hs-pagination .next.disabled .right, .hs-pagination .next.disabled .right, .hs-pagination .next.disabled:hover .left, .hs-pagination .next.disabled:hover .previous .right, .hs-pagination .previous .next.disabled:hover .right, .hs-pagination .next.disabled:hover .right, .hs-pagination .next.disabled:hover .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next.disabled:hover .right, .hs-pagination .paging_hubspot .next.disabled:hover .right, .paging_hubspot .hs-pagination .next.disabled:hover .right, .hs-pagination .next.disabled:hover .right, .paging_hubspot .previous.disabled .left, .paging_hubspot .hs-pagination .previous.disabled .right, .hs-pagination .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled .next .right, .paging_hubspot .next .previous.disabled .right, .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled:hover .left, .paging_hubspot .hs-pagination .previous.disabled:hover .right, .hs-pagination .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .next .right, .paging_hubspot .next .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .next.disabled .left, .paging_hubspot .next.disabled .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next.disabled .right, .paging_hubspot .hs-pagination .next.disabled .right, .hs-pagination .paging_hubspot .next.disabled .right, .paging_hubspot .next.disabled .previous .right, .paging_hubspot .previous .next.disabled .right, .paging_hubspot .next.disabled .right, .paging_hubspot .next.disabled .right, .paging_hubspot .next.disabled:hover .left, .paging_hubspot .next.disabled:hover .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next.disabled:hover .right, .paging_hubspot .hs-pagination .next.disabled:hover .right, .hs-pagination .paging_hubspot .next.disabled:hover .right, .paging_hubspot .next.disabled:hover .previous .right, .paging_hubspot .previous .next.disabled:hover .right, .paging_hubspot .next.disabled:hover .right, .paging_hubspot .next.disabled:hover .right { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_aaaaaa_256x240.png) | |
| } | |
| .hs-pagination .first, .hs-pagination .last, .paging_hubspot .first, .paging_hubspot .last { | |
| display: none | |
| } | |
| .hs-pagination.hidden-disabled-links .previous.disabled, .hs-pagination.hidden-disabled-links .next.disabled, .paging_hubspot.hidden-disabled-links .previous.disabled, .paging_hubspot.hidden-disabled-links .next.disabled { | |
| display: none | |
| } | |
| .hs-pagination.invisible-disabled-links .previous.disabled, .hs-pagination.invisible-disabled-links .next.disabled, .paging_hubspot.invisible-disabled-links .previous.disabled, .paging_hubspot.invisible-disabled-links .next.disabled { | |
| visibility: hidden | |
| } | |
| .message-reset, .hs-message.warning, .hs-block-message.warning, .hs-message.success, .hs-block-message.success, .hs-message.error, .hs-block-message.error, .hs-message.info, .hs-block-message.info { | |
| border: none; | |
| font-family: Helvetica, Arial, sans-serif; | |
| line-height: 1; | |
| margin: 0; | |
| outline: 0; | |
| padding: 0 | |
| } | |
| .close-icon-styles, .base-hs-message-styles .close, .hs-message.warning .close, .hs-block-message.warning .close, .hs-message.success .close, .hs-block-message.success .close, .hs-message.error .close, .hs-block-message.error .close, .hs-message.info .close, .hs-block-message.info .close { | |
| float: right; | |
| width: 30px; | |
| font-family: Arial, sans-serif; | |
| line-height: 18px; | |
| margin-top: 1px; | |
| *margin-top: 0; | |
| color: black; | |
| font-size: 20px; | |
| font-weight: bold; | |
| text-decoration: none; | |
| text-align: right; | |
| opacity: 0.2; | |
| cursor: pointer | |
| } | |
| .close-icon-styles:hover, .base-hs-message-styles .close:hover, .hs-message.warning .close:hover, .hs-block-message.warning .close:hover, .hs-message.success .close:hover, .hs-block-message.success .close:hover, .hs-message.error .close:hover, .hs-block-message.error .close:hover, .hs-message.info .close:hover, .hs-block-message.info .close:hover { | |
| color: #000000; | |
| text-decoration: none; | |
| opacity: 0.4 | |
| } | |
| .base-hs-message-styles, .hs-message.warning, .hs-block-message.warning, .hs-message.success, .hs-block-message.success, .hs-message.error, .hs-block-message.error, .hs-message.info, .hs-block-message.info { | |
| margin-bottom: 18px; | |
| padding: 15px; | |
| min-width: 480px; | |
| color: #404040; | |
| font-size: 13px; | |
| line-height: 18px | |
| } | |
| .base-hs-message-styles.thin, .thin.hs-message.warning, .thin.hs-block-message.warning, .thin.hs-message.success, .thin.hs-block-message.success, .thin.hs-message.error, .thin.hs-block-message.error, .thin.hs-message.info, .thin.hs-block-message.info { | |
| padding: 7px 10px | |
| } | |
| .base-hs-message-styles p, .hs-message.warning p, .hs-block-message.warning p, .hs-message.success p, .hs-block-message.success p, .hs-message.error p, .hs-block-message.error p, .hs-message.info p, .hs-block-message.info p { | |
| margin-bottom: 0px | |
| } | |
| .base-hs-message-styles ul, .hs-message.warning ul, .hs-block-message.warning ul, .hs-message.success ul, .hs-block-message.success ul, .hs-message.error ul, .hs-block-message.error ul, .hs-message.info ul, .hs-block-message.info ul { | |
| margin-bottom: 0px; | |
| padding: 7px 0 0 0 | |
| } | |
| .hs-message.warning, .hs-block-message.warning { | |
| background-color: #fdf5d9; | |
| border: 1px solid rgba(0,0,0,0.098); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -ms-border-radius: 0px | |
| } | |
| .hs-message.warning .alert-actions, .hs-block-message.warning .alert-actions { | |
| padding: 7px 0 0 0 | |
| } | |
| .hs-message.success, .hs-block-message.success { | |
| background-color: #d1eed1; | |
| border: 1px solid rgba(0,0,0,0.098); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -ms-border-radius: 0px | |
| } | |
| .hs-message.success .alert-actions, .hs-block-message.success .alert-actions { | |
| padding: 7px 0 0 0 | |
| } | |
| .hs-message.error, .hs-block-message.error { | |
| background-color: #fddfde; | |
| border: 1px solid rgba(0,0,0,0.098); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -ms-border-radius: 0px | |
| } | |
| .hs-message.error .alert-actions, .hs-block-message.error .alert-actions { | |
| padding: 7px 0 0 0 | |
| } | |
| .hs-message.info, .hs-block-message.info { | |
| background-color: #ddf4fb; | |
| border: 1px solid rgba(0,0,0,0.098); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -ms-border-radius: 0px | |
| } | |
| .hs-message.info .alert-actions, .hs-block-message.info .alert-actions { | |
| padding: 7px 0 0 0 | |
| } | |
| .hs-button-reset, .hs-button.primary, .hs-button.secondary, .hs-pill-button, .hs-button.orange, .hs-button.orange-PREV, .hs-button.green, .hs-button.red { | |
| border: none; | |
| font-family: Helvetica, Arial, sans-serif; | |
| line-height: 1; | |
| margin: 0; | |
| outline: 0; | |
| padding: 0 | |
| } | |
| .base-hs-button-styles, .hs-button.primary, .hs-button.secondary, .hs-pill-button, .hs-button.orange, .hs-button.orange-PREV, .hs-button.green, .hs-button.red { | |
| cursor: pointer; | |
| display: inline-block; | |
| *display: inline; | |
| font-size: 12px; | |
| font-weight: 700; | |
| line-height: 12px; | |
| padding: 7px 18px 7px; | |
| position: relative; | |
| text-align: center | |
| } | |
| html.firefox .base-hs-button-styles, html.firefox .hs-button.primary, html.firefox .hs-button.secondary, html.firefox .hs-pill-button, html.firefox .hs-button.orange, html.firefox .hs-button.orange-PREV, html.firefox .hs-button.green, html.firefox .hs-button.red { | |
| line-height: 14px; | |
| padding-bottom: 5px | |
| } | |
| .hs-dropdown.dropdown-button { | |
| padding-right: 0px | |
| } | |
| .hs-dropdown.dropdown-button .dropdown-target { | |
| background-position: 0 0; | |
| padding-right: 12px | |
| } | |
| .no-cssgradients .hs-dropdown.dropdown-button .dropdown-target { | |
| background-image: none | |
| } | |
| .hs-dropdown.dropdown-button .dropdown-target .arrow-icon { | |
| width: 10px; | |
| height: 7px; | |
| display: inline-block; | |
| margin-left: 8px; | |
| background-image: url(/style_guide/static-2.12/img/arrow-sprite.png); | |
| background-repeat: no-repeat; | |
| background-position: right -161px | |
| } | |
| .hs-dropdown.dropdown-button .dropdown-target.secondary .arrow-icon { | |
| background-image: url("/chosen/static-1.6/img/chosen-sprite.png") | |
| } | |
| .hs-dropdown.dropdown-button.dropdown-open .dropdown-target { | |
| -webkit-border-radius: 4px 4px 0 0; | |
| -moz-border-radius: 4px 4px 0 0; | |
| -ms-border-radius: 4px 4px 0 0; | |
| -o-border-radius: 4px 4px 0 0; | |
| border-radius: 4px 4px 0 0 | |
| } | |
| ul.dropdown-items.hs-button-items { | |
| -webkit-border-radius: 0 2px 2px 2px; | |
| -moz-border-radius: 0 2px 2px 2px; | |
| -ms-border-radius: 0 2px 2px 2px; | |
| -o-border-radius: 0 2px 2px 2px; | |
| border-radius: 0 2px 2px 2px; | |
| padding-top: 6px 0 5px | |
| } | |
| ul.dropdown-items.hs-button-items li a, ul.dropdown-items.hs-button-items li a:link, ul.dropdown-items.hs-button-items li a:visited { | |
| font-weight: bold; | |
| padding: 3px 13px; | |
| border: 1px solid transparent; | |
| border-left: none; | |
| border-right: none | |
| } | |
| .hs-button.primary { | |
| color: #fff; | |
| text-shadow: 0 -1px 0 #3574e3; | |
| background-color: #3574e3; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ec8f4), color-stop(100%, #3574e3)); | |
| background-image: -webkit-linear-gradient(top, #7ec8f4, #3574e3); | |
| background-image: -moz-linear-gradient(top, #7ec8f4, #3574e3); | |
| background-image: -o-linear-gradient(top, #7ec8f4, #3574e3); | |
| background-image: linear-gradient(top, #7ec8f4,#3574e3); | |
| border-top: 1px solid #64baf0; | |
| border-bottom: 1px solid #1c4ed5; | |
| border-right: 1px solid #468ee6; | |
| border-left: 1px solid #468ee6; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none | |
| } | |
| .hs-button.primary:visited { | |
| color: #fff | |
| } | |
| .hs-button.primary:hover, .hs-button.primary:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #3574e3; | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #3574e3; | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #3574e3; | |
| border-top: 1px solid #4db0ee; | |
| border-bottom: 1px solid #1946be; | |
| border-right: 1px solid #3080e3; | |
| border-left: 1px solid #3080e3 | |
| } | |
| .hs-button.primary:active, .dropdown-open > .hs-button.primary { | |
| text-decoration: none; | |
| background-color: #599eeb; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3574e3), color-stop(100%, #599eeb)); | |
| background-image: -webkit-linear-gradient(top, #3574e3, #599eeb); | |
| background-image: -moz-linear-gradient(top, #3574e3, #599eeb); | |
| background-image: -o-linear-gradient(top, #3574e3, #599eeb); | |
| background-image: linear-gradient(top, #3574e3,#599eeb); | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| border-top: 1px solid #1c4ed5; | |
| border-bottom: 1px solid #4084e2; | |
| border-right: 1px solid #468ee6; | |
| border-left: 1px solid #468ee6 | |
| } | |
| .dropdown-open > .hs-button.primary { | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3) | |
| } | |
| .hs-button.primary.disabled, .hs-button.primary[disabled] { | |
| background-color: #6387c5; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #88b1ce), color-stop(100%, #6387c5)); | |
| background-image: -webkit-linear-gradient(top, #88b1ce, #6387c5); | |
| background-image: -moz-linear-gradient(top, #88b1ce, #6387c5); | |
| background-image: -o-linear-gradient(top, #88b1ce, #6387c5); | |
| background-image: linear-gradient(top, #88b1ce,#6387c5); | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| border-top: 1px solid #7baacc; | |
| border-bottom: 1px solid #5774be; | |
| border-right: 1px solid #6c94c7; | |
| border-left: 1px solid #6c94c7; | |
| cursor: default; | |
| color: #ededed; | |
| text-shadow: none; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6 | |
| } | |
| .hs-button.primary.disabled.next:before, .hs-button.primary[disabled].next:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.primary.disabled.previous:before, .hs-button.primary[disabled].previous:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.primary.next:before, .hs-button.primary.previous:before { | |
| background: url(/style_guide/static-2.12/img/hs-button-arrows.png) center 0 no-repeat; | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| position: absolute; | |
| top: 5px; | |
| content: ' '; | |
| z-index: 99 | |
| } | |
| .hs-button.primary.next { | |
| padding-right: 32px | |
| } | |
| .hs-button.primary.next:before { | |
| right: 9px | |
| } | |
| .hs-button.primary.previous { | |
| padding-left: 32px | |
| } | |
| .hs-button.primary.previous:before { | |
| background-position: center -16px; | |
| left: 9px | |
| } | |
| ul.dropdown-items.hs-button-items.primary { | |
| background-color: #3574e3; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #599eeb), color-stop(100%, #3574e3)); | |
| background-image: -webkit-linear-gradient(top, #599eeb, #3574e3); | |
| background-image: -moz-linear-gradient(top, #599eeb, #3574e3); | |
| background-image: -o-linear-gradient(top, #599eeb, #3574e3); | |
| background-image: linear-gradient(top, #599eeb,#3574e3); | |
| border-top: 1px solid #55a4eb; | |
| border-bottom: 1px solid #1c4ed5; | |
| border-right: 1px solid #468ee6; | |
| border-left: 1px solid #468ee6; | |
| text-shadow: 0 -1px 0 #3574e3 | |
| } | |
| ul.dropdown-items.hs-button-items.primary li a, ul.dropdown-items.hs-button-items.primary li a:link, ul.dropdown-items.hs-button-items.primary li a:visited { | |
| color: #fff | |
| } | |
| ul.dropdown-items.hs-button-items.primary li a:hover, ul.dropdown-items.hs-button-items.primary li a:link:hover, ul.dropdown-items.hs-button-items.primary li a:visited:hover { | |
| border-bottom-color: #4084e2; | |
| border-top-color: #1c4ed5; | |
| background-color: rgba(0,0,0,0.1); | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.25); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.25); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.25) | |
| } | |
| ul.dropdown-items.hs-button-items.primary li a.disabled { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6; | |
| cursor: default | |
| } | |
| .hs-button.secondary, .hs-pill-button { | |
| color: #666; | |
| text-shadow: 0 1px 0 #fff; | |
| background-color: #dcdcdc; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #dcdcdc)); | |
| background-image: -webkit-linear-gradient(top, #fafafa, #dcdcdc); | |
| background-image: -moz-linear-gradient(top, #fafafa, #dcdcdc); | |
| background-image: -o-linear-gradient(top, #fafafa, #dcdcdc); | |
| background-image: linear-gradient(top, #fafafa,#dcdcdc); | |
| border-top: 1px solid #cacaca; | |
| border-bottom: 1px solid #aeaeae; | |
| border-right: 1px solid #bdbdbd; | |
| border-left: 1px solid #bdbdbd; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| -webkit-box-shadow: inset 0px 1px 0px #fff; | |
| -moz-box-shadow: inset 0px 1px 0px #fff; | |
| box-shadow: inset 0px 1px 0px #fff | |
| } | |
| .hs-button.secondary:visited, .hs-pill-button:visited { | |
| color: #666 | |
| } | |
| .hs-button.secondary:hover, .hs-pill-button:hover, .hs-button.secondary:focus, .hs-pill-button:focus { | |
| color: #666; | |
| text-decoration: none; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #c3c3c3; | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #c3c3c3; | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #c3c3c3; | |
| border-top: 1px solid #bdbdbd; | |
| border-bottom: 1px solid #a1a1a1; | |
| border-right: 1px solid #b1b1b1; | |
| border-left: 1px solid #b1b1b1 | |
| } | |
| .hs-button.secondary:active, .hs-pill-button:active, .dropdown-open > .hs-button.secondary, .dropdown-open > .hs-pill-button { | |
| text-decoration: none; | |
| background-color: #ebebeb; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcdcdc), color-stop(100%, #ebebeb)); | |
| background-image: -webkit-linear-gradient(top, #dcdcdc, #ebebeb); | |
| background-image: -moz-linear-gradient(top, #dcdcdc, #ebebeb); | |
| background-image: -o-linear-gradient(top, #dcdcdc, #ebebeb); | |
| background-image: linear-gradient(top, #dcdcdc,#ebebeb); | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| border-top: 1px solid #aeaeae; | |
| border-bottom: 1px solid #bcbcbc; | |
| border-right: 1px solid #bdbdbd; | |
| border-left: 1px solid #bdbdbd | |
| } | |
| .dropdown-open > .hs-button.secondary, .dropdown-open > .hs-pill-button { | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3) | |
| } | |
| .hs-button.secondary.disabled, .disabled.hs-pill-button, .hs-button.secondary[disabled], [disabled].hs-pill-button { | |
| background-color: #dedede; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #dedede)); | |
| background-image: -webkit-linear-gradient(top, #ededed, #dedede); | |
| background-image: -moz-linear-gradient(top, #ededed, #dedede); | |
| background-image: -o-linear-gradient(top, #ededed, #dedede); | |
| background-image: linear-gradient(top, #ededed,#dedede); | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| border-top: 1px solid #d5d5d5; | |
| border-bottom: 1px solid #c7c7c7; | |
| border-right: 1px solid #cfcfcf; | |
| border-left: 1px solid #cfcfcf; | |
| cursor: default; | |
| color: #5f5f5f; | |
| text-shadow: none; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6 | |
| } | |
| .hs-button.secondary.disabled.next:before, .disabled.next.hs-pill-button:before, .hs-button.secondary[disabled].next:before, [disabled].next.hs-pill-button:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.secondary.disabled.previous:before, .disabled.previous.hs-pill-button:before, .hs-button.secondary[disabled].previous:before, [disabled].previous.hs-pill-button:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.secondary.next:before, .next.hs-pill-button:before, .hs-button.secondary.previous:before, .previous.hs-pill-button:before { | |
| background: url(/style_guide/static-2.12/img/hs-button-arrows.png) center 0 no-repeat; | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| position: absolute; | |
| top: 5px; | |
| content: ' '; | |
| z-index: 99 | |
| } | |
| .hs-button.secondary.next, .next.hs-pill-button { | |
| padding-right: 32px | |
| } | |
| .hs-button.secondary.next:before, .next.hs-pill-button:before { | |
| right: 9px | |
| } | |
| .hs-button.secondary.previous, .previous.hs-pill-button { | |
| padding-left: 32px | |
| } | |
| .hs-button.secondary.previous:before, .previous.hs-pill-button:before { | |
| background-position: center -16px; | |
| left: 9px | |
| } | |
| .hs-button.secondary.disabled, .disabled.hs-pill-button, .hs-button.secondary[disabled], [disabled].hs-pill-button { | |
| background: #ddd; | |
| border: 1px solid #c5c5c5; | |
| color: #BBB | |
| } | |
| ul.dropdown-items.hs-button-items.secondary { | |
| background-color: #dcdcdc; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #dcdcdc)); | |
| background-image: -webkit-linear-gradient(top, #ebebeb, #dcdcdc); | |
| background-image: -moz-linear-gradient(top, #ebebeb, #dcdcdc); | |
| background-image: -o-linear-gradient(top, #ebebeb, #dcdcdc); | |
| background-image: linear-gradient(top, #ebebeb,#dcdcdc); | |
| border-top: 1px solid #c3c3c3; | |
| border-bottom: 1px solid #aeaeae; | |
| border-right: 1px solid #bdbdbd; | |
| border-left: 1px solid #bdbdbd; | |
| text-shadow: 0 1px 0 #fff; | |
| margin-top: -1px | |
| } | |
| ul.dropdown-items.hs-button-items.secondary li a, ul.dropdown-items.hs-button-items.secondary li a:link, ul.dropdown-items.hs-button-items.secondary li a:visited { | |
| color: #666 | |
| } | |
| ul.dropdown-items.hs-button-items.secondary li a:hover, ul.dropdown-items.hs-button-items.secondary li a:link:hover, ul.dropdown-items.hs-button-items.secondary li a:visited:hover { | |
| border-bottom-color: #bcbcbc; | |
| border-top-color: #aeaeae; | |
| background-color: rgba(0,0,0,0.1); | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.25); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.25); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 -1px 0 rgba(255,255,255,0.25) | |
| } | |
| ul.dropdown-items.hs-button-items.secondary li a.disabled { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6; | |
| cursor: default | |
| } | |
| .dropdown-target.hs-button.primary .arrow-icon { | |
| background-position: right -161px | |
| } | |
| .dropdown-target.hs-button.secondary .arrow-icon, .dropdown-target.hs-pill-button .arrow-icon { | |
| background-position: -4px -10px | |
| } | |
| .hs-button.orange { | |
| color: #fff; | |
| text-shadow: 0 -1px 0 #3574e3; | |
| background-color: #e37d3e; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e89764), color-stop(100%, #e37d3e)); | |
| background-image: -webkit-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -moz-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -o-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: linear-gradient(top, #e89764,#e37d3e); | |
| border-top: 1px solid #df6c24; | |
| border-bottom: 1px solid #d5661f; | |
| border-right: 1px solid #c9601e; | |
| border-left: 1px solid #c9601e; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| text-shadow: 0 -1px 1px rgba(0,0,0,0.4) | |
| } | |
| .hs-button.orange:visited { | |
| color: #fff | |
| } | |
| .hs-button.orange:hover, .hs-button.orange:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #e37d3e; | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #e37d3e; | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #e37d3e; | |
| border-top: 1px solid #cc611e; | |
| border-bottom: 1px solid #bf5b1c; | |
| border-right: 1px solid #b3551a; | |
| border-left: 1px solid #b3551a | |
| } | |
| .hs-button.orange:active, .dropdown-open > .hs-button.orange { | |
| text-decoration: none; | |
| background-color: #e58a51; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e37d3e), color-stop(100%, #e58a51)); | |
| background-image: -webkit-linear-gradient(top, #e37d3e, #e58a51); | |
| background-image: -moz-linear-gradient(top, #e37d3e, #e58a51); | |
| background-image: -o-linear-gradient(top, #e37d3e, #e58a51); | |
| background-image: linear-gradient(top, #e37d3e,#e58a51); | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| border-top: 1px solid #d5661f; | |
| border-bottom: 1px solid #da6921; | |
| border-right: 1px solid #c9601e; | |
| border-left: 1px solid #c9601e | |
| } | |
| .dropdown-open > .hs-button.orange { | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3) | |
| } | |
| .hs-button.orange.disabled, .hs-button.orange[disabled] { | |
| background-color: #c78d6a; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c99a7d), color-stop(100%, #c78d6a)); | |
| background-image: -webkit-linear-gradient(top, #c99a7d, #c78d6a); | |
| background-image: -moz-linear-gradient(top, #c99a7d, #c78d6a); | |
| background-image: -o-linear-gradient(top, #c99a7d, #c78d6a); | |
| background-image: linear-gradient(top, #c99a7d,#c78d6a); | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| border-top: 1px solid #c5855d; | |
| border-bottom: 1px solid #c0825a; | |
| border-right: 1px solid #ba7f5a; | |
| border-left: 1px solid #ba7f5a; | |
| cursor: default; | |
| color: #ededed; | |
| text-shadow: none; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6 | |
| } | |
| .hs-button.orange.disabled.next:before, .hs-button.orange[disabled].next:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.orange.disabled.previous:before, .hs-button.orange[disabled].previous:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.orange.next:before, .hs-button.orange.previous:before { | |
| background: url(/style_guide/static-2.12/img/hs-button-arrows.png) center 0 no-repeat; | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| position: absolute; | |
| top: 5px; | |
| content: ' '; | |
| z-index: 99 | |
| } | |
| .hs-button.orange.next { | |
| padding-right: 32px | |
| } | |
| .hs-button.orange.next:before { | |
| right: 9px | |
| } | |
| .hs-button.orange.previous { | |
| padding-left: 32px | |
| } | |
| .hs-button.orange.previous:before { | |
| background-position: center -16px; | |
| left: 9px | |
| } | |
| .hs-button.orange-PREV { | |
| color: #fff; | |
| text-shadow: 0 -1px 0 #b76225; | |
| background-color: #db894e; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7ad7c), color-stop(100%, #db894e)); | |
| background-image: -webkit-linear-gradient(top, #e7ad7c, #db894e); | |
| background-image: -moz-linear-gradient(top, #e7ad7c, #db894e); | |
| background-image: -o-linear-gradient(top, #e7ad7c, #db894e); | |
| background-image: linear-gradient(top, #e7ad7c,#db894e); | |
| border-top: 1px solid #df9251; | |
| border-bottom: 1px solid #df9251; | |
| border-right: 1px solid #df9251; | |
| border-left: 1px solid #df9251; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none | |
| } | |
| .hs-button.orange-PREV:visited { | |
| color: #fff | |
| } | |
| .hs-button.orange-PREV:hover, .hs-button.orange-PREV:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #db894e; | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #db894e; | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #db894e; | |
| border-top: 1px solid #db853b; | |
| border-bottom: 1px solid #db853b; | |
| border-right: 1px solid #db853b; | |
| border-left: 1px solid #db853b | |
| } | |
| .hs-button.orange-PREV:active, .dropdown-open > .hs-button.orange-PREV { | |
| text-decoration: none; | |
| background-color: #e19b65; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #db894e), color-stop(100%, #e19b65)); | |
| background-image: -webkit-linear-gradient(top, #db894e, #e19b65); | |
| background-image: -moz-linear-gradient(top, #db894e, #e19b65); | |
| background-image: -o-linear-gradient(top, #db894e, #e19b65); | |
| background-image: linear-gradient(top, #db894e,#e19b65); | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| border-top: 1px solid #df9251; | |
| border-bottom: 1px solid #df9251; | |
| border-right: 1px solid #df9251; | |
| border-left: 1px solid #df9251 | |
| } | |
| .dropdown-open > .hs-button.orange-PREV { | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3) | |
| } | |
| .hs-button.orange-PREV.disabled, .hs-button.orange-PREV[disabled] { | |
| background-color: #c49674; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #caa88b), color-stop(100%, #c49674)); | |
| background-image: -webkit-linear-gradient(top, #caa88b, #c49674); | |
| background-image: -moz-linear-gradient(top, #caa88b, #c49674); | |
| background-image: -o-linear-gradient(top, #caa88b, #c49674); | |
| background-image: linear-gradient(top, #caa88b,#c49674); | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| border-top: 1px solid #c69a76; | |
| border-bottom: 1px solid #c69a76; | |
| border-right: 1px solid #c69a76; | |
| border-left: 1px solid #c69a76; | |
| cursor: default; | |
| color: #ededed; | |
| text-shadow: none; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6 | |
| } | |
| .hs-button.orange-PREV.disabled.next:before, .hs-button.orange-PREV[disabled].next:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.orange-PREV.disabled.previous:before, .hs-button.orange-PREV[disabled].previous:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.orange-PREV.next:before, .hs-button.orange-PREV.previous:before { | |
| background: url(/style_guide/static-2.12/img/hs-button-arrows.png) center 0 no-repeat; | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| position: absolute; | |
| top: 5px; | |
| content: ' '; | |
| z-index: 99 | |
| } | |
| .hs-button.orange-PREV.next { | |
| padding-right: 32px | |
| } | |
| .hs-button.orange-PREV.next:before { | |
| right: 9px | |
| } | |
| .hs-button.orange-PREV.previous { | |
| padding-left: 32px | |
| } | |
| .hs-button.orange-PREV.previous:before { | |
| background-position: center -16px; | |
| left: 9px | |
| } | |
| .hs-button.green { | |
| color: #fff; | |
| text-shadow: 0 -1px 0 #3574e3; | |
| background-color: #529952; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #70b270), color-stop(100%, #529952)); | |
| background-image: -webkit-linear-gradient(top, #70b270, #529952); | |
| background-image: -moz-linear-gradient(top, #70b270, #529952); | |
| background-image: -o-linear-gradient(top, #70b270, #529952); | |
| background-image: linear-gradient(top, #70b270,#529952); | |
| border-top: 1px solid #4a8a4a; | |
| border-bottom: 1px solid #468246; | |
| border-right: 1px solid #427a42; | |
| border-left: 1px solid #427a42; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| text-shadow: 0 -1px 1px rgba(0,0,0,0.4) | |
| } | |
| .hs-button.green:visited { | |
| color: #fff | |
| } | |
| .hs-button.green:hover, .hs-button.green:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #529952; | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #529952; | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #529952; | |
| border-top: 1px solid #417941; | |
| border-bottom: 1px solid #3d723d; | |
| border-right: 1px solid #396a39; | |
| border-left: 1px solid #396a39 | |
| } | |
| .hs-button.green:active, .dropdown-open > .hs-button.green { | |
| text-decoration: none; | |
| background-color: #61a561; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #529952), color-stop(100%, #61a561)); | |
| background-image: -webkit-linear-gradient(top, #529952, #61a561); | |
| background-image: -moz-linear-gradient(top, #529952, #61a561); | |
| background-image: -o-linear-gradient(top, #529952, #61a561); | |
| background-image: linear-gradient(top, #529952,#61a561); | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| border-top: 1px solid #468246; | |
| border-bottom: 1px solid #488648; | |
| border-right: 1px solid #427a42; | |
| border-left: 1px solid #427a42 | |
| } | |
| .dropdown-open > .hs-button.green { | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3) | |
| } | |
| .hs-button.green.disabled, .hs-button.green[disabled] { | |
| background-color: #6b946b; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7aa07a), color-stop(100%, #6b946b)); | |
| background-image: -webkit-linear-gradient(top, #7aa07a, #6b946b); | |
| background-image: -moz-linear-gradient(top, #7aa07a, #6b946b); | |
| background-image: -o-linear-gradient(top, #7aa07a, #6b946b); | |
| background-image: linear-gradient(top, #7aa07a,#6b946b); | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| border-top: 1px solid #678c67; | |
| border-bottom: 1px solid #658865; | |
| border-right: 1px solid #638463; | |
| border-left: 1px solid #638463; | |
| cursor: default; | |
| color: #ededed; | |
| text-shadow: none; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6 | |
| } | |
| .hs-button.green.disabled.next:before, .hs-button.green[disabled].next:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.green.disabled.previous:before, .hs-button.green[disabled].previous:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.green.next:before, .hs-button.green.previous:before { | |
| background: url(/style_guide/static-2.12/img/hs-button-arrows.png) center 0 no-repeat; | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| position: absolute; | |
| top: 5px; | |
| content: ' '; | |
| z-index: 99 | |
| } | |
| .hs-button.green.next { | |
| padding-right: 32px | |
| } | |
| .hs-button.green.next:before { | |
| right: 9px | |
| } | |
| .hs-button.green.previous { | |
| padding-left: 32px | |
| } | |
| .hs-button.green.previous:before { | |
| background-position: center -16px; | |
| left: 9px | |
| } | |
| .hs-button.red { | |
| color: #fff; | |
| text-shadow: 0 -1px 0 #3574e3; | |
| background-color: #932e27; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c73e34), color-stop(100%, #932e27)); | |
| background-image: -webkit-linear-gradient(top, #c73e34, #932e27); | |
| background-image: -moz-linear-gradient(top, #c73e34, #932e27); | |
| background-image: -o-linear-gradient(top, #c73e34, #932e27); | |
| background-image: linear-gradient(top, #c73e34,#932e27); | |
| border-top: 1px solid #852a23; | |
| border-bottom: 1px solid #7d2721; | |
| border-right: 1px solid #76251f; | |
| border-left: 1px solid #76251f; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| text-shadow: 0 -1px 1px rgba(0,0,0,0.4) | |
| } | |
| .hs-button.red:visited { | |
| color: #fff | |
| } | |
| .hs-button.red:hover, .hs-button.red:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #932e27; | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #932e27; | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #932e27; | |
| border-top: 1px solid #70231d; | |
| border-bottom: 1px solid #69211c; | |
| border-right: 1px solid #621f1a; | |
| border-left: 1px solid #621f1a | |
| } | |
| .hs-button.red:active, .dropdown-open > .hs-button.red { | |
| text-decoration: none; | |
| background-color: #ad362d; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #932e27), color-stop(100%, #ad362d)); | |
| background-image: -webkit-linear-gradient(top, #932e27, #ad362d); | |
| background-image: -moz-linear-gradient(top, #932e27, #ad362d); | |
| background-image: -o-linear-gradient(top, #932e27, #ad362d); | |
| background-image: linear-gradient(top, #932e27,#ad362d); | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); | |
| border-top: 1px solid #7d2721; | |
| border-bottom: 1px solid #812822; | |
| border-right: 1px solid #76251f; | |
| border-left: 1px solid #76251f | |
| } | |
| .dropdown-open > .hs-button.red { | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3) | |
| } | |
| .hs-button.red.disabled, .hs-button.red[disabled] { | |
| background-color: #894d49; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a3554f), color-stop(100%, #894d49)); | |
| background-image: -webkit-linear-gradient(top, #a3554f, #894d49); | |
| background-image: -moz-linear-gradient(top, #a3554f, #894d49); | |
| background-image: -o-linear-gradient(top, #a3554f, #894d49); | |
| background-image: linear-gradient(top, #a3554f,#894d49); | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0); | |
| border-top: 1px solid #824b47; | |
| border-bottom: 1px solid #7e4946; | |
| border-right: 1px solid #7b4845; | |
| border-left: 1px solid #7b4845; | |
| cursor: default; | |
| color: #ededed; | |
| text-shadow: none; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | |
| opacity: 0.6 | |
| } | |
| .hs-button.red.disabled.next:before, .hs-button.red[disabled].next:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.red.disabled.previous:before, .hs-button.red[disabled].previous:before { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5 | |
| } | |
| .hs-button.red.next:before, .hs-button.red.previous:before { | |
| background: url(/style_guide/static-2.12/img/hs-button-arrows.png) center 0 no-repeat; | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| position: absolute; | |
| top: 5px; | |
| content: ' '; | |
| z-index: 99 | |
| } | |
| .hs-button.red.next { | |
| padding-right: 32px | |
| } | |
| .hs-button.red.next:before { | |
| right: 9px | |
| } | |
| .hs-button.red.previous { | |
| padding-left: 32px | |
| } | |
| .hs-button.red.previous:before { | |
| background-position: center -16px; | |
| left: 9px | |
| }@-moz-document url-prefix(){button.hs-button.primary.previous:before,button.hs-button.secondary.previous:before,button.previous.hs-pill-button:before,button.hs-button.orange.previous:before,button.hs-button.green.previous:before,button.hs-button *.red.previous:before{top:-2px;left:-23px}button.hs-button.primary.next:before,button.hs-button.secondary.next:before,button.next.hs-pill-button:before,button.hs-button.orange.next:before,button.hs-button.green.next:before,button.hs-button *.red.next:before{top:-2px;right:23px}} | |
| .hs-button.mini, .hs-pill-button.mini { | |
| font-size: 11px; | |
| line-height: 1; | |
| padding: 5px 12px 4px | |
| } | |
| html.firefox .hs-button.mini, html.firefox .hs-pill-button.mini { | |
| line-height: 1; | |
| padding-bottom: 4px | |
| } | |
| .hs-button.large { | |
| font-size: 14px; | |
| line-height: 1; | |
| padding: 9px 30px 9px | |
| } | |
| html.firefox .hs-button.large { | |
| line-height: 1; | |
| padding-bottom: 8px | |
| } | |
| .hs-pill-buttons { | |
| margin: 0; | |
| padding: 0; | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline; | |
| list-style: none | |
| } | |
| .hs-pill-buttons li { | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline | |
| } | |
| .hs-pill-button { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| -ms-border-radius: 0; | |
| -o-border-radius: 0; | |
| border-radius: 0; | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline | |
| } | |
| .hs-pill-button.first { | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| -ms-border-radius: 4px 0 0 4px; | |
| -o-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px | |
| } | |
| .hs-pill-button.middle { | |
| border-left: none | |
| } | |
| .hs-pill-button.last { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| -ms-border-radius: 0 4px 4px 0; | |
| -o-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| border-left: none | |
| } | |
| .hs-pill-button.selected { | |
| background-color: #d9d9d9; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cacaca), color-stop(100%, #d9d9d9)); | |
| background-image: -webkit-linear-gradient(top, #cacaca, #d9d9d9); | |
| background-image: -moz-linear-gradient(top, #cacaca, #d9d9d9); | |
| background-image: -o-linear-gradient(top, #cacaca, #d9d9d9); | |
| background-image: linear-gradient(top, #cacaca,#d9d9d9); | |
| -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2); | |
| -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2); | |
| box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2); | |
| border-top: 1px solid #aeaeae; | |
| border-bottom: 1px solid #bcbcbc; | |
| text-shadow: 0 1px 0 rgba(255,255,255,0.75) | |
| } | |
| html body select.chosen { | |
| height: 28px; | |
| background: #fff; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| border: 1px solid #ccc; | |
| font-size: 13px; | |
| outline: none; | |
| background: #fff; | |
| color: #444; | |
| padding: 15px 2px | |
| } | |
| html body select[multiple].chosen { | |
| padding: 13px 2px | |
| } | |
| html body select.chosen:focus { | |
| outline: none | |
| } | |
| html body select[multiple="multiple"].chosen, html body select[multiple].chosen { | |
| height: 28px !important; | |
| overflow: hidden | |
| } | |
| html body select[multiple="multiple"].chosen option, html body select[multiple].chosen option { | |
| height: 28px !important; | |
| font-size: 13px; | |
| padding: 0px; | |
| color: #444; | |
| background: #ccc | |
| } | |
| html body .chzn-container { | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px | |
| } | |
| html body .chzn-container .chzn-drop { | |
| -webkit-box-shadow: 0px 11px 13px rgba(0,0,0,0.2); | |
| -moz-box-shadow: 0px 11px 13px rgba(0,0,0,0.2); | |
| box-shadow: 0px 11px 13px rgba(0,0,0,0.2); | |
| -webkit-border-radius: 0px 0px 5px 5px; | |
| -moz-border-radius: 0px 0px 5px 5px; | |
| -ms-border-radius: 0px 0px 5px 5px; | |
| -o-border-radius: 0px 0px 5px 5px; | |
| border-radius: 0px 0px 5px 5px; | |
| z-index: 800 | |
| } | |
| html body .chzn-container .chzn-results { | |
| -webkit-border-radius: 0px 0px 4px 4px; | |
| -moz-border-radius: 0px 0px 4px 4px; | |
| -ms-border-radius: 0px 0px 4px 4px; | |
| -o-border-radius: 0px 0px 4px 4px; | |
| border-radius: 0px 0px 4px 4px; | |
| padding: 0px; | |
| margin: 0px; | |
| max-height: 162px | |
| } | |
| html body .chzn-container .chzn-results .no-results { | |
| background: transparent | |
| } | |
| html body .chzn-container .chzn-results li { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| border-top: 1px solid rgba(255,255,255,0.001); | |
| border-bottom: 1px solid rgba(255,255,255,0.001); | |
| padding: 7px 7px 8px; | |
| background: transparent; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| html body .chzn-container .chzn-results li em { | |
| color: #333; | |
| background: transparent | |
| } | |
| html body .chzn-container .chzn-results li.group-result { | |
| color: #666; | |
| margin-left: 0px; | |
| padding-left: 13px | |
| } | |
| html body .chzn-container .chzn-results li.highlighted { | |
| background-color: #e37d3e; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e89764), color-stop(100%, #e37d3e)); | |
| background-image: -webkit-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -moz-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -o-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: linear-gradient(top, #e89764,#e37d3e); | |
| border-top: 1px solid #df6c24; | |
| border-bottom: 1px solid #d5661f; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| color: #fff | |
| } | |
| html body .chzn-container .chzn-results li.highlighted em { | |
| color: #fff | |
| } | |
| html body .chzn-container .chzn-results li.highlighted:active { | |
| -webkit-box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05); | |
| -moz-box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05); | |
| box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05) | |
| } | |
| html body .chzn-container .chzn-results li:last-child { | |
| -webkit-border-radius: 0px 0px 4px 4px; | |
| -moz-border-radius: 0px 0px 4px 4px; | |
| -ms-border-radius: 0px 0px 4px 4px; | |
| -o-border-radius: 0px 0px 4px 4px; | |
| border-radius: 0px 0px 4px 4px | |
| } | |
| html body .chzn-container-multi .chzn-choices { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px; | |
| -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); | |
| filter: none; | |
| background-image: url("/chosen/static-1.6/img/chosen-multi-arrow.png"); | |
| background-repeat: no-repeat; | |
| background-position: bottom right; | |
| background-color: #fff; | |
| border: 1px solid #ccc; | |
| padding: 0px 2px 0px 0px | |
| } | |
| html body .chzn-container-multi .chzn-choices .search-choice { | |
| margin: 3px 0 1px 3px | |
| } | |
| html body .chzn-container-multi .chzn-choices .search-field input { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; | |
| font-size: 12px !important; | |
| color: #b6b6b6 | |
| } | |
| html body .chzn-container-multi .chzn-choices .search-field input:-moz-placeholder { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; | |
| font-size: 12px !important; | |
| color: #bfbfbf !important | |
| } | |
| html body .chzn-container-multi .chzn-choices .search-field input::-webkit-input-placeholder { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; | |
| font-size: 12px !important; | |
| color: #bfbfbf !important | |
| } | |
| html body .chzn-container-single { | |
| padding: 0px; | |
| max-height: 156px | |
| } | |
| html body .chzn-container-single .chzn-single { | |
| border-top: 1px solid #cacaca; | |
| border-bottom: 1px solid #aeaeae; | |
| border-right: 1px solid #bdbdbd; | |
| border-left: 1px solid #bdbdbd | |
| } | |
| html body .chzn-container-single .chzn-single:hover { | |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 0 5px #c3c3c3; | |
| -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 0 5px #c3c3c3; | |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 0 5px #c3c3c3; | |
| border-top: 1px solid #bdbdbd; | |
| border-bottom: 1px solid #a1a1a1; | |
| border-right: 1px solid #b1b1b1; | |
| border-left: 1px solid #b1b1b1 | |
| } | |
| html body .chzn-container-single .chzn-single abbr { | |
| right: 32px; | |
| top: 7px; | |
| background: url("/chosen/static-1.6/img/chosen-sprite.png") right top no-repeat | |
| } | |
| html body .chzn-container-single .chzn-single div { | |
| -webkit-box-shadow: inset 0px 1px 0px #fff; | |
| -moz-box-shadow: inset 0px 1px 0px #fff; | |
| box-shadow: inset 0px 1px 0px #fff; | |
| background-color: #dcdcdc; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #dcdcdc)); | |
| background-image: -webkit-linear-gradient(top, #fafafa, #dcdcdc); | |
| background-image: -moz-linear-gradient(top, #fafafa, #dcdcdc); | |
| background-image: -o-linear-gradient(top, #fafafa, #dcdcdc); | |
| background-image: linear-gradient(top, #fafafa,#dcdcdc); | |
| border-left: 1px solid #bdbdbd; | |
| width: 24px | |
| } | |
| html body .chzn-container-single .chzn-single div b { | |
| background-image: url("/chosen/static-1.6/img/chosen-sprite.png"); | |
| background-position: 3px 1px | |
| } | |
| html body .chzn-container-single .chzn-single span { | |
| margin-right: 36px | |
| } | |
| html body .chzn-container-single a.chzn-single, html body .chzn-container-single a:hover.chzn-single { | |
| text-decoration: none; | |
| color: inherit | |
| } | |
| html body .chzn-container-single .chzn-results li { | |
| padding: 7px 11px 8px 31px | |
| } | |
| html body .chzn-container-single .chzn-results li.group-option { | |
| padding-left: 31px | |
| } | |
| html body .chzn-container-active .chzn-single { | |
| -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); | |
| box-shadow: 0px 0px 5px rgba(0,0,0,0.3); | |
| border: 1px solid rgba(82,168,236,0.8) | |
| } | |
| html body .chzn-container-active .chzn-choices { | |
| -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); | |
| -webkit-border-radius: 3px 3px 0px 0px; | |
| -moz-border-radius: 3px 3px 0px 0px; | |
| -ms-border-radius: 3px 3px 0px 0px; | |
| -o-border-radius: 3px 3px 0px 0px; | |
| border-radius: 3px 3px 0px 0px; | |
| border: 1px solid rgba(82,168,236,0.8) | |
| } | |
| html body .chzn-container-active .chzn-choices .search-field input { | |
| color: gray !important | |
| } | |
| html body .chzn-container-active .chzn-single-with-drop, html body .chzn-container-active .chzn-single-with-drop:hover { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| background-color: #fdfdfd; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eee), color-stop(100%, #fdfdfd)); | |
| background-image: -webkit-linear-gradient(top, #eee, #fdfdfd); | |
| background-image: -moz-linear-gradient(top, #eee, #fdfdfd); | |
| background-image: -o-linear-gradient(top, #eee, #fdfdfd); | |
| background-image: linear-gradient(top, #eeeeee,#fdfdfd); | |
| border: 1px solid #aaa | |
| } | |
| html body .chzn-container-active .chzn-single-with-drop div, html body .chzn-container-active .chzn-single-with-drop:hover div { | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| background: transparent; | |
| border-left: 0px | |
| } | |
| html body .chzn-container-active .chzn-single-with-drop div b, html body .chzn-container-active .chzn-single-with-drop:hover div b { | |
| background-position: -15px 2px | |
| } | |
| html body .chzn-container-single .chzn-search input { | |
| -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); | |
| -webkit-border-radius: 64px; | |
| -moz-border-radius: 64px; | |
| -ms-border-radius: 64px; | |
| -o-border-radius: 64px; | |
| border-radius: 64px; | |
| background: url("/style_guide/static-2.12/img/search.png") no-repeat 7px; | |
| border-color: #ccc; | |
| padding: 5px 5px 3px 25px | |
| } | |
| html body .chzn-container-multi .chzn-choices .search-choice .search-choice-close { | |
| background: url("/chosen/static-1.6/img/chosen-sprite.png") right top no-repeat | |
| } | |
| html body .chzn-rtl .chzn-search input { | |
| background: url("/style_guide/static-2.12/img/search.png") no-repeat 7px | |
| } | |
| html body div.chzn-container-single a.chzn-single > div { | |
| border-left: 1px solid transparent; | |
| background: transparent | |
| } | |
| html body > .chosen_dropdown_container { | |
| position: absolute; | |
| display: block | |
| } | |
| html body > .chosen_dropdown_container.chosen_dropdown_closed { | |
| display: none | |
| } | |
| html body > .chosen_dropdown_container select { | |
| visibility: hidden | |
| } | |
| html body > .chosen_dropdown_container div.chzn-container-single .chzn-drop { | |
| left: 0px !important; | |
| top: 0px !important; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -ms-border-radius: 5px; | |
| -o-border-radius: 5px; | |
| border-radius: 5px; | |
| border-top: 1px solid #aaa; | |
| padding-top: 4px; | |
| margin-top: -13px | |
| } | |
| html body > .chosen_dropdown_container div.chzn-container-single a.chzn-single, html body > .chosen_dropdown_container div.chzn-container-single a.chzn-single:hover { | |
| display: none | |
| } | |
| html.firefox body select.chosen { | |
| padding-top: 11px; | |
| padding-bottom: 11px | |
| } | |
| .hs-fancybox { | |
| color: #404040; | |
| max-width: 700px; | |
| padding: 15px 20px 20px; | |
| background-color: white; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #e6e6e6)); | |
| background-image: -webkit-linear-gradient(#fff, #e6e6e6); | |
| background-image: -moz-linear-gradient(#fff, #e6e6e6); | |
| background-image: -o-linear-gradient(#fff, #e6e6e6); | |
| background-image: linear-gradient(#ffffff,#e6e6e6); | |
| text-shadow: #fff 0 1px 0 | |
| } | |
| .hs-fancybox h4 { | |
| margin-bottom: .3em; | |
| font-size: 26px; | |
| font-weight: bold; | |
| color: #df8505 | |
| } | |
| .hs-fancybox h5 { | |
| margin: .2em 0 .5em; | |
| display: block; | |
| line-height: 24px; | |
| font-size: 20px; | |
| font-weight: 500; | |
| color: #444 | |
| } | |
| .hs-fancybox p { | |
| color: #404040 | |
| } | |
| .hs-fancybox a#hs-fancybox-cancel { | |
| cursor: pointer | |
| } | |
| .hs-fancybox .chzn-container .chzn-drop li.highlighted { | |
| text-shadow: none | |
| } | |
| .hs-fancybox .hs-form { | |
| margin-bottom: 0px | |
| } | |
| .hs-fancybox .hs-form fieldset { | |
| padding-top: 0; | |
| margin-bottom: .3em | |
| } | |
| .hs-fancybox .hs-form fieldset div.field { | |
| margin-bottom: 1.4em; | |
| line-height: 19px | |
| } | |
| .hs-fancybox .hs-form fieldset label { | |
| display: block; | |
| float: none; | |
| margin-bottom: .4em; | |
| width: auto; | |
| font-size: 110%; | |
| font-weight: bold; | |
| color: #404040; | |
| text-align: left | |
| } | |
| .hs-fancybox .hs-form fieldset input:-moz-placeholder { | |
| font-size: 13px; | |
| line-height: 15px | |
| } | |
| .hs-fancybox .hs-form fieldset input::-webkit-input-placeholder { | |
| font-size: 13px; | |
| line-height: 15px | |
| } | |
| #fancybox-loading { | |
| position: fixed; | |
| top: 50%; | |
| left: 50%; | |
| width: 40px; | |
| height: 40px; | |
| margin-top: -20px; | |
| margin-left: -20px; | |
| cursor: pointer; | |
| overflow: hidden; | |
| z-index: 1104; | |
| display: none | |
| } | |
| #fancybox-loading div { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 40px; | |
| height: 480px; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png") | |
| } | |
| #fancybox-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| z-index: 1100; | |
| display: none; | |
| background-color: #404040 | |
| } | |
| #fancybox-tmp { | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| overflow: auto; | |
| display: none | |
| } | |
| #fancybox-wrap { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1101; | |
| outline: none; | |
| border: 5px solid #404040; | |
| display: none | |
| } | |
| #fancybox-outer { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| background: #fff | |
| } | |
| #fancybox-content { | |
| width: 0; | |
| height: 0; | |
| padding: 0; | |
| outline: none; | |
| position: relative; | |
| overflow: hidden; | |
| z-index: 1102; | |
| border: 0px solid #fff | |
| } | |
| #fancybox-hide-sel-frame { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: transparent; | |
| z-index: 1101 | |
| } | |
| #fancybox-close { | |
| position: absolute; | |
| top: -15px; | |
| right: -17px; | |
| width: 30px; | |
| height: 30px; | |
| background-color: transparent; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px 0px; | |
| cursor: pointer; | |
| z-index: 1103; | |
| display: none | |
| } | |
| #fancybox-error { | |
| color: #444; | |
| font: normal 12px/20px Arial; | |
| padding: 14px; | |
| margin: 0 | |
| } | |
| #fancybox-img { | |
| width: 100%; | |
| height: 100%; | |
| padding: 0; | |
| margin: 0; | |
| border: none; | |
| outline: none; | |
| line-height: 0; | |
| vertical-align: top | |
| } | |
| #fancybox-frame { | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| display: block | |
| } | |
| #fancybox-left, #fancybox-right { | |
| position: absolute; | |
| bottom: 0px; | |
| height: 100%; | |
| width: 35%; | |
| cursor: pointer; | |
| outline: none; | |
| background: transparent url("/style_guide/static-2.12/img/fancybox/blank.gif"); | |
| z-index: 1102; | |
| display: none | |
| } | |
| #fancybox-left:hover, #fancybox-right:hover { | |
| visibility: visible | |
| } | |
| #fancybox-left { | |
| left: 0px | |
| } | |
| #fancybox-left:hover span { | |
| left: 20px | |
| } | |
| #fancybox-right { | |
| right: 0px | |
| } | |
| #fancybox-right:hover span { | |
| left: auto; | |
| right: 20px | |
| } | |
| #fancybox-left-ico, #fancybox-right-ico { | |
| position: absolute; | |
| top: 50%; | |
| left: -9999px; | |
| width: 30px; | |
| height: 30px; | |
| margin-top: -15px; | |
| cursor: pointer; | |
| z-index: 1102; | |
| display: block | |
| } | |
| #fancybox-left-ico { | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px -30px | |
| } | |
| #fancybox-right-ico { | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px -60px | |
| } | |
| .fancybox-bg { | |
| position: absolute; | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| width: 20px; | |
| height: 20px; | |
| z-index: 1001 | |
| } | |
| #fancybox-bg-n { | |
| top: -20px; | |
| left: 0; | |
| width: 100%; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox-x.png") | |
| } | |
| #fancybox-bg-ne { | |
| top: -20px; | |
| right: -20px; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px -162px | |
| } | |
| #fancybox-bg-e { | |
| top: 0; | |
| right: -20px; | |
| height: 100%; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox-y.png"); | |
| background-position: -20px 0px | |
| } | |
| #fancybox-bg-se { | |
| bottom: -20px; | |
| right: -20px; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px -182px | |
| } | |
| #fancybox-bg-s { | |
| bottom: -20px; | |
| left: 0; | |
| width: 100%; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox-x.png"); | |
| background-position: 0px -20px | |
| } | |
| #fancybox-bg-sw { | |
| bottom: -20px; | |
| left: -20px; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px -142px | |
| } | |
| #fancybox-bg-w { | |
| top: 0; | |
| left: -20px; | |
| height: 100%; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox-y.png") | |
| } | |
| #fancybox-bg-nw { | |
| top: -20px; | |
| left: -20px; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px -122px | |
| } | |
| #fancybox-title { | |
| font-family: Helvetica; | |
| font-size: 12px; | |
| z-index: 1102 | |
| } | |
| .fancybox-title-inside { | |
| padding-bottom: 10px; | |
| text-align: center; | |
| color: #333; | |
| background: #fff; | |
| position: relative | |
| } | |
| .fancybox-title-outside { | |
| padding-top: 10px; | |
| color: #fff | |
| } | |
| .fancybox-title-over { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| color: #FFF; | |
| text-align: left | |
| } | |
| #fancybox-title-over { | |
| padding: 10px; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancy_title_over.png"); | |
| display: block | |
| } | |
| .fancybox-title-float { | |
| position: absolute; | |
| left: 0; | |
| bottom: -40px; | |
| height: 32px; | |
| text-shadow: rgba(255,255,255,0) 0 0 0 | |
| } | |
| #fancybox-title-float-wrap { | |
| border: none; | |
| border-collapse: collapse; | |
| width: auto | |
| } | |
| #fancybox-title-float-wrap td { | |
| border: none; | |
| white-space: nowrap | |
| } | |
| #fancybox-title-float-left { | |
| padding: 0 0 0 15px; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -40px -90px; | |
| background-repeat: no-repeat | |
| } | |
| #fancybox-title-float-main { | |
| color: #FFF; | |
| line-height: 29px; | |
| font-weight: bold; | |
| padding: 0 0 3px 0; | |
| background: url("/style_guide/static-2.12/img/fancybox/fancybox-x.png") 0px -40px | |
| } | |
| #fancybox-title-float-right { | |
| padding: 0 0 0 15px; | |
| background-color: transparent; | |
| background-image: url("/style_guide/static-2.12/img/fancybox/fancybox.png"); | |
| background-position: -55px -90px; | |
| background-repeat: no-repeat | |
| } | |
| #fancybox-hide-sel-frame { | |
| height: expression(this.parentNode.clientHeight + "px") | |
| } | |
| .fancybox-ie .fancybox-bg { | |
| background: transparent !important | |
| } | |
| #fancybox-bg-n { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_n.png', sizingMethod='scale') | |
| } | |
| #fancybox-bg-ne { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale') | |
| } | |
| #fancybox-bg-e { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_e.png', sizingMethod='scale') | |
| } | |
| #fancybox-bg-se { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_se.png', sizingMethod='scale') | |
| } | |
| #fancybox-bg-s { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_s.png', sizingMethod='scale') | |
| } | |
| #fancybox-bg-sw { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale') | |
| } | |
| #fancybox-bg-w { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_w.png', sizingMethod='scale') | |
| } | |
| #fancybox-bg-nw { | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.hubspot.com/style-guide/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale') | |
| } | |
| html body #fancybox-wrap { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| -ms-border-radius: 8px; | |
| -o-border-radius: 8px; | |
| border-radius: 8px; | |
| border: 0px | |
| } | |
| html body #fancybox-wrap #fancybox-outer { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| -ms-border-radius: 8px; | |
| -o-border-radius: 8px; | |
| border-radius: 8px; | |
| -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.5); | |
| -moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.5); | |
| box-shadow: 0px 0px 28px rgba(0,0,0,0.5); | |
| background-color: #e6e6e6; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); | |
| background-image: -moz-linear-gradient(top, #fff, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #fff, #e6e6e6); | |
| background-image: linear-gradient(top, #ffffff,#e6e6e6) | |
| } | |
| html body #fancybox-wrap #fancybox-outer .fancybox-bg { | |
| display: none !important | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-content { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| -ms-border-radius: 8px; | |
| -o-border-radius: 8px; | |
| border-radius: 8px | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-content iframe#fancybox-frame { | |
| background-color: #e6e6e6; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); | |
| background-image: -moz-linear-gradient(top, #fff, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #fff, #e6e6e6); | |
| background-image: linear-gradient(top, #ffffff,#e6e6e6) | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-content > div { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| -ms-border-radius: 8px; | |
| -o-border-radius: 8px; | |
| border-radius: 8px | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-content > div > div.hs-fancybox { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| -ms-border-radius: 8px; | |
| -o-border-radius: 8px; | |
| border-radius: 8px | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-content div.hs-fancybox { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| -ms-border-radius: 8px; | |
| -o-border-radius: 8px; | |
| border-radius: 8px | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-content iframe#fancybox-frame { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| -ms-border-radius: 8px; | |
| -o-border-radius: 8px; | |
| border-radius: 8px | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-close { | |
| -webkit-border-radius: 0px 8px 0px 0px; | |
| -moz-border-radius: 0px 8px 0px 0px; | |
| -ms-border-radius: 0px 8px 0px 0px; | |
| -o-border-radius: 0px 8px 0px 0px; | |
| border-radius: 0px 8px 0px 0px; | |
| background: transparent !important; | |
| top: 0px; | |
| right: 0px | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-close:before { | |
| -webkit-border-radius: 0px 8px 0px; | |
| -moz-border-radius: 0px 8px 0px; | |
| -ms-border-radius: 0px 8px 0px; | |
| -o-border-radius: 0px 8px 0px; | |
| border-radius: 0px 8px 0px; | |
| -webkit-box-shadow: inset 1px -1px 4px rgba(0,0,0,0.06); | |
| -moz-box-shadow: inset 1px -1px 4px rgba(0,0,0,0.06); | |
| box-shadow: inset 1px -1px 4px rgba(0,0,0,0.06); | |
| position: absolute; | |
| content: "\00D7"; | |
| font-size: 28px; | |
| font-weight: bold; | |
| overflow: hidden; | |
| line-height: 15px; | |
| height: 21px; | |
| width: 19px; | |
| text-align: center; | |
| top: 0px; | |
| right: 0px; | |
| padding: 5px; | |
| color: #bbb; | |
| color: rgba(50,50,50,0.15); | |
| background: #fefefe; | |
| background: rgba(50,50,50,0.15) | |
| } | |
| html body #fancybox-wrap #fancybox-outer #fancybox-close:hover:before { | |
| color: #444; | |
| color: rgba(50,50,50,0.4) | |
| } | |
| .hs-help-nav { | |
| list-style-type: none; | |
| margin: 0; | |
| margin-left: 18px; | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline; | |
| position: relative | |
| } | |
| .hs-help-nav li { | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline; | |
| margin-right: 12px; | |
| font-size: 13px; | |
| line-height: 24px | |
| } | |
| .hs-help-nav li a.hs-help-button { | |
| cursor: pointer; | |
| display: inline-block; | |
| line-height: 28px; | |
| font-weight: bold; | |
| color: #3288e6 | |
| } | |
| .hs-help-nav li a.hs-help-button:hover { | |
| color: #1662b5; | |
| text-decoration: underline | |
| } | |
| .hs-help-nav li a.hs-help-button.video:before, .hs-help-nav li a.hs-help-button.tutorial:before, .hs-help-nav li a.hs-help-button.tour:before, .hs-help-nav li a.hs-help-button.glossary:before { | |
| content: " "; | |
| text-decoration: none; | |
| display: inline-block; | |
| padding-right: 5px; | |
| width: 12px; | |
| height: 12px; | |
| line-height: 20px; | |
| vertical-align: baseline; | |
| position: relative; | |
| top: 1px; | |
| background-image: url(/style_guide/static-2.12/img/help-nav-sprite.png); | |
| background-repeat: no-repeat | |
| } | |
| .hs-help-nav li a.hs-help-button.video:before { | |
| width: 10px | |
| } | |
| .hs-help-nav li a.hs-help-button.tour:before { | |
| width: 10px | |
| } | |
| .hs-help-nav li a.hs-help-button.tutorial:before { | |
| background-position: 0px -20px | |
| } | |
| .hs-help-nav li a.hs-help-button:hover.tutorial:before { | |
| background-position: 0px 0px | |
| } | |
| .hs-help-nav li a.hs-help-button.tour:before { | |
| background-position: -20px -20px | |
| } | |
| .hs-help-nav li a.hs-help-button:hover.tour:before { | |
| background-position: -20px 0px | |
| } | |
| .hs-help-nav li a.hs-help-button.video:before { | |
| background-position: -40px -20px | |
| } | |
| .hs-help-nav li a.hs-help-button:hover.video:before { | |
| background-position: -40px 0px | |
| } | |
| .hs-help-nav li a.hs-help-button.glossary:before { | |
| background-position: -60px -20px | |
| } | |
| .hs-help-nav li a.hs-help-button:hover.glossary:before { | |
| background-position: -60px 0px | |
| } | |
| .hs-help-nav li:last-child { | |
| margin-right: 0px | |
| } | |
| ul.hs-help-nav { | |
| position: relative; | |
| top: 6px; | |
| margin-top: -15px; | |
| z-index: 8 | |
| } | |
| .hs-data-well { | |
| background-color: #f8f8f8; | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px; | |
| overflow: hidden; | |
| *zoom: 1; | |
| margin-bottom: 20px | |
| } | |
| .hs-data-well .total-box { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding: 20px; | |
| width: 100%; | |
| text-align: center; | |
| float: left; | |
| border-left: 1px solid #ccc | |
| } | |
| .hs-data-well .total-box:first-child { | |
| border-left: none | |
| } | |
| .hs-data-well .total-box .value { | |
| color: #555; | |
| font-weight: bold; | |
| font-size: 30px; | |
| line-height: 1 | |
| } | |
| .hs-data-well .total-box .value small { | |
| font-size: 16px; | |
| font-weight: normal | |
| } | |
| .hs-data-well .total-box .desc { | |
| color: #999; | |
| display: inline-block | |
| } | |
| .hs-data-well.half .total-box { | |
| display: block; | |
| width: 50% | |
| } | |
| .hs-data-well.third .total-box { | |
| display: block; | |
| width: 33% | |
| } | |
| .hs-data-well.third .total-box:first-child+ .total-box { | |
| width: 34% | |
| } | |
| .hs-data-well.quarter .total-box { | |
| display: block; | |
| width: 25% | |
| } | |
| .hs-dropdown { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| position: relative; | |
| z-index: 1; | |
| padding: 0px 6px 0 0px; | |
| margin-left: -2px; | |
| display: inline-block; | |
| font-size: 12px | |
| } | |
| .hs-dropdown a { | |
| color: #666 | |
| } | |
| .hs-dropdown a.gear-dropdown { | |
| opacity: 0.7 | |
| } | |
| .hs-dropdown a span.pictos-font-dropdown { | |
| color: #888; | |
| line-height: 0; | |
| font-family: "Pictos"; | |
| font-size: 18px; | |
| font-weight: normal !important; | |
| -webkit-font-smoothing: antialiased | |
| } | |
| .hs-dropdown.light a { | |
| color: #888 | |
| } | |
| .hs-dropdown.light a span.pictos-font-dropdown { | |
| color: #aaa | |
| } | |
| .hs-dropdown a:hover { | |
| color: #3288e6; | |
| cursor: pointer | |
| } | |
| .hs-dropdown a:hover.gear-dropdown { | |
| opacity: 1; | |
| text-decoration: none | |
| } | |
| .hs-dropdown a:hover span.pictos-font-dropdown { | |
| color: #3288e6 | |
| } | |
| .dropdown-to-be-enclosed { | |
| padding: 3px 9px 0 2px; | |
| margin-left: -8px; | |
| margin-top: -3px | |
| } | |
| .dropdown-to-be-enclosed a { | |
| color: #666 | |
| } | |
| .dropdown-enclosed { | |
| border: 1px solid #e0e0e0; | |
| border-bottom: none; | |
| background-color: #f0f0f0; | |
| padding: 2px 8px 0 2px | |
| } | |
| .dropdown-enclosed.dropdown-open { | |
| -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15); | |
| -moz-box-shadow: 0 0 7px rgba(0,0,0,0.15); | |
| box-shadow: 0 0 7px rgba(0,0,0,0.15) | |
| } | |
| .dropdown-hover .dropdown-target { | |
| background-position: right -229px | |
| } | |
| .dropdown-target { | |
| background-image: url(/style_guide/static-2.12/img/arrow-sprite.png); | |
| background-repeat: no-repeat; | |
| background-position: right -121px; | |
| padding: 0 14px 0 2px; | |
| cursor: pointer | |
| } | |
| body.ie .dropdown-target { | |
| background-position: right 40% | |
| } | |
| .dropdown-open .dropdown-target { | |
| text-decoration: none | |
| } | |
| .dropdown-to-be-enclosed .dropdown-target { | |
| padding-left: 7px | |
| } | |
| .dropdown-enclosed .dropdown-target { | |
| padding-left: 6px | |
| } | |
| .unstyled-dropdown-items, div.dropdown-items, ul.dropdown-items { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| display: none; | |
| position: absolute; | |
| background-color: #f0f0f0; | |
| border: 1px solid #e0e0e0; | |
| border-top: none; | |
| z-index: 1000; | |
| margin: 0; | |
| clip: rect(0px, 1000px, 1000px, -10px) | |
| } | |
| html.ie .unstyled-dropdown-items, html.ie div.dropdown-items, html.ie ul.dropdown-items { | |
| clip: rect(0px 1000px 1000px -10px) | |
| } | |
| div.dropdown-items { | |
| padding: 6px 8px | |
| } | |
| ul.dropdown-items { | |
| padding: 6px 0 3px; | |
| font-size: 12px; | |
| line-height: 18px | |
| } | |
| ul.dropdown-items li { | |
| display: block; | |
| zoom: 1; | |
| white-space: nowrap | |
| } | |
| ul.dropdown-items li.separator { | |
| border-top: 1px solid #ddd | |
| } | |
| ul.dropdown-items li a, ul.dropdown-items li a:link, ul.dropdown-items li a:visited { | |
| padding: 1px 8px; | |
| line-height: 22px; | |
| color: #666; | |
| display: block; | |
| text-decoration: none | |
| } | |
| ul.dropdown-items li a:hover, ul.dropdown-items li a:active, ul.dropdown-items li a:link:hover, ul.dropdown-items li a:link:active, ul.dropdown-items li a:visited:hover, ul.dropdown-items li a:visited:active { | |
| color: #3288e6; | |
| cursor: pointer | |
| } | |
| ul.dropdown-items img { | |
| vertical-align: text-top; | |
| padding-right: 8px | |
| } | |
| .dropdown-items.dropdown-items-enclosed { | |
| -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.15); | |
| -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.15); | |
| box-shadow: 0 1px 7px rgba(0,0,0,0.15) | |
| } | |
| ul.dropdown-items-dorpdown-items-enclosed { | |
| padding-left: 4px | |
| } | |
| ul.dropdown-items-dorpdown-items-enclosed li a { | |
| padding-left: 4px | |
| } | |
| #dropdown-fake-top-border { | |
| background-color: #f0f0f0; | |
| clip: rect(-10px, 1000px, 1px, 0px); | |
| -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15); | |
| -moz-box-shadow: 0 0 7px rgba(0,0,0,0.15); | |
| box-shadow: 0 0 7px rgba(0,0,0,0.15) | |
| } | |
| .dropdown-target.settings-icon { | |
| color: #999 | |
| } | |
| .dropdown-target.settings-icon:before { | |
| line-height: 0.1; | |
| font-weight: normal; | |
| font-family: "Pictos"; | |
| -webkit-font-smoothing: antialiased; | |
| content: "y"; | |
| font-size: 14px | |
| } | |
| .dropdown-target.settings-icon:hover { | |
| text-decoration: none | |
| } | |
| .hs-filter-bar, #filter_bar, .filter_bar { | |
| *zoom: 1; | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| -ms-border-radius: 6px; | |
| -o-border-radius: 6px; | |
| border-radius: 6px; | |
| background-color: #e2e2e2; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #e2e2e2)); | |
| background-image: -webkit-linear-gradient(top, #e4e4e4, #e2e2e2); | |
| background-image: -moz-linear-gradient(top, #e4e4e4, #e2e2e2); | |
| background-image: -o-linear-gradient(top, #e4e4e4, #e2e2e2); | |
| background-image: linear-gradient(top, #e4e4e4,#e2e2e2); | |
| min-height: 48px; | |
| margin-bottom: 20px; | |
| -webkit-box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5); | |
| -moz-box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5); | |
| box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5) | |
| } | |
| .hs-filter-bar:after, #filter_bar:after, .filter_bar:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .hs-filter-bar #filter_bar_filters_wrapper, #filter_bar #filter_bar_filters_wrapper, .filter_bar #filter_bar_filters_wrapper { | |
| display: inline-block; | |
| max-width: 825px; | |
| padding-bottom: 5px | |
| } | |
| .hs-filter-bar .filter_bar_chosen, #filter_bar .filter_bar_chosen, .filter_bar .filter_bar_chosen { | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -ms-border-radius: 5px; | |
| -o-border-radius: 5px; | |
| border-radius: 5px; | |
| float: left; | |
| width: 227px; | |
| margin: 10px 0px 0px 12px; | |
| height: 28px; | |
| position: relative | |
| } | |
| .hs-filter-bar .filter_bar_chosen select, #filter_bar .filter_bar_chosen select, .filter_bar .filter_bar_chosen select { | |
| width: 227px | |
| } | |
| .hs-filter-bar .filter_bar_chosen select.chosen, #filter_bar .filter_bar_chosen select.chosen, .filter_bar .filter_bar_chosen select.chosen { | |
| visibility: hidden; | |
| display: none | |
| } | |
| .hs-filter-bar .filter_bar_chosen.small, #filter_bar .filter_bar_chosen.small, .filter_bar .filter_bar_chosen.small { | |
| width: 194px | |
| } | |
| .hs-filter-bar .filter_bar_chosen.small select, #filter_bar .filter_bar_chosen.small select, .filter_bar .filter_bar_chosen.small select { | |
| width: 194px | |
| } | |
| .hs-filter-bar .filter_bar_chosen .chzn-results, #filter_bar .filter_bar_chosen .chzn-results, .filter_bar .filter_bar_chosen .chzn-results { | |
| max-height: 202.5px | |
| } | |
| .hs-filter-bar .filter_bar_chosen.extra_filter select, #filter_bar .filter_bar_chosen.extra_filter select, .filter_bar .filter_bar_chosen.extra_filter select { | |
| width: 208px | |
| } | |
| .hs-filter-bar .filter_bar_chosen.extra_filter.small select, #filter_bar .filter_bar_chosen.extra_filter.small select, .filter_bar .filter_bar_chosen.extra_filter.small select { | |
| width: 175px | |
| } | |
| .hs-filter-bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove, #filter_bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove, .filter_bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| background-color: #e6e6e6; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: -moz-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: linear-gradient(top, #f6f6f6,#e6e6e6); | |
| -webkit-box-shadow: inset 1px 0px 3px rgba(0,0,0,0.08); | |
| -moz-box-shadow: inset 1px 0px 3px rgba(0,0,0,0.08); | |
| box-shadow: inset 1px 0px 3px rgba(0,0,0,0.08); | |
| -webkit-border-radius: 0px 10px 10px 0px; | |
| -moz-border-radius: 0px 10px 10px 0px; | |
| -ms-border-radius: 0px 10px 10px 0px; | |
| -o-border-radius: 0px 10px 10px 0px; | |
| border-radius: 0px 10px 10px 0px; | |
| -webkit-transition: opacity 0.2s; | |
| -moz-transition: opacity 0.2s; | |
| -o-transition: opacity 0.2s; | |
| transition: opacity 0.2s; | |
| position: absolute; | |
| z-index: 111; | |
| opacity: 0.4; | |
| top: 3px; | |
| right: -1px; | |
| font-size: 18px; | |
| font-weight: bold; | |
| line-height: 10px; | |
| padding: 3px; | |
| width: 13px; | |
| height: 14px; | |
| overflow: hidden; | |
| color: #999; | |
| text-shadow: 0 1px #fff; | |
| border: 1px solid #aaa; | |
| border-left: 0px; | |
| cursor: pointer; | |
| border-top: 1px solid #cacaca; | |
| border-bottom: 1px solid #aeaeae; | |
| border-right: 1px solid #bdbdbd; | |
| text-decoration: none; | |
| -webkit-font-smoothing: antialiased | |
| } | |
| .hs-filter-bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove:hover, #filter_bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove:hover, .filter_bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove:hover { | |
| -webkit-box-shadow: 1px 0px 3px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.5); | |
| -moz-box-shadow: 1px 0px 3px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.5); | |
| box-shadow: 1px 0px 3px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.5) | |
| } | |
| .hs-filter-bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove:active, #filter_bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove:active, .filter_bar .filter_bar_chosen.extra_filter .filter_bar_chosen_remove:active { | |
| -webkit-box-shadow: 1px 0px 3px rgba(0,0,0,0.08), inset 0 1px 2px rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.3); | |
| -moz-box-shadow: 1px 0px 3px rgba(0,0,0,0.08), inset 0 1px 2px rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.3); | |
| box-shadow: 1px 0px 3px rgba(0,0,0,0.08), inset 0 1px 2px rgba(0,0,0,0.3), inset 0 -1px 0 rgba(255,255,255,0.3); | |
| background-color: #f6f6f6; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #f6f6f6)); | |
| background-image: -webkit-linear-gradient(top, #e6e6e6, #f6f6f6); | |
| background-image: -moz-linear-gradient(top, #e6e6e6, #f6f6f6); | |
| background-image: -o-linear-gradient(top, #e6e6e6, #f6f6f6); | |
| background-image: linear-gradient(top, #e6e6e6,#f6f6f6); | |
| border-top: 1px solid #aeaeae; | |
| border-bottom: 1px solid #bcbcbc; | |
| border-right: 1px solid #bdbdbd; | |
| border-left: 1px solid #bdbdbd | |
| } | |
| .hs-filter-bar .filter_bar_chosen.extra_filter:hover .filter_bar_chosen_remove, #filter_bar .filter_bar_chosen.extra_filter:hover .filter_bar_chosen_remove, .filter_bar .filter_bar_chosen.extra_filter:hover .filter_bar_chosen_remove { | |
| display: block; | |
| opacity: 1 | |
| } | |
| .hs-filter-bar .filter_bar_chosen.loading, #filter_bar .filter_bar_chosen.loading, .filter_bar .filter_bar_chosen.loading { | |
| background: #f3f3f3; | |
| -webkit-box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5); | |
| -moz-box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5); | |
| box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5) | |
| } | |
| .hs-filter-bar .filter_bar_chosen.bookmark_chosen, #filter_bar .filter_bar_chosen.bookmark_chosen, .filter_bar .filter_bar_chosen.bookmark_chosen { | |
| float: right; | |
| width: 180px; | |
| margin-right: 12px | |
| } | |
| .hs-filter-bar .filter_bar_chosen.bookmark_chosen select, #filter_bar .filter_bar_chosen.bookmark_chosen select, .filter_bar .filter_bar_chosen.bookmark_chosen select { | |
| width: 180px | |
| } | |
| .hs-filter-bar .filter_bar_chosen .chzn-container-single a.chzn-single > span, #filter_bar .filter_bar_chosen .chzn-container-single a.chzn-single > span, .filter_bar .filter_bar_chosen .chzn-container-single a.chzn-single > span { | |
| position: relative; | |
| padding-left: 24px; | |
| text-shadow: 0 1px #fff | |
| } | |
| .hs-filter-bar .filter_bar_chosen .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen .chzn-container-single a.chzn-single > span:before { | |
| font-family: "Pictos"; | |
| -webkit-font-smoothing: antialiased; | |
| font-size: 18px; | |
| line-height: 1; | |
| position: absolute; | |
| top: -3px; | |
| left: 0; | |
| text-shadow: 0 1px #fff | |
| } | |
| .hs-filter-bar .filter_bar_chosen .chzn-container-single a.chzn-single > div, #filter_bar .filter_bar_chosen .chzn-container-single a.chzn-single > div, .filter_bar .filter_bar_chosen .chzn-container-single a.chzn-single > div { | |
| border-left: 1px solid transparent; | |
| background: transparent | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_state_email .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_state_email .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_state_email .chzn-container-single a.chzn-single > span:before { | |
| content: "M " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_state_landing_page .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_state_landing_page .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_state_landing_page .chzn-container-single a.chzn-single > span:before { | |
| content: "F " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_state_blog_post .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_state_blog_post .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_state_blog_post .chzn-container-single a.chzn-single > span:before { | |
| content: "N " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_campaign .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_campaign .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_campaign .chzn-container-single a.chzn-single > span:before { | |
| content: "G " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_state .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_state .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_state .chzn-container-single a.chzn-single > span:before { | |
| content: "q " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_channel .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_channel .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_channel .chzn-container-single a.chzn-single > span:before { | |
| content: "B " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_tags .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_tags .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_tags .chzn-container-single a.chzn-single > span:before { | |
| content: "z " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_content_type .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_content_type .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_content_type .chzn-container-single a.chzn-single > span:before { | |
| content: "I " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_person .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_person .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_person .chzn-container-single a.chzn-single > span:before { | |
| content: "U " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_content_event .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_content_event .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_content_event .chzn-container-single a.chzn-single > span:before { | |
| content: "3 " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_another_filter .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_another_filter .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_another_filter .chzn-container-single a.chzn-single > span:before { | |
| content: ". " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_analytics .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_analytics .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_analytics .chzn-container-single a.chzn-single > span:before { | |
| content: "Y " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_competitor .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_competitor .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_competitor .chzn-container-single a.chzn-single > span:before { | |
| content: "J " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_grader_report .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_grader_report .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_grader_report .chzn-container-single a.chzn-single > span:before { | |
| content: ", " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_form .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_form .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_form .chzn-container-single a.chzn-single > span:before { | |
| content: "n " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_star .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_star .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_star .chzn-container-single a.chzn-single > span:before { | |
| content: "S " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_date .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_date .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_date .chzn-container-single a.chzn-single > span:before { | |
| content: "\005C"; | |
| top: -4px | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_priority .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_priority .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_priority .chzn-container-single a.chzn-single > span:before { | |
| content: "! " | |
| } | |
| .hs-filter-bar .filter_bar_chosen.icon_frequency .chzn-container-single a.chzn-single > span:before, #filter_bar .filter_bar_chosen.icon_frequency .chzn-container-single a.chzn-single > span:before, .filter_bar .filter_bar_chosen.icon_frequency .chzn-container-single a.chzn-single > span:before { | |
| content: "t " | |
| } | |
| .hs-filter-bar #filter_bar_controller_dropdown, #filter_bar #filter_bar_controller_dropdown, .filter_bar #filter_bar_controller_dropdown { | |
| -webkit-transition: all 0.2s; | |
| -moz-transition: all 0.2s; | |
| -o-transition: all 0.2s; | |
| transition: all 0.2s; | |
| opacity: 0.6; | |
| float: left; | |
| margin: 10px 0px 0px 12px; | |
| -webkit-font-smoothing: antialiased | |
| } | |
| .hs-filter-bar #filter_bar_controller_dropdown:hover, .hs-filter-bar #filter_bar_controller_dropdown.dropdown-open, #filter_bar #filter_bar_controller_dropdown:hover, #filter_bar #filter_bar_controller_dropdown.dropdown-open, .filter_bar #filter_bar_controller_dropdown:hover, .filter_bar #filter_bar_controller_dropdown.dropdown-open { | |
| opacity: 1 | |
| } | |
| .hs-filter-bar .filter_bar_search, #filter_bar .filter_bar_search, .filter_bar .filter_bar_search { | |
| float: right; | |
| margin: 10px 12px 0px | |
| } | |
| .hs-filter-bar .filter_bar_search input[type="search"], #filter_bar .filter_bar_search input[type="search"], .filter_bar .filter_bar_search input[type="search"] { | |
| width: 195px | |
| } | |
| .hs-fancybox .hs-form.custom-range-modal { | |
| padding-left: 0 | |
| } | |
| .hs-fancybox .hs-form.custom-range-modal fieldset div.field { | |
| float: left; | |
| margin: 0px 20px 0px 0px | |
| } | |
| .hs-fancybox .hs-form.custom-range-modal fieldset div.field.to-field { | |
| margin-bottom: 0 | |
| } | |
| #filter_bar_scollpanel_wrapper { | |
| min-height: 48px; | |
| margin-bottom: 20px | |
| } | |
| #filter_bar_scollpanel_wrapper #filter_bar { | |
| -webkit-transition: all 0.4s; | |
| -moz-transition: all 0.4s; | |
| -o-transition: all 0.4s; | |
| transition: all 0.4s; | |
| z-index: 80; | |
| width: 1080px | |
| } | |
| #filter_bar_scollpanel_wrapper #filter_bar.floating { | |
| -webkit-box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5), 0px 2px 9px rgba(0,0,0,0.2); | |
| -moz-box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5), 0px 2px 9px rgba(0,0,0,0.2); | |
| box-shadow: inset 0px 0px 0px 1px rgba(195,195,195,0.5), 0px 2px 9px rgba(0,0,0,0.2); | |
| -webkit-border-radius: 0px 0px 7px 7px; | |
| -moz-border-radius: 0px 0px 7px 7px; | |
| -ms-border-radius: 0px 0px 7px 7px; | |
| -o-border-radius: 0px 0px 7px 7px; | |
| border-radius: 0px 0px 7px 7px; | |
| opacity: 0.92 | |
| } | |
| #filter_bar_scollpanel_wrapper #filter_bar.floating:hover { | |
| opacity: 1 | |
| } | |
| input.hs-input[type=checkbox], input.hs-input[type=radio] { | |
| cursor: pointer | |
| } | |
| input.hs-input, textarea.hs-input, select.hs-input, .hs-input.uneditable-input { | |
| display: inline-block; | |
| width: 210px; | |
| height: 18px; | |
| padding: 4px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| color: #666; | |
| border: 1px solid #ccc; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px | |
| } | |
| textarea.hs-input { | |
| padding-top: 5px | |
| } | |
| html.webkit textarea.hs-input { | |
| padding-top: 6px; | |
| padding-left: 5px | |
| } | |
| input.hs-input[type=checkbox], input.hs-input[type=radio] { | |
| width: auto; | |
| height: auto; | |
| padding: 0; | |
| margin: 3px 0; | |
| *margin-top: 0; | |
| line-height: normal; | |
| border: none | |
| } | |
| input.hs-input[type=file] { | |
| background-color: #fff; | |
| padding: initial; | |
| border: initial; | |
| line-height: initial; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| input.hs-input[type=button], input.hs-input[type=reset], input.hs-input[type=submit] { | |
| width: auto; | |
| height: auto | |
| } | |
| input.hs-input[type=search] { | |
| -webkit-border-radius: 16px; | |
| -moz-border-radius: 16px; | |
| -ms-border-radius: 16px; | |
| -o-border-radius: 16px; | |
| border-radius: 16px; | |
| background-image: url("/style_guide/static-2.12/img/search.png"); | |
| background-repeat: no-repeat; | |
| padding-left: 26px; | |
| padding-right: 6px; | |
| padding-top: 5px; | |
| padding-bottom: 3px; | |
| background-position: 8px 8px | |
| } | |
| html.firefox input.hs-input[type=search] { | |
| position: relative; | |
| top: 1px | |
| } | |
| input.hs-input[type="search"]::-webkit-search-decoration, input.hs-input[type="search"]::-webkit-search-cancel-button, input.hs-input[type="search"]::-webkit-search-results-button, input.hs-input[type="search"]::-webkit-search-results-decoration { | |
| display: none | |
| } | |
| select.hs-input, input.hs-input[type=file] { | |
| height: 27px; | |
| line-height: 27px; | |
| *margin-top: 4px | |
| } | |
| select[multiple].hs-input { | |
| height: inherit | |
| } | |
| textarea.hs-input { | |
| height: auto | |
| } | |
| .hs-input.uneditable-input { | |
| background-color: #fff; | |
| display: block; | |
| border-color: #eee; | |
| -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.075); | |
| -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.075); | |
| box-shadow: inset 0 1px 2px rgba(0,0,0,0.075); | |
| cursor: not-allowed | |
| } | |
| .hs-input:-moz-placeholder { | |
| color: #bfbfbf | |
| } | |
| .hs-input::-webkit-input-placeholder { | |
| color: #bfbfbf | |
| } | |
| input.hs-input, textarea.hs-input { | |
| -webkit-transition: border 0.2s linear, box-shadow 0.2s linear; | |
| -moz-transition: border 0.2s linear, box-shadow 0.2s linear; | |
| -o-transition: border 0.2s linear, box-shadow 0.2s linear; | |
| transition: border 0.2s linear, box-shadow 0.2s linear; | |
| -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.hs-input:focus, textarea.hs-input:focus { | |
| outline: none; | |
| 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.hs-input.error, .hs-form div.field.error input, .hs-form div.field.error textarea, textarea.hs-input.error { | |
| border-color: #c87872; | |
| -webkit-box-shadow: 0 0 3px rgba(171,41,32,0.25); | |
| -moz-box-shadow: 0 0 3px rgba(171,41,32,0.25); | |
| box-shadow: 0 0 3px rgba(171,41,32,0.25) | |
| } | |
| input.hs-input.error:focus, .hs-form div.field.error input:focus, .hs-form div.field.error textarea:focus, textarea.hs-input.error:focus { | |
| border-color: #b9554d; | |
| -webkit-box-shadow: 0 0 6px rgba(171,41,32,0.5); | |
| -moz-box-shadow: 0 0 6px rgba(171,41,32,0.5); | |
| box-shadow: 0 0 6px rgba(171,41,32,0.5) | |
| } | |
| .input-mini.hs-input, input.mini.hs-input, textarea.mini.hs-input, select.mini.hs-input { | |
| width: 60px | |
| } | |
| .input-small.hs-input, input.small.hs-input, textarea.small.hs-input, select.small.hs-input { | |
| width: 90px | |
| } | |
| .input-medium.hs-input, input.medium.hs-input, textarea.medium.hs-input, select.medium.hs-input { | |
| width: 150px | |
| } | |
| .input-large.hs-input, input.large.hs-input, textarea.large.hs-input, select.large.hs-input { | |
| width: 210px | |
| } | |
| .input-xlarge.hs-input, input.xlarge.hs-input, textarea.xlarge.hs-input, select.xlarge.hs-input { | |
| width: 270px | |
| } | |
| .input-xxlarge.hs-input, input.xxlarge.hs-input, textarea.xxlarge.hs-input, select.xxlarge.hs-input { | |
| width: 530px | |
| } | |
| textarea.hs-input.xxlarge { | |
| overflow-y: auto | |
| } | |
| input.hs-input.span1, textarea.hs-input.span1, select.hs-input.span1 { | |
| display: inline-block; | |
| float: none; | |
| width: 30px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span2, textarea.hs-input.span2, select.hs-input.span2 { | |
| display: inline-block; | |
| float: none; | |
| width: 90px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span3, textarea.hs-input.span3, select.hs-input.span3 { | |
| display: inline-block; | |
| float: none; | |
| width: 150px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span4, textarea.hs-input.span4, select.hs-input.span4 { | |
| display: inline-block; | |
| float: none; | |
| width: 210px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span5, textarea.hs-input.span5, select.hs-input.span5 { | |
| display: inline-block; | |
| float: none; | |
| width: 270px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span6, textarea.hs-input.span6, select.hs-input.span6 { | |
| display: inline-block; | |
| float: none; | |
| width: 330px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span7, textarea.hs-input.span7, select.hs-input.span7 { | |
| display: inline-block; | |
| float: none; | |
| width: 390px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span8, textarea.hs-input.span8, select.hs-input.span8 { | |
| display: inline-block; | |
| float: none; | |
| width: 450px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span9, textarea.hs-input.span9, select.hs-input.span9 { | |
| display: inline-block; | |
| float: none; | |
| width: 510px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span10, textarea.hs-input.span10, select.hs-input.span10 { | |
| display: inline-block; | |
| float: none; | |
| width: 570px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span11, textarea.hs-input.span11, select.hs-input.span11 { | |
| display: inline-block; | |
| float: none; | |
| width: 630px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span12, textarea.hs-input.span12, select.hs-input.span12 { | |
| display: inline-block; | |
| float: none; | |
| width: 690px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span13, textarea.hs-input.span13, select.hs-input.span13 { | |
| display: inline-block; | |
| float: none; | |
| width: 750px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span14, textarea.hs-input.span14, select.hs-input.span14 { | |
| display: inline-block; | |
| float: none; | |
| width: 810px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span15, textarea.hs-input.span15, select.hs-input.span15 { | |
| display: inline-block; | |
| float: none; | |
| width: 870px; | |
| margin-left: 0 | |
| } | |
| input.hs-input.span16, textarea.hs-input.span16, select.hs-input.span16 { | |
| display: inline-block; | |
| float: none; | |
| width: 930px; | |
| margin-left: 0 | |
| } | |
| input.hs-input[disabled], select.hs-input[disabled], textarea.hs-input[disabled], input.hs-input[readonly], select.hs-input[readonly], textarea.hs-input[readonly] { | |
| background-color: #f5f5f5; | |
| border-color: #ddd; | |
| cursor: not-allowed | |
| } | |
| .help-inline, .help-block { | |
| font-size: 11px; | |
| line-height: 18px; | |
| color: #bfbfbf | |
| } | |
| .help-inline { | |
| padding-left: 5px; | |
| *position: relative; | |
| *top: -5px | |
| } | |
| .help-block { | |
| display: block; | |
| max-width: 600px | |
| } | |
| .inline-inputs { | |
| color: gray | |
| } | |
| .inline-inputs span, .inline-inputs input { | |
| display: inline-block | |
| } | |
| .inline-inputs input.mini { | |
| width: 60px | |
| } | |
| .inline-inputs input.small { | |
| width: 90px | |
| } | |
| .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; | |
| -ms-border-radius: 0 3px 3px 0; | |
| -o-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 #fff; | |
| -webkit-border-radius: 3px 0 0 3px; | |
| -moz-border-radius: 3px 0 0 3px; | |
| -ms-border-radius: 3px 0 0 3px; | |
| -o-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 | |
| } | |
| .input-append input { | |
| float: left; | |
| -webkit-border-radius: 3px 0 0 3px; | |
| -moz-border-radius: 3px 0 0 3px; | |
| -ms-border-radius: 3px 0 0 3px; | |
| -o-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; | |
| -ms-border-radius: 0 3px 3px 0; | |
| -o-border-radius: 0 3px 3px 0; | |
| border-radius: 0 3px 3px 0; | |
| margin-right: 0; | |
| margin-left: -1px | |
| } | |
| .hs-form { | |
| margin-bottom: 18px | |
| } | |
| .hs-form fieldset { | |
| margin-bottom: 18px; | |
| padding-top: 18px | |
| } | |
| .hs-form fieldset legend { | |
| display: block; | |
| margin-left: 150px; | |
| font-size: 19.5px; | |
| line-height: 1; | |
| *padding: 0 0 5px 145px; | |
| *line-height: 1.5; | |
| color: #404040 | |
| } | |
| .hs-form .clearfix, .hs-form .field, .hs-form .hs-form-field { | |
| *zoom: 1; | |
| margin-bottom: 18px | |
| } | |
| .hs-form .clearfix:after, .hs-form .field:after, .hs-form .hs-form-field:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| .hs-form label { | |
| padding-top: 5px; | |
| font-size: 13px; | |
| line-height: 18px; | |
| font-weight: bold; | |
| float: left; | |
| width: 130px; | |
| text-align: right; | |
| color: #404040 | |
| } | |
| .hs-form .input { | |
| margin-left: 150px | |
| } | |
| .hs-form div.field.error { | |
| background: #fae5e3; | |
| padding: 6px 0; | |
| margin-bottom: 18px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px | |
| } | |
| .hs-form div.field.error > label, .hs-form div.field.error span.help-inline, .hs-form div.field.error span.help-block { | |
| color: #9d261d | |
| } | |
| .hs-form div.field.error .input-prepend span.add-on, .hs-form div.field.error .input-append span.add-on { | |
| background: #f4c8c5; | |
| border-color: #c87872; | |
| color: #b9554d | |
| } | |
| .hs-form .hsErrMsgContainer ul { | |
| margin-top: 6px; | |
| margin-bottom: 0px; | |
| margin-left: 7px; | |
| list-style: none | |
| } | |
| .hs-form .hsErrMsgContainer ul li { | |
| font-size: 12px; | |
| color: #a44e47 | |
| } | |
| .hs-form .hsErrMsgContainer .hs-block-message { | |
| min-width: 200px; | |
| width: 200px | |
| } | |
| .hs-form .hsErrMsgContainer .hs-block-message ul { | |
| margin-top: 0px | |
| } | |
| .hs-form .actions { | |
| background: #f5f5f5; | |
| margin-top: 18px; | |
| margin-bottom: 18px; | |
| padding: 17px 20px 18px 150px; | |
| border-top: 1px solid #ddd; | |
| -webkit-border-radius: 0 0 3px 3px; | |
| -moz-border-radius: 0 0 3px 3px; | |
| -ms-border-radius: 0 0 3px 3px; | |
| -o-border-radius: 0 0 3px 3px; | |
| border-radius: 0 0 3px 3px | |
| } | |
| .hs-form .actions .secondary-action { | |
| float: right | |
| } | |
| .hs-form .actions .secondary-action a { | |
| line-height: 30px | |
| } | |
| .hs-form .actions .secondary-action a:hover { | |
| text-decoration: underline | |
| } | |
| .hs-form .inputs-list { | |
| margin: 0 0 5px; | |
| width: 100% | |
| } | |
| .hs-form .inputs-list li { | |
| display: block; | |
| padding: 0; | |
| width: 100% | |
| } | |
| .hs-form .inputs-list label { | |
| display: block; | |
| float: none; | |
| width: auto; | |
| padding: 0; | |
| line-height: 18px; | |
| text-align: left; | |
| white-space: normal; | |
| font-weight: normal | |
| } | |
| .hs-form .inputs-list label strong { | |
| color: gray | |
| } | |
| .hs-form .inputs-list label small { | |
| font-size: 11px; | |
| font-weight: normal | |
| } | |
| .hs-form .inputs-list .inputs-list { | |
| margin-left: 25px; | |
| margin-bottom: 10px; | |
| padding-top: 0 | |
| } | |
| .hs-form .inputs-list:first-child { | |
| padding-top: 6px | |
| } | |
| .hs-form .inputs-list li+ li { | |
| padding-top: 2px | |
| } | |
| .hs-form .inputs-list input[type=radio], .hs-form .inputs-list input[type=checkbox] { | |
| margin-bottom: 0 | |
| } | |
| .hs-form.stacked { | |
| padding-left: 20px | |
| } | |
| .hs-form.stacked fieldset { | |
| padding-top: 9px | |
| } | |
| .hs-form.stacked legend { | |
| margin-left: 0 | |
| } | |
| .hs-form.stacked label { | |
| display: block; | |
| float: none; | |
| width: auto; | |
| font-weight: bold; | |
| text-align: left; | |
| line-height: 20px; | |
| padding-top: 0 | |
| } | |
| .hs-form.stacked .field { | |
| margin-bottom: 9px | |
| } | |
| .hs-form.stacked .field div.input { | |
| margin-left: 0 | |
| } | |
| .hs-form.stacked .inputs-list { | |
| margin-bottom: 0 | |
| } | |
| .hs-form.stacked .inputs-list li { | |
| padding-top: 0 | |
| } | |
| .hs-form.stacked .inputs-list li label { | |
| font-weight: normal; | |
| padding-top: 0 | |
| } | |
| .hs-form.stacked div.error { | |
| padding: 3px 10px 6px; | |
| margin-top: 0; | |
| margin-left: -10px; | |
| margin-bottom: 9px | |
| } | |
| .hs-form.stacked .actions { | |
| margin-left: -20px; | |
| padding-left: 20px | |
| } | |
| .base-header-styles, header.hs-main > h1 { | |
| font-weight: normal; | |
| letter-spacing: 0; | |
| padding: 0 0 4px; | |
| margin: 0; | |
| font-size: 25px; | |
| line-height: 25px | |
| } | |
| header.hs-main { | |
| display: block; | |
| position: relative; | |
| margin: 20px 0 18px 10px; | |
| padding: 0 | |
| } | |
| header.hs-main > h1 { | |
| color: #444 | |
| } | |
| header.hs-main > h2 { | |
| font-family: Helvetica, Arial, sans-serif; | |
| letter-spacing: 0; | |
| padding: 0; | |
| margin: 0 0 5px 0; | |
| color: #909090; | |
| font-size: 13px; | |
| line-height: 13px; | |
| font-style: normal; | |
| font-weight: normal | |
| } | |
| header.hs-main.bordered { | |
| border-bottom: 1px solid #ddd | |
| } | |
| header ul.breadcrumbs { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| overflow: hidden; | |
| *zoom: 1; | |
| *zoom: 1; | |
| margin: 0 0 3px -14px; | |
| padding: 0 | |
| } | |
| header ul.breadcrumbs li { | |
| list-style-image: none; | |
| list-style-type: none; | |
| margin-left: 0; | |
| white-space: nowrap; | |
| display: inline; | |
| float: left | |
| } | |
| header ul.breadcrumbs:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| header ul.breadcrumbs li { | |
| color: #ccc | |
| } | |
| header ul.breadcrumbs li a { | |
| color: #3288e6; | |
| display: block; | |
| line-height: 18px; | |
| padding: 4px 8px; | |
| padding-right: 7px; | |
| padding-left: 14px | |
| } | |
| header ul.breadcrumbs li a.current, header ul.breadcrumbs li a.no-link { | |
| color: #888; | |
| cursor: default | |
| } | |
| header ul.breadcrumbs li a.current:hover, header ul.breadcrumbs li a.no-link:hover { | |
| text-decoration: none; | |
| color: #888 | |
| } | |
| header ul.breadcrumbs li:before { | |
| float: left; | |
| content: '▶'; | |
| font-size: 70%; | |
| padding: 4px; | |
| padding-left: 0 | |
| } | |
| html.windows header ul.breadcrumbs li:before { | |
| font-size: 16px | |
| } | |
| header ul.breadcrumbs li:first-child a, header ul.breadcrumbs li.first a { | |
| padding-right: 8px; | |
| font-weight: bold; | |
| line-height: 17px | |
| } | |
| header ul.breadcrumbs li:first-child:before, header ul.breadcrumbs li.first:before { | |
| content: none | |
| } | |
| header.with-breadcrumbs, header.subheader-right, header.subheader-left { | |
| *zoom: 1 | |
| } | |
| header.with-breadcrumbs:after, header.subheader-right:after, header.subheader-left:after { | |
| content: ""; | |
| display: table; | |
| clear: both | |
| } | |
| header.with-breadcrumbs h1, header.with-breadcrumbs h2, header.with-breadcrumbs h3, header.with-breadcrumbs h4, header.with-breadcrumbs h5, header.with-breadcrumbs h6, header.subheader-right h1, header.subheader-right h2, header.subheader-right h3, header.subheader-right h4, header.subheader-right h5, header.subheader-right h6, header.subheader-left h1, header.subheader-left h2, header.subheader-left h3, header.subheader-left h4, header.subheader-left h5, header.subheader-left h6 { | |
| clear: both | |
| } | |
| header.subheader-right h1 > small, header.subheader-right h2 > small, header.subheader-right h3 > small, header.subheader-right h4 > small, header.subheader-right h5 > small, header.subheader-right h6 > small { | |
| float: right; | |
| margin-top: 8px | |
| } | |
| html.ie9-and-less header.subheader-right small { | |
| margin-top: 7px | |
| } | |
| header.subheader-left h1, header.subheader-left h2, header.subheader-left h3, header.subheader-left h4, header.subheader-left h5, header.subheader-left h6 { | |
| margin-right: 6px | |
| } | |
| .hs-sidebar { | |
| width: 100%; | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| .hs-sidebar a { | |
| color: #3288e6; | |
| cursor: pointer; | |
| font-size: 13px; | |
| line-height: 18px | |
| } | |
| .hs-sidebar a:hover { | |
| color: #1662b5 | |
| } | |
| .hs-sidebar a.selected { | |
| color: #000; | |
| cursor: default | |
| } | |
| .hs-sidebar a.selected:hover { | |
| text-decoration: none | |
| } | |
| .hs-sidebar p { | |
| color: #666 | |
| } | |
| .hs-sidebar p a { | |
| -ms-word-break: normal; | |
| word-break: normal; | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| white-space: pre-line; | |
| white-space: -pre-wrap; | |
| white-space: -o-pre-wrap; | |
| white-space: -moz-pre-wrap; | |
| white-space: -hp-pre-wrap; | |
| word-wrap: break-word | |
| } | |
| .hs-sidebar > li { | |
| margin-bottom: 30px | |
| } | |
| .hs-sidebar > li h4 { | |
| line-height: 1.2em; | |
| font-size: 13px; | |
| font-weight: normal; | |
| color: #999; | |
| padding: 0; | |
| margin: 0 0 20px 0 | |
| } | |
| .hs-sidebar > li .hs-button { | |
| display: block | |
| } | |
| .hs-sidebar > li ul { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| .hs-sidebar > li ul > li { | |
| margin-bottom: 10px | |
| } | |
| .hs-sidebar > li ul > li a { | |
| display: block | |
| } | |
| .hs-sidebar > li ul > li a:hover .link-right { | |
| color: #666 | |
| } | |
| .hs-sidebar > li ul > li .info { | |
| font-size: 12px; | |
| float: right; | |
| color: #999 | |
| } | |
| .hs-sidebar > li ul > li.selected a, .hs-sidebar > li ul > li.selected .info { | |
| color: #000; | |
| cursor: default | |
| } | |
| .hs-sidebar > li ul > li.selected a:hover, .hs-sidebar > li ul > li.selected .info:hover { | |
| text-decoration: none | |
| } | |
| .hs-sidebar > li ul > li.disabled { | |
| color: #ccc; | |
| position: relative | |
| } | |
| .hs-sidebar > li ul > li.disabled a { | |
| color: #ccc; | |
| cursor: default | |
| } | |
| .hs-sidebar > li ul > li.disabled a:hover { | |
| text-decoration: none | |
| } | |
| .hs-sidebar > li ul > li.disabled .info { | |
| color: #ccc; | |
| float: none; | |
| position: absolute; | |
| right: 0; | |
| top: 0 | |
| } | |
| .hs-sidebar > li ul.with-copy > li a { | |
| text-decoration: none; | |
| font-size: 0 | |
| } | |
| .hs-sidebar > li ul.with-copy > li a .title, .hs-sidebar > li ul.with-copy > li a .description { | |
| font-size: 13px | |
| } | |
| .hs-sidebar > li ul.with-copy > li a .description { | |
| color: #888 | |
| } | |
| .hs-sidebar > li ul.with-copy > li a:hover .title { | |
| text-decoration: underline | |
| } | |
| .hs-sidebar > li ul.with-copy > li a:hover .description { | |
| color: #444 | |
| } | |
| .hs-sidebar > li ul.with-icons > li a:before { | |
| width: 16px; | |
| height: 16px; | |
| display: inline-block; | |
| float: left; | |
| text-align: center; | |
| padding-right: 8px | |
| } | |
| .hs-sidebar > li ul.with-icons > li a .description { | |
| position: relative; | |
| right: -24px; | |
| padding-right: 24px | |
| } | |
| .hs-sidebar > li.separator { | |
| height: 1px; | |
| width: 100%; | |
| background-color: #eee | |
| } | |
| .iPhoneCheckContainer { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| position: relative; | |
| height: 27px; | |
| cursor: pointer; | |
| overflow: hidden | |
| } | |
| .iPhoneCheckContainer.mini { | |
| height: 20px | |
| } | |
| .iPhoneCheckContainer.tiny { | |
| height: 17px | |
| } | |
| .iPhoneCheckContainer input { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
| opacity: 0; | |
| position: absolute; | |
| top: 5px; | |
| left: 30px | |
| } | |
| .iPhoneCheckContainer label { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| white-space: nowrap; | |
| font-size: 17px; | |
| line-height: 17px; | |
| font-weight: bold; | |
| font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; | |
| text-transform: uppercase; | |
| cursor: pointer; | |
| display: block; | |
| height: 21px; | |
| position: absolute; | |
| width: auto; | |
| top: 0; | |
| padding-top: 4px; | |
| overflow: hidden; | |
| min-width: 4px; | |
| float: none; | |
| text-align: left | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn.mini, .iPhoneCheckContainer label.iPhoneCheckLabelOff.mini { | |
| height: 14px; | |
| font-size: 13px; | |
| line-height: 18px; | |
| padding-top: 0px; | |
| padding-bottom: 4px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn.tiny, .iPhoneCheckContainer label.iPhoneCheckLabelOff.tiny { | |
| height: 12px; | |
| font-size: 11px; | |
| line-height: 15px; | |
| padding-top: 0px; | |
| padding-bottom: 3px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn { | |
| -webkit-border-radius: 4px 0px 0px 4px; | |
| -moz-border-radius: 4px 0px 0px 4px; | |
| -ms-border-radius: 4px 0px 0px 4px; | |
| -o-border-radius: 4px 0px 0px 4px; | |
| border-radius: 4px 0px 0px 4px; | |
| -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3), inset 0px -13px 0px 0px rgba(255,255,255,0.05); | |
| -moz-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3), inset 0px -13px 0px 0px rgba(255,255,255,0.05); | |
| box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3), inset 0px -13px 0px 0px rgba(255,255,255,0.05); | |
| background-color: #7ec8f4; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3574e3), color-stop(100%, #7ec8f4)); | |
| background-image: -webkit-linear-gradient(top, #3574e3, #7ec8f4); | |
| background-image: -moz-linear-gradient(top, #3574e3, #7ec8f4); | |
| background-image: -o-linear-gradient(top, #3574e3, #7ec8f4); | |
| background-image: linear-gradient(top, #3574e3,#7ec8f4); | |
| border-top: 1px solid #003a6a; | |
| border-bottom: 1px solid #3f88be; | |
| border-left: 1px solid #256ca0; | |
| text-shadow: 0px 0px 2px rgba(0,0,0,0.6); | |
| color: #fff; | |
| left: 0; | |
| padding-top: 4px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn span { | |
| padding-left: 8px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn.mini { | |
| -webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2), inset 0px -9px 0px 0px rgba(255,255,255,0.025); | |
| -moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2), inset 0px -9px 0px 0px rgba(255,255,255,0.025); | |
| box-shadow: inset 2px 2px 4px rgba(0,0,0,0.2), inset 0px -9px 0px 0px rgba(255,255,255,0.025) | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn.mini span { | |
| padding-left: 6px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn.tiny { | |
| -webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.15), inset 0px -7px 0px 0px rgba(255,255,255,0.025); | |
| -moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.15), inset 0px -7px 0px 0px rgba(255,255,255,0.025); | |
| box-shadow: inset 2px 2px 3px rgba(0,0,0,0.15), inset 0px -7px 0px 0px rgba(255,255,255,0.025) | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn.tiny span { | |
| padding-left: 4px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOn.green { | |
| background-color: #529952; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #70b270), color-stop(100%, #529952)); | |
| background-image: -webkit-linear-gradient(top, #70b270, #529952); | |
| background-image: -moz-linear-gradient(top, #70b270, #529952); | |
| background-image: -o-linear-gradient(top, #70b270, #529952); | |
| background-image: linear-gradient(top, #70b270,#529952); | |
| border-top: 1px solid #2b6f16; | |
| border-bottom: 1px solid #2b6f16; | |
| border-left: 1px solid #368b1c | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOff { | |
| -webkit-border-radius: 0px 4px 4px 0px; | |
| -moz-border-radius: 0px 4px 4px 0px; | |
| -ms-border-radius: 0px 4px 4px 0px; | |
| -o-border-radius: 0px 4px 4px 0px; | |
| border-radius: 0px 4px 4px 0px; | |
| -webkit-box-shadow: inset -2px 2px 5px rgba(0,0,0,0.3), inset 0px -13px 0px 0px rgba(255,255,255,0.05); | |
| -moz-box-shadow: inset -2px 2px 5px rgba(0,0,0,0.3), inset 0px -13px 0px 0px rgba(255,255,255,0.05); | |
| box-shadow: inset -2px 2px 5px rgba(0,0,0,0.3), inset 0px -13px 0px 0px rgba(255,255,255,0.05); | |
| background-color: #ccc; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d6d6d6), color-stop(100%, #ccc)); | |
| background-image: -webkit-linear-gradient(top, #d6d6d6, #ccc); | |
| background-image: -moz-linear-gradient(top, #d6d6d6, #ccc); | |
| background-image: -o-linear-gradient(top, #d6d6d6, #ccc); | |
| background-image: linear-gradient(top, #d6d6d6,#cccccc); | |
| border-top: 1px solid #b8b8b8; | |
| border-bottom: 1px solid #adadad; | |
| border-right: 1px solid #b4b4b4; | |
| border-color: #939393; | |
| color: #8b8b8b; | |
| text-shadow: 0px 0px 2px rgba(255,255,255,0.6); | |
| text-align: right; | |
| right: 0 | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOff span { | |
| padding-right: 8px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOff.mini { | |
| -webkit-box-shadow: inset -2px 2px 4px rgba(0,0,0,0.2), inset 0px -9px 0px 0px rgba(255,255,255,0.025); | |
| -moz-box-shadow: inset -2px 2px 4px rgba(0,0,0,0.2), inset 0px -9px 0px 0px rgba(255,255,255,0.025); | |
| box-shadow: inset -2px 2px 4px rgba(0,0,0,0.2), inset 0px -9px 0px 0px rgba(255,255,255,0.025) | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOff.mini span { | |
| padding-right: 6px | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOff.tiny { | |
| -webkit-box-shadow: inset -2px 2px 3px rgba(0,0,0,0.15), inset 0px -7px 0px 0px rgba(255,255,255,0.025); | |
| -moz-box-shadow: inset -2px 2px 3px rgba(0,0,0,0.15), inset 0px -7px 0px 0px rgba(255,255,255,0.025); | |
| box-shadow: inset -2px 2px 3px rgba(0,0,0,0.15), inset 0px -7px 0px 0px rgba(255,255,255,0.025) | |
| } | |
| .iPhoneCheckContainer label.iPhoneCheckLabelOff.tiny span { | |
| padding-right: 4px | |
| } | |
| .iPhoneCheckContainer div.iPhoneCheckHandle { | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); | |
| box-shadow: 0px 0px 5px rgba(0,0,0,0.3); | |
| border: 1px solid #939393; | |
| background-color: #eee; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #eee)); | |
| background-image: -webkit-linear-gradient(top, #ccc, #eee); | |
| background-image: -moz-linear-gradient(top, #ccc, #eee); | |
| background-image: -o-linear-gradient(top, #ccc, #eee); | |
| background-image: linear-gradient(top, #cccccc,#eeeeee); | |
| display: block; | |
| height: 25px; | |
| cursor: pointer; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 23px; | |
| padding: 0px 1px 0px 3px | |
| } | |
| .iPhoneCheckContainer div.iPhoneCheckHandle.mini { | |
| height: 18px; | |
| width: 16px | |
| } | |
| .iPhoneCheckContainer div.iPhoneCheckHandle.tiny { | |
| height: 15px; | |
| width: 11px | |
| } | |
| .iPhoneCheckDisabled { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); | |
| opacity: 0.5; | |
| cursor: not-allowed | |
| } | |
| .iPhoneCheckDisabled label, .iPhoneCheckDisabled div.iPhoneCheckHandle { | |
| cursor: not-allowed | |
| } | |
| .ui-datepicker { | |
| width: 17em; | |
| padding: .2em .2em 0 | |
| } | |
| .ui-datepicker .ui-datepicker-header { | |
| position: relative; | |
| padding: .2em 0 | |
| } | |
| .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { | |
| position: absolute; | |
| top: 2px; | |
| width: 1.8em; | |
| height: 1.8em | |
| } | |
| .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { | |
| top: 1px | |
| } | |
| .ui-datepicker .ui-datepicker-prev { | |
| left: 2px | |
| } | |
| .ui-datepicker .ui-datepicker-next { | |
| right: 2px | |
| } | |
| .ui-datepicker .ui-datepicker-prev-hover { | |
| left: 1px | |
| } | |
| .ui-datepicker .ui-datepicker-next-hover { | |
| right: 1px | |
| } | |
| .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { | |
| display: block; | |
| position: absolute; | |
| left: 50%; | |
| margin-left: -8px; | |
| top: 50%; | |
| margin-top: -8px | |
| } | |
| .ui-datepicker .ui-datepicker-title { | |
| margin: 0 2.3em; | |
| line-height: 1.8em; | |
| text-align: center | |
| } | |
| .ui-datepicker .ui-datepicker-title select { | |
| float: left; | |
| font-size: 1em; | |
| margin: 1px 0 | |
| } | |
| .ui-datepicker select.ui-datepicker-month-year { | |
| width: 100% | |
| } | |
| .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { | |
| width: 49% | |
| } | |
| .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { | |
| float: right | |
| } | |
| .ui-datepicker table { | |
| width: 100%; | |
| font-size: .9em; | |
| border-collapse: collapse; | |
| margin: 0 0 .4em | |
| } | |
| .ui-datepicker th { | |
| padding: .7em .3em; | |
| text-align: center; | |
| font-weight: bold; | |
| border: 0 | |
| } | |
| .ui-datepicker td { | |
| border: 0; | |
| padding: 1px | |
| } | |
| .ui-datepicker td span, .ui-datepicker td a { | |
| display: block; | |
| padding: .2em; | |
| text-align: right; | |
| text-decoration: none | |
| } | |
| .ui-datepicker .ui-datepicker-buttonpane { | |
| background-image: none; | |
| margin: .7em 0 0 0; | |
| padding: 0 .2em; | |
| border-left: 0; | |
| border-right: 0; | |
| border-bottom: 0 | |
| } | |
| .ui-datepicker .ui-datepicker-buttonpane button { | |
| float: right; | |
| margin: .5em .2em .4em; | |
| cursor: pointer; | |
| padding: .2em .6em .3em .6em; | |
| width: auto; | |
| overflow: visible | |
| } | |
| .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { | |
| float: left | |
| } | |
| .ui-datepicker.ui-datepicker-multi { | |
| width: auto | |
| } | |
| .ui-datepicker-multi .ui-datepicker-group { | |
| float: left | |
| } | |
| .ui-datepicker-multi .ui-datepicker-group table { | |
| width: 95%; | |
| margin: 0 auto .4em | |
| } | |
| .ui-datepicker-multi-2 .ui-datepicker-group { | |
| width: 50% | |
| } | |
| .ui-datepicker-multi-3 .ui-datepicker-group { | |
| width: 33.3% | |
| } | |
| .ui-datepicker-multi-4 .ui-datepicker-group { | |
| width: 25% | |
| } | |
| .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { | |
| border-left-width: 0 | |
| } | |
| .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { | |
| border-left-width: 0 | |
| } | |
| .ui-datepicker-multi .ui-datepicker-buttonpane { | |
| clear: left | |
| } | |
| .ui-datepicker-row-break { | |
| clear: both; | |
| width: 100% | |
| } | |
| .ui-datepicker-rtl { | |
| direction: rtl | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-prev { | |
| right: 2px; | |
| left: auto | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-next { | |
| left: 2px; | |
| right: auto | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-prev:hover { | |
| right: 1px; | |
| left: auto | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-next:hover { | |
| left: 1px; | |
| right: auto | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-buttonpane { | |
| clear: right | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-buttonpane button { | |
| float: left | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { | |
| float: right | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-group { | |
| float: right | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { | |
| border-right-width: 0; | |
| border-left-width: 1px | |
| } | |
| .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { | |
| border-right-width: 0; | |
| border-left-width: 1px | |
| } | |
| .ui-datepicker-cover { | |
| display: none; | |
| display/**/: block; | |
| position: absolute; | |
| z-index: -1; | |
| filter: mask(); | |
| top: -4px; | |
| left: -4px; | |
| width: 200px; | |
| height: 200px | |
| } | |
| .ui-widget { | |
| font-family: Verdana, Arial, sans-serif; | |
| font-size: 1.1em | |
| } | |
| .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { | |
| font-family: Verdana, Arial, sans-serif; | |
| font-size: 1em | |
| } | |
| .ui-widget-content { | |
| border: 1px solid #aaa; | |
| background: #fff url(/common_assets/static-1.88/img/jquery.ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; | |
| color: #222 | |
| } | |
| .ui-widget-content a { | |
| color: #222 | |
| } | |
| .ui-widget-header { | |
| border: 1px solid #aaa; | |
| background: #ccc url(/common_assets/static-1.88/img/jquery.ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; | |
| color: #222; | |
| font-weight: bold | |
| } | |
| .ui-widget-header a { | |
| color: #222 | |
| } | |
| .ui-state-default, .ui-widget-content .ui-state-default { | |
| border: 1px solid #d3d3d3; | |
| background: #e6e6e6 url(/common_assets/static-1.88/img/jquery.ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; | |
| font-weight: normal; | |
| color: #555; | |
| outline: none | |
| } | |
| .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { | |
| color: #555; | |
| text-decoration: none; | |
| outline: none | |
| } | |
| .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { | |
| border: 1px solid #999; | |
| background: #dadada url(/common_assets/static-1.88/img/jquery.ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; | |
| font-weight: normal; | |
| color: #212121; | |
| outline: none | |
| } | |
| .ui-state-hover a, .ui-state-hover a:hover { | |
| color: #212121; | |
| text-decoration: none; | |
| outline: none | |
| } | |
| .ui-state-active, .ui-widget-content .ui-state-active { | |
| border: 1px solid #aaa; | |
| background: #fff url(/common_assets/static-1.88/img/jquery.ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; | |
| font-weight: normal; | |
| color: #212121; | |
| outline: none | |
| } | |
| .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { | |
| color: #212121; | |
| outline: none; | |
| text-decoration: none | |
| } | |
| .ui-state-highlight, .ui-widget-content .ui-state-highlight { | |
| border: 1px solid #fcefa1; | |
| background: #fbf9ee url(/common_assets/static-1.88/img/jquery.ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; | |
| color: #363636 | |
| } | |
| .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { | |
| color: #363636 | |
| } | |
| .ui-state-error, .ui-widget-content .ui-state-error { | |
| border: 1px solid #cd0a0a; | |
| background: #fef1ec url(/common_assets/static-1.88/img/jquery.ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; | |
| color: #cd0a0a | |
| } | |
| .ui-state-error a, .ui-widget-content .ui-state-error a { | |
| color: #cd0a0a | |
| } | |
| .ui-state-error-text, .ui-widget-content .ui-state-error-text { | |
| color: #cd0a0a | |
| } | |
| .ui-state-disabled, .ui-widget-content .ui-state-disabled { | |
| opacity: .35; | |
| filter: Alpha(Opacity=35); | |
| background-image: none | |
| } | |
| .ui-priority-primary, .ui-widget-content .ui-priority-primary { | |
| font-weight: bold | |
| } | |
| .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { | |
| opacity: .7; | |
| filter: Alpha(Opacity=70); | |
| font-weight: normal | |
| } | |
| .ui-icon { | |
| width: 16px; | |
| height: 16px; | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_222222_256x240.png) | |
| } | |
| .ui-widget-content .ui-icon { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_222222_256x240.png) | |
| } | |
| .ui-widget-header .ui-icon { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_222222_256x240.png) | |
| } | |
| .ui-state-default .ui-icon { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_888888_256x240.png) | |
| } | |
| .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_454545_256x240.png) | |
| } | |
| .ui-state-active .ui-icon { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_454545_256x240.png) | |
| } | |
| .ui-state-highlight .ui-icon { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_2e83ff_256x240.png) | |
| } | |
| .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_cd0a0a_256x240.png) | |
| } | |
| .ui-icon-carat-1-n { | |
| background-position: 0 0 | |
| } | |
| .ui-icon-carat-1-ne { | |
| background-position: -16px 0 | |
| } | |
| .ui-icon-carat-1-e { | |
| background-position: -32px 0 | |
| } | |
| .ui-icon-carat-1-se { | |
| background-position: -48px 0 | |
| } | |
| .ui-icon-carat-1-s { | |
| background-position: -64px 0 | |
| } | |
| .ui-icon-carat-1-sw { | |
| background-position: -80px 0 | |
| } | |
| .ui-icon-carat-1-w { | |
| background-position: -96px 0 | |
| } | |
| .ui-icon-carat-1-nw { | |
| background-position: -112px 0 | |
| } | |
| .ui-icon-carat-2-n-s { | |
| background-position: -128px 0 | |
| } | |
| .ui-icon-carat-2-e-w { | |
| background-position: -144px 0 | |
| } | |
| .ui-icon-triangle-1-n { | |
| background-position: 0 -16px | |
| } | |
| .ui-icon-triangle-1-ne { | |
| background-position: -16px -16px | |
| } | |
| .ui-icon-triangle-1-e { | |
| background-position: -32px -16px | |
| } | |
| .ui-icon-triangle-1-se { | |
| background-position: -48px -16px | |
| } | |
| .ui-icon-triangle-1-s { | |
| background-position: -64px -16px | |
| } | |
| .ui-icon-triangle-1-sw { | |
| background-position: -80px -16px | |
| } | |
| .ui-icon-triangle-1-w { | |
| background-position: -96px -16px | |
| } | |
| .ui-icon-triangle-1-nw { | |
| background-position: -112px -16px | |
| } | |
| .ui-icon-triangle-2-n-s { | |
| background-position: -128px -16px | |
| } | |
| .ui-icon-triangle-2-e-w { | |
| background-position: -144px -16px | |
| } | |
| .ui-icon-arrow-1-n { | |
| background-position: 0 -32px | |
| } | |
| .ui-icon-arrow-1-ne { | |
| background-position: -16px -32px | |
| } | |
| .ui-icon-arrow-1-e { | |
| background-position: -32px -32px | |
| } | |
| .ui-icon-arrow-1-se { | |
| background-position: -48px -32px | |
| } | |
| .ui-icon-arrow-1-s { | |
| background-position: -64px -32px | |
| } | |
| .ui-icon-arrow-1-sw { | |
| background-position: -80px -32px | |
| } | |
| .ui-icon-arrow-1-w { | |
| background-position: -96px -32px | |
| } | |
| .ui-icon-arrow-1-nw { | |
| background-position: -112px -32px | |
| } | |
| .ui-icon-arrow-2-n-s { | |
| background-position: -128px -32px | |
| } | |
| .ui-icon-arrow-2-ne-sw { | |
| background-position: -144px -32px | |
| } | |
| .ui-icon-arrow-2-e-w { | |
| background-position: -160px -32px | |
| } | |
| .ui-icon-arrow-2-se-nw { | |
| background-position: -176px -32px | |
| } | |
| .ui-icon-arrowstop-1-n { | |
| background-position: -192px -32px | |
| } | |
| .ui-icon-arrowstop-1-e { | |
| background-position: -208px -32px | |
| } | |
| .ui-icon-arrowstop-1-s { | |
| background-position: -224px -32px | |
| } | |
| .ui-icon-arrowstop-1-w { | |
| background-position: -240px -32px | |
| } | |
| .ui-icon-arrowthick-1-n { | |
| background-position: 0 -48px | |
| } | |
| .ui-icon-arrowthick-1-ne { | |
| background-position: -16px -48px | |
| } | |
| .ui-icon-arrowthick-1-e { | |
| background-position: -32px -48px | |
| } | |
| .ui-icon-arrowthick-1-se { | |
| background-position: -48px -48px | |
| } | |
| .ui-icon-arrowthick-1-s { | |
| background-position: -64px -48px | |
| } | |
| .ui-icon-arrowthick-1-sw { | |
| background-position: -80px -48px | |
| } | |
| .ui-icon-arrowthick-1-w { | |
| background-position: -96px -48px | |
| } | |
| .ui-icon-arrowthick-1-nw { | |
| background-position: -112px -48px | |
| } | |
| .ui-icon-arrowthick-2-n-s { | |
| background-position: -128px -48px | |
| } | |
| .ui-icon-arrowthick-2-ne-sw { | |
| background-position: -144px -48px | |
| } | |
| .ui-icon-arrowthick-2-e-w { | |
| background-position: -160px -48px | |
| } | |
| .ui-icon-arrowthick-2-se-nw { | |
| background-position: -176px -48px | |
| } | |
| .ui-icon-arrowthickstop-1-n { | |
| background-position: -192px -48px | |
| } | |
| .ui-icon-arrowthickstop-1-e { | |
| background-position: -208px -48px | |
| } | |
| .ui-icon-arrowthickstop-1-s { | |
| background-position: -224px -48px | |
| } | |
| .ui-icon-arrowthickstop-1-w { | |
| background-position: -240px -48px | |
| } | |
| .ui-icon-arrowreturnthick-1-w { | |
| background-position: 0 -64px | |
| } | |
| .ui-icon-arrowreturnthick-1-n { | |
| background-position: -16px -64px | |
| } | |
| .ui-icon-arrowreturnthick-1-e { | |
| background-position: -32px -64px | |
| } | |
| .ui-icon-arrowreturnthick-1-s { | |
| background-position: -48px -64px | |
| } | |
| .ui-icon-arrowreturn-1-w { | |
| background-position: -64px -64px | |
| } | |
| .ui-icon-arrowreturn-1-n { | |
| background-position: -80px -64px | |
| } | |
| .ui-icon-arrowreturn-1-e { | |
| background-position: -96px -64px | |
| } | |
| .ui-icon-arrowreturn-1-s { | |
| background-position: -112px -64px | |
| } | |
| .ui-icon-arrowrefresh-1-w { | |
| background-position: -128px -64px | |
| } | |
| .ui-icon-arrowrefresh-1-n { | |
| background-position: -144px -64px | |
| } | |
| .ui-icon-arrowrefresh-1-e { | |
| background-position: -160px -64px | |
| } | |
| .ui-icon-arrowrefresh-1-s { | |
| background-position: -176px -64px | |
| } | |
| .ui-icon-arrow-4 { | |
| background-position: 0 -80px | |
| } | |
| .ui-icon-arrow-4-diag { | |
| background-position: -16px -80px | |
| } | |
| .ui-icon-extlink { | |
| background-position: -32px -80px | |
| } | |
| .ui-icon-newwin { | |
| background-position: -48px -80px | |
| } | |
| .ui-icon-refresh { | |
| background-position: -64px -80px | |
| } | |
| .ui-icon-shuffle { | |
| background-position: -80px -80px | |
| } | |
| .ui-icon-transfer-e-w { | |
| background-position: -96px -80px | |
| } | |
| .ui-icon-transferthick-e-w { | |
| background-position: -112px -80px | |
| } | |
| .ui-icon-folder-collapsed { | |
| background-position: 0 -96px | |
| } | |
| .ui-icon-folder-open { | |
| background-position: -16px -96px | |
| } | |
| .ui-icon-document { | |
| background-position: -32px -96px | |
| } | |
| .ui-icon-document-b { | |
| background-position: -48px -96px | |
| } | |
| .ui-icon-note { | |
| background-position: -64px -96px | |
| } | |
| .ui-icon-mail-closed { | |
| background-position: -80px -96px | |
| } | |
| .ui-icon-mail-open { | |
| background-position: -96px -96px | |
| } | |
| .ui-icon-suitcase { | |
| background-position: -112px -96px | |
| } | |
| .ui-icon-comment { | |
| background-position: -128px -96px | |
| } | |
| .ui-icon-person { | |
| background-position: -144px -96px | |
| } | |
| .ui-icon-print { | |
| background-position: -160px -96px | |
| } | |
| .ui-icon-trash { | |
| background-position: -176px -96px | |
| } | |
| .ui-icon-locked { | |
| background-position: -192px -96px | |
| } | |
| .ui-icon-unlocked { | |
| background-position: -208px -96px | |
| } | |
| .ui-icon-bookmark { | |
| background-position: -224px -96px | |
| } | |
| .ui-icon-tag { | |
| background-position: -240px -96px | |
| } | |
| .ui-icon-home { | |
| background-position: 0 -112px | |
| } | |
| .ui-icon-flag { | |
| background-position: -16px -112px | |
| } | |
| .ui-icon-calendar { | |
| background-position: -32px -112px | |
| } | |
| .ui-icon-cart { | |
| background-position: -48px -112px | |
| } | |
| .ui-icon-pencil { | |
| background-position: -64px -112px | |
| } | |
| .ui-icon-clock { | |
| background-position: -80px -112px | |
| } | |
| .ui-icon-disk { | |
| background-position: -96px -112px | |
| } | |
| .ui-icon-calculator { | |
| background-position: -112px -112px | |
| } | |
| .ui-icon-zoomin { | |
| background-position: -128px -112px | |
| } | |
| .ui-icon-zoomout { | |
| background-position: -144px -112px | |
| } | |
| .ui-icon-search { | |
| background-position: -160px -112px | |
| } | |
| .ui-icon-wrench { | |
| background-position: -176px -112px | |
| } | |
| .ui-icon-gear { | |
| background-position: -192px -112px | |
| } | |
| .ui-icon-heart { | |
| background-position: -208px -112px | |
| } | |
| .ui-icon-star { | |
| background-position: -224px -112px | |
| } | |
| .ui-icon-link { | |
| background-position: -240px -112px | |
| } | |
| .ui-icon-cancel { | |
| background-position: 0 -128px | |
| } | |
| .ui-icon-plus { | |
| background-position: -16px -128px | |
| } | |
| .ui-icon-plusthick { | |
| background-position: -32px -128px | |
| } | |
| .ui-icon-minus { | |
| background-position: -48px -128px | |
| } | |
| .ui-icon-minusthick { | |
| background-position: -64px -128px | |
| } | |
| .ui-icon-close { | |
| background-position: -80px -128px | |
| } | |
| .ui-icon-closethick { | |
| background-position: -96px -128px | |
| } | |
| .ui-icon-key { | |
| background-position: -112px -128px | |
| } | |
| .ui-icon-lightbulb { | |
| background-position: -128px -128px | |
| } | |
| .ui-icon-scissors { | |
| background-position: -144px -128px | |
| } | |
| .ui-icon-clipboard { | |
| background-position: -160px -128px | |
| } | |
| .ui-icon-copy { | |
| background-position: -176px -128px | |
| } | |
| .ui-icon-contact { | |
| background-position: -192px -128px | |
| } | |
| .ui-icon-image { | |
| background-position: -208px -128px | |
| } | |
| .ui-icon-video { | |
| background-position: -224px -128px | |
| } | |
| .ui-icon-script { | |
| background-position: -240px -128px | |
| } | |
| .ui-icon-alert { | |
| background-position: 0 -144px | |
| } | |
| .ui-icon-info { | |
| background-position: -16px -144px | |
| } | |
| .ui-icon-notice { | |
| background-position: -32px -144px | |
| } | |
| .ui-icon-help { | |
| background-position: -48px -144px | |
| } | |
| .ui-icon-check { | |
| background-position: -64px -144px | |
| } | |
| .ui-icon-bullet { | |
| background-position: -80px -144px | |
| } | |
| .ui-icon-radio-off { | |
| background-position: -96px -144px | |
| } | |
| .ui-icon-radio-on { | |
| background-position: -112px -144px | |
| } | |
| .ui-icon-pin-w { | |
| background-position: -128px -144px | |
| } | |
| .ui-icon-pin-s { | |
| background-position: -144px -144px | |
| } | |
| .ui-icon-play { | |
| background-position: 0 -160px | |
| } | |
| .ui-icon-pause { | |
| background-position: -16px -160px | |
| } | |
| .ui-icon-seek-next { | |
| background-position: -32px -160px | |
| } | |
| .ui-icon-seek-prev { | |
| background-position: -48px -160px | |
| } | |
| .ui-icon-seek-end { | |
| background-position: -64px -160px | |
| } | |
| .ui-icon-seek-first { | |
| background-position: -80px -160px | |
| } | |
| .ui-icon-stop { | |
| background-position: -96px -160px | |
| } | |
| .ui-icon-eject { | |
| background-position: -112px -160px | |
| } | |
| .ui-icon-volume-off { | |
| background-position: -128px -160px | |
| } | |
| .ui-icon-volume-on { | |
| background-position: -144px -160px | |
| } | |
| .ui-icon-power { | |
| background-position: 0 -176px | |
| } | |
| .ui-icon-signal-diag { | |
| background-position: -16px -176px | |
| } | |
| .ui-icon-signal { | |
| background-position: -32px -176px | |
| } | |
| .ui-icon-battery-0 { | |
| background-position: -48px -176px | |
| } | |
| .ui-icon-battery-1 { | |
| background-position: -64px -176px | |
| } | |
| .ui-icon-battery-2 { | |
| background-position: -80px -176px | |
| } | |
| .ui-icon-battery-3 { | |
| background-position: -96px -176px | |
| } | |
| .ui-icon-circle-plus { | |
| background-position: 0 -192px | |
| } | |
| .ui-icon-circle-minus { | |
| background-position: -16px -192px | |
| } | |
| .ui-icon-circle-close { | |
| background-position: -32px -192px | |
| } | |
| .ui-icon-circle-triangle-e { | |
| background-position: -48px -192px | |
| } | |
| .ui-icon-circle-triangle-s { | |
| background-position: -64px -192px | |
| } | |
| .ui-icon-circle-triangle-w { | |
| background-position: -80px -192px | |
| } | |
| .ui-icon-circle-triangle-n { | |
| background-position: -96px -192px | |
| } | |
| .ui-icon-circle-arrow-e { | |
| background-position: -112px -192px | |
| } | |
| .ui-icon-circle-arrow-s { | |
| background-position: -128px -192px | |
| } | |
| .ui-icon-circle-arrow-w { | |
| background-position: -144px -192px | |
| } | |
| .ui-icon-circle-arrow-n { | |
| background-position: -160px -192px | |
| } | |
| .ui-icon-circle-zoomin { | |
| background-position: -176px -192px | |
| } | |
| .ui-icon-circle-zoomout { | |
| background-position: -192px -192px | |
| } | |
| .ui-icon-circle-check { | |
| background-position: -208px -192px | |
| } | |
| .ui-icon-circlesmall-plus { | |
| background-position: 0 -208px | |
| } | |
| .ui-icon-circlesmall-minus { | |
| background-position: -16px -208px | |
| } | |
| .ui-icon-circlesmall-close { | |
| background-position: -32px -208px | |
| } | |
| .ui-icon-squaresmall-plus { | |
| background-position: -48px -208px | |
| } | |
| .ui-icon-squaresmall-minus { | |
| background-position: -64px -208px | |
| } | |
| .ui-icon-squaresmall-close { | |
| background-position: -80px -208px | |
| } | |
| .ui-icon-grip-dotted-vertical { | |
| background-position: 0 -224px | |
| } | |
| .ui-icon-grip-dotted-horizontal { | |
| background-position: -16px -224px | |
| } | |
| .ui-icon-grip-solid-vertical { | |
| background-position: -32px -224px | |
| } | |
| .ui-icon-grip-solid-horizontal { | |
| background-position: -48px -224px | |
| } | |
| .ui-icon-gripsmall-diagonal-se { | |
| background-position: -64px -224px | |
| } | |
| .ui-icon-grip-diagonal-se { | |
| background-position: -80px -224px | |
| } | |
| .ui-corner-tl { | |
| -moz-border-radius-topleft: 4px; | |
| -webkit-border-top-left-radius: 4px | |
| } | |
| .ui-corner-tr { | |
| -moz-border-radius-topright: 4px; | |
| -webkit-border-top-right-radius: 4px | |
| } | |
| .ui-corner-bl { | |
| -moz-border-radius-bottomleft: 4px; | |
| -webkit-border-bottom-left-radius: 4px | |
| } | |
| .ui-corner-br { | |
| -moz-border-radius-bottomright: 4px; | |
| -webkit-border-bottom-right-radius: 4px | |
| } | |
| .ui-corner-top { | |
| -moz-border-radius-topleft: 4px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| -webkit-border-top-right-radius: 4px | |
| } | |
| .ui-corner-bottom { | |
| -moz-border-radius-bottomleft: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| -webkit-border-bottom-right-radius: 4px | |
| } | |
| .ui-corner-right { | |
| -moz-border-radius-topright: 4px; | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| -webkit-border-bottom-right-radius: 4px | |
| } | |
| .ui-corner-left { | |
| -moz-border-radius-topleft: 4px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| -webkit-border-bottom-left-radius: 4px | |
| } | |
| .ui-corner-all { | |
| -moz-border-radius: 4px; | |
| -webkit-border-radius: 4px | |
| } | |
| .ui-widget-overlay { | |
| background: #aaa url(/common_assets/static-1.88/img/jquery.ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | |
| opacity: .3; | |
| filter: Alpha(Opacity=30) | |
| } | |
| .ui-widget-shadow { | |
| margin: -8px 0 0 -8px; | |
| padding: 8px; | |
| background: #aaa url(/common_assets/static-1.88/img/jquery.ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | |
| opacity: .3; | |
| filter: Alpha(Opacity=30); | |
| -moz-border-radius: 8px; | |
| -webkit-border-radius: 8px | |
| } | |
| .ui-datepicker .ui-icon { | |
| background-repeat: no-repeat; | |
| display: block; | |
| overflow: hidden; | |
| text-indent: -99999px; | |
| cursor: pointer | |
| } | |
| .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { | |
| cursor: pointer | |
| } | |
| .ui-helper-hidden { | |
| display: none | |
| } | |
| .ui-helper-hidden-accessible { | |
| position: absolute; | |
| left: -99999999px | |
| } | |
| .ui-helper-reset { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| line-height: 1.3; | |
| text-decoration: none; | |
| font-size: 100%; | |
| list-style: none | |
| } | |
| .ui-helper-clearfix:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden | |
| } | |
| .ui-helper-clearfix { | |
| display: inline-block | |
| } | |
| * html .ui-helper-clearfix { | |
| height: 1% | |
| } | |
| .ui-helper-clearfix { | |
| display: block | |
| } | |
| .ui-helper-zfix { | |
| width: 100%; | |
| height: 100%; | |
| top: 0; | |
| left: 0; | |
| position: absolute; | |
| opacity: 0; | |
| filter: Alpha(Opacity=0) | |
| } | |
| .ui-state-disabled { | |
| cursor: default !important | |
| } | |
| .ui-icon { | |
| display: block; | |
| text-indent: -99999px; | |
| overflow: hidden; | |
| background-repeat: no-repeat | |
| } | |
| .ui-widget-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .ui-datepicker { | |
| display: none | |
| } | |
| .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default { | |
| background: inherit; | |
| text-align: center; | |
| padding: 2px; | |
| border: 1px solid transparent; | |
| line-height: 1.5 | |
| } | |
| .ui-datepicker-calendar a.ui-state-active, .ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-widget-content .ui-state-hover, .ui-datepicker-calendar .ui-state-focus, .ui-datepicker-calendar .ui-widget-content .ui-state-focus, .ui-datepicker-calendar a:hover { | |
| background-color: #e37d3e; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e89764), color-stop(100%, #e37d3e)); | |
| background-image: -webkit-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -moz-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -o-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: linear-gradient(top, #e89764,#e37d3e); | |
| border-top: 1px solid #df6c24; | |
| border-bottom: 1px solid #d5661f; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| color: #fff; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px | |
| } | |
| .ui-datepicker-calendar a.ui-state-active:active, .ui-datepicker-calendar .ui-state-hover:active, .ui-datepicker-calendar .ui-widget-content .ui-state-hover:active, .ui-datepicker-calendar .ui-state-focus:active, .ui-datepicker-calendar .ui-widget-content .ui-state-focus:active, .ui-datepicker-calendar a:hover:active { | |
| -webkit-box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05); | |
| -moz-box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05); | |
| box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05) | |
| } | |
| div#ui-datepicker-div { | |
| -webkit-box-shadow: 0px 6px 13px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0px 6px 13px rgba(0,0,0,0.3); | |
| box-shadow: 0px 6px 13px rgba(0,0,0,0.3); | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 12px | |
| } | |
| div#ui-datepicker-div .ui-corner-all { | |
| -webkit-border-radius: 0px; | |
| -moz-border-radius: 0px; | |
| -ms-border-radius: 0px; | |
| -o-border-radius: 0px; | |
| border-radius: 0px | |
| } | |
| div#ui-datepicker-div table { | |
| border: 0px | |
| } | |
| div#ui-datepicker-div a { | |
| text-decoration: none | |
| } | |
| div#ui-datepicker-div * { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 12px | |
| } | |
| div#ui-datepicker-div .ui-widget-header { | |
| background: inherit; | |
| border: 0px | |
| } | |
| table.ui-datepicker-calendar th { | |
| padding: 2px 3px 2px 3px | |
| } | |
| table.ui-datepicker-calendar td { | |
| padding: 1px; | |
| width: 20px; | |
| height: 18px | |
| } | |
| table.ui-datepicker-calendar td a { | |
| color: #555; | |
| width: 20px; | |
| height: 18px | |
| } | |
| .css_feb23new table.ui-datepicker-calendar a.ui-state-default { | |
| color: #555 | |
| } | |
| .css_feb23new table.ui-datepicker-calendar:hover, .css_feb23new table.ui-datepicker-calendar a.ui-state-focus, .css_feb23new table.ui-datepicker-calendar a.ui-state-hover, .css_feb23new table.ui-datepicker-calendar a.ui-state-default.ui-state-active { | |
| color: #fff | |
| } | |
| div#ui-datepicker-div .ui-datepicker-month, div#ui-datepicker-div .ui-datepicker-year, div#ui-datepicker-div table.ui-datepicker-calendar th { | |
| color: #444 | |
| } | |
| div#ui-datepicker-div .ui-widget-header { | |
| margin-bottom: 4px | |
| } | |
| div#ui-datepicker-div .ui-datepicker-today a { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px; | |
| background-color: #ffe4d4 | |
| } | |
| div#ui-datepicker-div .ui-datepicker-today a.ui-state-active, div#ui-datepicker-div .ui-datepicker-today a:hover { | |
| background-color: #e37d3e; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e89764), color-stop(100%, #e37d3e)); | |
| background-image: -webkit-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -moz-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -o-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: linear-gradient(top, #e89764,#e37d3e) | |
| } | |
| div#ui-datepicker-div .ui-datepicker-next, div#ui-datepicker-div .ui-datepicker-prev { | |
| cursor: pointer; | |
| border: 1px solid transparent; | |
| background: none; | |
| top: 1px | |
| } | |
| div#ui-datepicker-div .ui-datepicker-next .ui-icon-circle-triangle-e, div#ui-datepicker-div .ui-datepicker-next .ui-icon-circle-triangle-w, div#ui-datepicker-div .ui-datepicker-prev .ui-icon-circle-triangle-e, div#ui-datepicker-div .ui-datepicker-prev .ui-icon-circle-triangle-w { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_888888_256x240.png) | |
| } | |
| div#ui-datepicker-div .ui-datepicker-next-hover .ui-icon-circle-triangle-e, div#ui-datepicker-div .ui-datepicker-next-hover .ui-icon-circle-triangle-w, div#ui-datepicker-div .ui-datepicker-prev-hover .ui-icon-circle-triangle-e, div#ui-datepicker-div .ui-datepicker-prev-hover .ui-icon-circle-triangle-w { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_ef8c08_256x240.png) | |
| } | |
| div#ui-datepicker-div .ui-datepicker-prev-hover { | |
| left: 2px; | |
| top: 1px | |
| } | |
| div#ui-datepicker-div .ui-datepicker-next-hover { | |
| right: 2px; | |
| top: 1px | |
| } | |
| .hs-twipsy-item { | |
| display: block; | |
| position: absolute; | |
| visibility: visible; | |
| padding: 5px; | |
| font-size: 11px; | |
| z-index: 1000; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | |
| opacity: 0.8 | |
| } | |
| .hs-twipsy-item.above .hs-twipsy-arrow { | |
| bottom: 0; | |
| left: 50%; | |
| margin-left: -5px; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-top: 5px solid #404040 | |
| } | |
| .hs-twipsy-item.left .hs-twipsy-arrow { | |
| top: 50%; | |
| right: 0; | |
| margin-top: -5px; | |
| border-top: 5px solid transparent; | |
| border-bottom: 5px solid transparent; | |
| border-left: 5px solid #404040 | |
| } | |
| .hs-twipsy-item.below .hs-twipsy-arrow { | |
| top: 0; | |
| left: 50%; | |
| margin-left: -5px; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| border-bottom: 5px solid #404040 | |
| } | |
| .hs-twipsy-item.right .hs-twipsy-arrow { | |
| top: 50%; | |
| left: 0; | |
| margin-top: -5px; | |
| border-top: 5px solid transparent; | |
| border-bottom: 5px solid transparent; | |
| border-right: 5px solid #404040 | |
| } | |
| .hs-twipsy-inner { | |
| padding: 3px 8px; | |
| background-color: #404040; | |
| color: #fff; | |
| text-align: center; | |
| max-width: 200px; | |
| text-decoration: none; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px | |
| } | |
| .hs-twipsy-arrow { | |
| position: absolute; | |
| width: 0; | |
| height: 0 | |
| } | |
| .hs-popover-item { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1000; | |
| padding: 8px; | |
| display: none | |
| } | |
| .hs-popover-item.above .arrow { | |
| bottom: 0px; | |
| left: 50%; | |
| margin-left: -8px; | |
| border-left: 8px solid transparent; | |
| border-right: 8px solid transparent; | |
| border-top: 8px solid #b3b3b3 | |
| } | |
| .hs-popover-item.above .outer-arrow { | |
| border-top-color: #ebebeb; | |
| bottom: 1px | |
| } | |
| .hs-popover-item.right .arrow { | |
| top: 50%; | |
| left: 0px; | |
| margin-top: -8px; | |
| border-top: 8px solid transparent; | |
| border-bottom: 8px solid transparent; | |
| border-right: 8px solid #b3b3b3 | |
| } | |
| .hs-popover-item.right .outer-arrow { | |
| border-right-color: #ebebeb; | |
| left: 1px | |
| } | |
| .hs-popover-item.below .arrow { | |
| top: 0px; | |
| left: 50%; | |
| margin-left: -8px; | |
| border-left: 8px solid transparent; | |
| border-right: 8px solid transparent; | |
| border-bottom: 8px solid #b3b3b3 | |
| } | |
| .hs-popover-item.below .outer-arrow { | |
| border-bottom-color: #ebebeb; | |
| top: 1px | |
| } | |
| .hs-popover-item.left .arrow { | |
| top: 50%; | |
| right: 0px; | |
| margin-top: -8px; | |
| border-top: 8px solid transparent; | |
| border-bottom: 8px solid transparent; | |
| border-left: 8px solid #b3b3b3 | |
| } | |
| .hs-popover-item.left .outer-arrow { | |
| border-left-color: #ebebeb; | |
| right: 1px | |
| } | |
| .hs-popover-item .arrow { | |
| position: absolute; | |
| width: 0; | |
| height: 0 | |
| } | |
| .hs-popover-item .title { | |
| margin-bottom: 12px; | |
| font-weight: normal; | |
| line-height: 1 | |
| } | |
| .hs-popover-item .close { | |
| text-decoration: none; | |
| color: #999; | |
| cursor: pointer; | |
| font-size: 22px; | |
| position: absolute; | |
| right: 19px; | |
| top: 14px | |
| } | |
| .hs-popover-item .close:hover { | |
| text-decoration: none; | |
| color: #444 | |
| } | |
| .hs-popover-item .inner { | |
| background: #ebebeb; | |
| padding: 3px; | |
| overflow: hidden; | |
| width: 280px; | |
| border: 1px solid #b3b3b3; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| -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) | |
| } | |
| .hs-popover-item .content { | |
| background-color: #fff; | |
| padding: 14px; | |
| border: 1px solid #dbdbdb; | |
| -webkit-border-radius: 0 0 1px 1px; | |
| -moz-border-radius: 0 0 1px 1px; | |
| -ms-border-radius: 0 0 1px 1px; | |
| -o-border-radius: 0 0 1px 1px; | |
| border-radius: 0 0 1px 1px; | |
| -webkit-background-clip: padding; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box | |
| } | |
| .hs-popover-item .content p, .hs-popover-item .content ul, .hs-popover-item .content ol { | |
| margin-bottom: 0 | |
| } | |
| .fade { | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
| opacity: 0 | |
| } | |
| .fade.in { | |
| filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | |
| opacity: 1 | |
| } | |
| .hs-range-picker { | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline; | |
| display: block; | |
| position: relative; | |
| font-size: 14px; | |
| text-transform: capitalize; | |
| -webkit-transition: all, 0.15s, ease-in-out; | |
| -moz-transition: all, 0.15s, ease-in-out; | |
| -o-transition: all, 0.15s, ease-in-out; | |
| transition: all, 0.15s, ease-in-out; | |
| *zoom: 1 | |
| } | |
| .hs-range-picker ul { | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline; | |
| padding: 0; | |
| margin: 0 | |
| } | |
| .hs-range-picker ul > li { | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline | |
| } | |
| .hs-range-picker ul > li a { | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline; | |
| cursor: pointer; | |
| color: #aaa; | |
| padding: 3px 0; | |
| width: 40px; | |
| text-align: center | |
| } | |
| .hs-range-picker ul > li a:hover { | |
| color: #666 | |
| } | |
| .hs-range-picker ul > li:first-child a { | |
| width: 30px; | |
| text-align: left | |
| } | |
| .hs-range-picker ul > li.active a { | |
| font-weight: 700; | |
| color: #666; | |
| cursor: default; | |
| text-decoration: none; | |
| line-height: 19px | |
| } | |
| .hs-range-picker ul > li.custom-dropdown { | |
| padding-left: 1px | |
| } | |
| .hs-range-picker ul > li.custom-dropdown .dropdown-target { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| width: auto; | |
| padding-left: 10px; | |
| padding-right: 14px; | |
| text-align: left; | |
| background-image: url(/style_guide/static-2.12/img/arrow-sprite.png); | |
| background-repeat: no-repeat; | |
| background-position: right -117px | |
| } | |
| .hs-range-picker ul > li.custom-dropdown.dropdown-open { | |
| padding-left: 0 | |
| } | |
| .hs-range-picker ul > li.custom-dropdown.dropdown-hover .dropdown-target { | |
| color: #666; | |
| background-position: right -81px | |
| } | |
| .hs-range-picker span.range-label { | |
| padding-left: 5px; | |
| display: inline-block; | |
| font-weight: 500; | |
| zoom: 1; | |
| padding: 0 20px; | |
| width: 165px; | |
| vertical-align: middle; | |
| line-height: 19px | |
| } | |
| form.hs-form.custom-dropdown-items { | |
| padding: 10px; | |
| padding-top: 16px; | |
| padding-bottom: 6px | |
| } | |
| *+ html form.hs-form.custom-dropdown-items { | |
| width: 300px | |
| } | |
| form.hs-form.custom-dropdown-items .field { | |
| min-width: 300px | |
| } | |
| form.hs-form.custom-dropdown-items .field label { | |
| width: 60px | |
| } | |
| form.hs-form.custom-dropdown-items .field .input { | |
| margin-left: 72px | |
| } | |
| form.hs-form.custom-dropdown-items .actions { | |
| background: none; | |
| margin: 0; | |
| margin-top: 18px; | |
| padding: 0; | |
| border: none | |
| } | |
| form.hs-form.custom-dropdown-items .actions .cancel { | |
| color: #68a3e3; | |
| cursor: pointer; | |
| float: right; | |
| line-height: 30px | |
| } | |
| .custom-range-date-picker { | |
| z-index: 9999 !important | |
| } | |
| .hs-pagination, .paging_hubspot { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| overflow: hidden; | |
| *zoom: 1; | |
| font-size: 12px; | |
| text-align: center; | |
| margin: 13px 0; | |
| height: 28px | |
| } | |
| .hs-pagination ul, .paging_hubspot ul { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| overflow: hidden; | |
| *zoom: 1; | |
| display: inline-block | |
| } | |
| .hs-pagination ul li, .paging_hubspot ul li { | |
| list-style-image: none; | |
| list-style-type: none; | |
| margin-left: 0; | |
| white-space: nowrap; | |
| display: inline; | |
| float: left; | |
| padding-left: 0px; | |
| padding-right: 0px | |
| } | |
| .hs-pagination ul li:first-child, .hs-pagination ul li.first, .paging_hubspot ul li:first-child, .paging_hubspot ul li.first { | |
| padding-left: 0 | |
| } | |
| .hs-pagination ul li:last-child, .paging_hubspot ul li:last-child { | |
| padding-right: 0 | |
| } | |
| .hs-pagination ul li.last, .paging_hubspot ul li.last { | |
| padding-right: 0 | |
| } | |
| .hs-pagination a, .paging_hubspot a { | |
| float: left; | |
| text-decoration: none; | |
| color: #666; | |
| min-width: 31px; | |
| text-align: center; | |
| line-height: 28px | |
| } | |
| .hs-pagination a:hover, .paging_hubspot a:hover { | |
| color: #3288e6; | |
| cursor: pointer; | |
| text-decoration: underline | |
| } | |
| .hs-pagination a.active, .paging_hubspot a.active { | |
| cursor: default; | |
| text-decoration: none; | |
| background-color: #f0f0f0; | |
| cursor: default; | |
| text-decoration: none; | |
| color: #222; | |
| background-color: #f0f0f0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,0.4) | |
| } | |
| .hs-pagination a.active:hover, .paging_hubspot a.active:hover { | |
| color: #222; | |
| text-decoration: none | |
| } | |
| .hs-pagination a.disabled, .hs-pagination a.disabled:hover, .paging_hubspot a.disabled, .paging_hubspot a.disabled:hover { | |
| cursor: default; | |
| color: #bfbfbf; | |
| text-decoration: none | |
| } | |
| .hs-pagination .previous, .hs-pagination .next, .paging_hubspot .previous, .paging_hubspot .next { | |
| padding: 0 9px | |
| } | |
| .hs-pagination .previous .left, .hs-pagination .previous .right, .hs-pagination .previous .next .right, .hs-pagination .next .previous .right, .hs-pagination .paging_hubspot .previous .right, .paging_hubspot .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous .right, .hs-pagination .next .left, .hs-pagination .next .previous .right, .hs-pagination .previous .next .right, .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next .right, .hs-pagination .paging_hubspot .next .right, .paging_hubspot .hs-pagination .next .right, .paging_hubspot .previous .left, .paging_hubspot .hs-pagination .previous .right, .hs-pagination .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous .right, .paging_hubspot .previous .right, .paging_hubspot .previous .next .right, .paging_hubspot .next .previous .right, .paging_hubspot .next .left, .paging_hubspot .next .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next .right, .paging_hubspot .hs-pagination .next .right, .hs-pagination .paging_hubspot .next .right, .paging_hubspot .next .previous .right, .paging_hubspot .previous .next .right, .paging_hubspot .next .right { | |
| width: 11px; | |
| height: 10px; | |
| line-height: 30px; | |
| display: inline-block; | |
| float: none; | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_454545_256x240.png); | |
| background-position: -102px -19px | |
| } | |
| .hs-pagination .previous .right, .hs-pagination .next .right, .paging_hubspot .previous .right, .paging_hubspot .next .right { | |
| background-position: -32px -19px | |
| } | |
| .hs-pagination .previous:hover .left, .hs-pagination .previous:hover .right, .hs-pagination .previous:hover .next .right, .hs-pagination .next .previous:hover .right, .hs-pagination .paging_hubspot .previous:hover .right, .paging_hubspot .hs-pagination .previous:hover .right, .hs-pagination .previous:hover .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous:hover .right, .hs-pagination .previous:hover .right, .hs-pagination .next:hover .left, .hs-pagination .next:hover .previous .right, .hs-pagination .previous .next:hover .right, .hs-pagination .next:hover .right, .hs-pagination .next:hover .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next:hover .right, .hs-pagination .paging_hubspot .next:hover .right, .paging_hubspot .hs-pagination .next:hover .right, .hs-pagination .next:hover .right, .paging_hubspot .previous:hover .left, .paging_hubspot .hs-pagination .previous:hover .right, .hs-pagination .paging_hubspot .previous:hover .right, .paging_hubspot .previous:hover .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous:hover .right, .paging_hubspot .previous:hover .right, .paging_hubspot .previous:hover .next .right, .paging_hubspot .next .previous:hover .right, .paging_hubspot .previous:hover .right, .paging_hubspot .next:hover .left, .paging_hubspot .next:hover .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next:hover .right, .paging_hubspot .hs-pagination .next:hover .right, .hs-pagination .paging_hubspot .next:hover .right, .paging_hubspot .next:hover .previous .right, .paging_hubspot .previous .next:hover .right, .paging_hubspot .next:hover .right, .paging_hubspot .next:hover .right { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_0066cc_256x240.png) | |
| } | |
| .hs-pagination .previous.disabled .left, .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled .next .right, .hs-pagination .next .previous.disabled .right, .hs-pagination .paging_hubspot .previous.disabled .right, .paging_hubspot .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled .right, .hs-pagination .previous.disabled:hover .left, .hs-pagination .previous.disabled:hover .right, .hs-pagination .previous.disabled:hover .next .right, .hs-pagination .next .previous.disabled:hover .right, .hs-pagination .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .hs-pagination .previous.disabled:hover .right, .hs-pagination .previous.disabled:hover .paging_hubspot .next .right, .paging_hubspot .next .hs-pagination .previous.disabled:hover .right, .hs-pagination .previous.disabled:hover .right, .hs-pagination .next.disabled .left, .hs-pagination .next.disabled .previous .right, .hs-pagination .previous .next.disabled .right, .hs-pagination .next.disabled .right, .hs-pagination .next.disabled .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next.disabled .right, .hs-pagination .paging_hubspot .next.disabled .right, .paging_hubspot .hs-pagination .next.disabled .right, .hs-pagination .next.disabled .right, .hs-pagination .next.disabled:hover .left, .hs-pagination .next.disabled:hover .previous .right, .hs-pagination .previous .next.disabled:hover .right, .hs-pagination .next.disabled:hover .right, .hs-pagination .next.disabled:hover .paging_hubspot .previous .right, .paging_hubspot .previous .hs-pagination .next.disabled:hover .right, .hs-pagination .paging_hubspot .next.disabled:hover .right, .paging_hubspot .hs-pagination .next.disabled:hover .right, .hs-pagination .next.disabled:hover .right, .paging_hubspot .previous.disabled .left, .paging_hubspot .hs-pagination .previous.disabled .right, .hs-pagination .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled .next .right, .paging_hubspot .next .previous.disabled .right, .paging_hubspot .previous.disabled .right, .paging_hubspot .previous.disabled:hover .left, .paging_hubspot .hs-pagination .previous.disabled:hover .right, .hs-pagination .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .hs-pagination .next .right, .hs-pagination .next .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .next .right, .paging_hubspot .next .previous.disabled:hover .right, .paging_hubspot .previous.disabled:hover .right, .paging_hubspot .next.disabled .left, .paging_hubspot .next.disabled .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next.disabled .right, .paging_hubspot .hs-pagination .next.disabled .right, .hs-pagination .paging_hubspot .next.disabled .right, .paging_hubspot .next.disabled .previous .right, .paging_hubspot .previous .next.disabled .right, .paging_hubspot .next.disabled .right, .paging_hubspot .next.disabled .right, .paging_hubspot .next.disabled:hover .left, .paging_hubspot .next.disabled:hover .hs-pagination .previous .right, .hs-pagination .previous .paging_hubspot .next.disabled:hover .right, .paging_hubspot .hs-pagination .next.disabled:hover .right, .hs-pagination .paging_hubspot .next.disabled:hover .right, .paging_hubspot .next.disabled:hover .previous .right, .paging_hubspot .previous .next.disabled:hover .right, .paging_hubspot .next.disabled:hover .right, .paging_hubspot .next.disabled:hover .right { | |
| background-image: url(/common_assets/static-1.88/img/jquery.ui/ui-icons_aaaaaa_256x240.png) | |
| } | |
| .hs-pagination .first, .hs-pagination .last, .paging_hubspot .first, .paging_hubspot .last { | |
| display: none | |
| } | |
| .hs-pagination.hidden-disabled-links .previous.disabled, .hs-pagination.hidden-disabled-links .next.disabled, .paging_hubspot.hidden-disabled-links .previous.disabled, .paging_hubspot.hidden-disabled-links .next.disabled { | |
| display: none | |
| } | |
| .hs-pagination.invisible-disabled-links .previous.disabled, .hs-pagination.invisible-disabled-links .next.disabled, .paging_hubspot.invisible-disabled-links .previous.disabled, .paging_hubspot.invisible-disabled-links .next.disabled { | |
| visibility: hidden | |
| } | |
| .base-shared-table-styles, .hs-minimal-table, .hs-light-table, .hs-table, .hs-secondary-table, .hs-dark-table { | |
| color: white | |
| } | |
| .base-shared-table-styles td.actions, .hs-minimal-table td.actions, .hs-light-table td.actions, .hs-table td.actions, .hs-secondary-table td.actions, .hs-dark-table td.actions { | |
| width: 70px; | |
| text-align: right | |
| } | |
| .zebra-striped tbody tr:nth-child(even) td, .zebra-striped tbody tr.even td { | |
| background-color: #f6f6f6 | |
| } | |
| .hs-minimal-table { | |
| width: 100% | |
| } | |
| .hs-minimal-table th { | |
| text-align: left; | |
| padding-bottom: 2px; | |
| font-size: 11px; | |
| color: #888888; | |
| font-weight: normal; | |
| background-color: white; | |
| line-height: 24px | |
| } | |
| .hs-minimal-table th.sorting, .hs-minimal-table th.sorting_desc, .hs-minimal-table th.sorting_asc { | |
| cursor: pointer; | |
| padding-right: 22px | |
| } | |
| .hs-minimal-table th.sorting:after, .hs-minimal-table th.sorting_desc:after, .hs-minimal-table th.sorting_asc:after { | |
| content: ""; | |
| float: right; | |
| right: 2px; | |
| top: 1px; | |
| margin-top: 10px; | |
| margin-right: -9px; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #888 transparent; | |
| visibility: hidden | |
| } | |
| .hs-minimal-table th.sorting_desc_first:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-minimal-table th.sorting_desc:after, .hs-minimal-table th.headerSortDown:after, .hs-minimal-table th.za:after { | |
| visibility: visible; | |
| border-width: 0 4px 4px; | |
| border-color: #888 transparent | |
| } | |
| .hs-minimal-table th.sorting_asc:after, .hs-minimal-table th.headerSortUp:after, .hs-minimal-table th.az:after { | |
| visibility: visible; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #888 transparent; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .hs-minimal-table th.sorting:hover, .hs-minimal-table th.sorting_desc:hover, .hs-minimal-table th.sorting_asc:hover { | |
| color: #454545 | |
| } | |
| .hs-minimal-table th.sorting:hover:after, .hs-minimal-table th.sorting_desc:hover:after, .hs-minimal-table th.sorting_asc:hover:after { | |
| visibility: visible; | |
| border-color: #454545 transparent | |
| } | |
| .hs-minimal-table th.sorting.sorting_desc:hover:after, .hs-minimal-table th.sorting_desc.sorting_desc:hover:after, .hs-minimal-table th.sorting_asc.sorting_desc:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-minimal-table th.sorting.sorting_asc:hover:after, .hs-minimal-table th.sorting_desc.sorting_asc:hover:after, .hs-minimal-table th.sorting_asc.sorting_asc:hover:after { | |
| border-width: 4px 4px 0 4px | |
| } | |
| .hs-minimal-table td { | |
| text-align: left; | |
| vertical-align: middle; | |
| background-color: white; | |
| line-height: 24px; | |
| color: #666 | |
| } | |
| .hs-minimal-table td a { | |
| color: #555; | |
| text-decoration: none; | |
| margin-top: -3px | |
| } | |
| .hs-minimal-table td a:hover { | |
| text-decoration: underline; | |
| cursor: pointer; | |
| color: #3288e6 | |
| } | |
| .hs-light-table { | |
| width: 100% | |
| } | |
| .hs-light-table th { | |
| text-align: left; | |
| padding-bottom: 2px; | |
| font-size: 11px; | |
| color: #888888; | |
| font-weight: normal; | |
| background-color: white; | |
| line-height: 24px | |
| } | |
| .hs-light-table th.sorting, .hs-light-table th.sorting_desc, .hs-light-table th.sorting_asc { | |
| cursor: pointer; | |
| padding-right: 22px | |
| } | |
| .hs-light-table th.sorting:after, .hs-light-table th.sorting_desc:after, .hs-light-table th.sorting_asc:after { | |
| content: ""; | |
| float: right; | |
| right: 2px; | |
| top: 1px; | |
| margin-top: 10px; | |
| margin-right: -9px; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #888 transparent; | |
| visibility: hidden | |
| } | |
| .hs-light-table th.sorting_desc_first:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-light-table th.sorting_desc:after, .hs-light-table th.headerSortDown:after, .hs-light-table th.za:after { | |
| visibility: visible; | |
| border-width: 0 4px 4px; | |
| border-color: #888 transparent | |
| } | |
| .hs-light-table th.sorting_asc:after, .hs-light-table th.headerSortUp:after, .hs-light-table th.az:after { | |
| visibility: visible; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #888 transparent; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .hs-light-table th.sorting:hover, .hs-light-table th.sorting_desc:hover, .hs-light-table th.sorting_asc:hover { | |
| color: #454545 | |
| } | |
| .hs-light-table th.sorting:hover:after, .hs-light-table th.sorting_desc:hover:after, .hs-light-table th.sorting_asc:hover:after { | |
| visibility: visible; | |
| border-color: #454545 transparent | |
| } | |
| .hs-light-table th.sorting.sorting_desc:hover:after, .hs-light-table th.sorting_desc.sorting_desc:hover:after, .hs-light-table th.sorting_asc.sorting_desc:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-light-table th.sorting.sorting_asc:hover:after, .hs-light-table th.sorting_desc.sorting_asc:hover:after, .hs-light-table th.sorting_asc.sorting_asc:hover:after { | |
| border-width: 4px 4px 0 4px | |
| } | |
| .hs-light-table td { | |
| text-align: left; | |
| vertical-align: middle; | |
| background-color: white; | |
| line-height: 24px; | |
| color: #666 | |
| } | |
| .hs-light-table td a { | |
| color: #555; | |
| text-decoration: none; | |
| margin-top: -3px | |
| } | |
| .hs-light-table td a:hover { | |
| text-decoration: underline; | |
| cursor: pointer; | |
| color: #3288e6 | |
| } | |
| body.env-local .hs-light-table, body.env-qa .hs-light-table { | |
| outline: 10px solid red !important | |
| } | |
| .hs-table { | |
| background: #fdfdfd; | |
| border: 1px solid #ccc; | |
| border-collapse: separate; | |
| width: 100% | |
| } | |
| .hs-table th { | |
| background: #f6f6f6; | |
| text-align: left; | |
| background-color: #eee; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee)); | |
| background-image: -webkit-linear-gradient(top, #fff, #eee); | |
| background-image: -moz-linear-gradient(top, #fff, #eee); | |
| background-image: -o-linear-gradient(top, #fff, #eee); | |
| background-image: linear-gradient(top, #ffffff,#eeeeee); | |
| border-bottom: 1px solid #cecece; | |
| border-left: 0; | |
| border-right: 0; | |
| color: #777; | |
| border-top-color: #ccc; | |
| text-transform: inherit; | |
| font-size: 12px; | |
| text-shadow: 0px 0px 0px rgba(0,0,0,0); | |
| padding: 7px 9px; | |
| line-height: 18px; | |
| font-weight: normal | |
| } | |
| .hs-table th:hover { | |
| color: #777 | |
| } | |
| .hs-table td { | |
| padding: 5px 10px 4px; | |
| line-height: 18px; | |
| text-align: left; | |
| vertical-align: middle; | |
| line-height: 24px; | |
| color: #666; | |
| font-weight: normal; | |
| border-left: 0; | |
| border-right: 0; | |
| border-color: #fff; | |
| border-top: 1px solid #fff; | |
| border-bottom: 1px solid #e6e6e6 | |
| } | |
| .hs-table td a.dark { | |
| text-decoration: none; | |
| color: #555; | |
| margin-top: -3px | |
| } | |
| .hs-table td a.dark:hover { | |
| text-decoration: underline; | |
| cursor: pointer; | |
| color: #3288e6 | |
| } | |
| .hs-table td a.dark:visited { | |
| color: #555 | |
| } | |
| .hs-table tr:first-child td { | |
| border-top: 0px | |
| } | |
| .hs-table tr:last-child td { | |
| border-bottom: 0px | |
| } | |
| .hs-table tfoot tr td { | |
| background-color: #e6e6e6; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: -moz-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: linear-gradient(top, #f6f6f6,#e6e6e6); | |
| padding: 3px 10px 3px; | |
| font-weight: bold; | |
| border-top: 1px solid #ccc | |
| } | |
| .hs-table.wide tbody td { | |
| padding: 10px 10px 9px | |
| } | |
| .hs-table th.sorting_desc, .hs-table th.sorting_asc { | |
| -webkit-box-shadow: inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| -moz-box-shadow: inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| box-shadow: inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| background: #eee | |
| } | |
| .hs-table th.sorting, .hs-table th.sorting_desc, .hs-table th.sorting_asc { | |
| cursor: pointer; | |
| padding-right: 22px | |
| } | |
| .hs-table th.sorting:after, .hs-table th.sorting_desc:after, .hs-table th.sorting_asc:after { | |
| content: ""; | |
| float: right; | |
| right: 2px; | |
| top: 7px; | |
| margin-top: 8px; | |
| margin-right: -12px; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #777 transparent; | |
| visibility: hidden | |
| } | |
| .hs-table th.sorting_desc_first:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-table th.sorting_desc:after, .hs-table th.headerSortDown:after, .hs-table th.za:after { | |
| visibility: visible; | |
| border-width: 0 4px 4px; | |
| border-color: #777 transparent | |
| } | |
| .hs-table th.sorting_asc:after, .hs-table th.headerSortUp:after, .hs-table th.az:after { | |
| visibility: visible; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #777 transparent; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .hs-table th.sorting:hover, .hs-table th.sorting_desc:hover, .hs-table th.sorting_asc:hover { | |
| -webkit-box-shadow: inset 0px 0px 100px rgba(0,0,0,0.04), inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| -moz-box-shadow: inset 0px 0px 100px rgba(0,0,0,0.04), inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| box-shadow: inset 0px 0px 100px rgba(0,0,0,0.04), inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| color: #222 | |
| } | |
| .hs-table th.sorting:hover:after, .hs-table th.sorting_desc:hover:after, .hs-table th.sorting_asc:hover:after { | |
| visibility: visible; | |
| border-color: #222 transparent | |
| } | |
| .hs-table th.sorting.sorting_desc:hover:after, .hs-table th.sorting_desc.sorting_desc:hover:after, .hs-table th.sorting_asc.sorting_desc:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-table th.sorting.sorting_asc:hover:after, .hs-table th.sorting_desc.sorting_asc:hover:after, .hs-table th.sorting_asc.sorting_asc:hover:after { | |
| border-width: 4px 4px 0 4px | |
| } | |
| .hs-secondary-table { | |
| background: #fdfdfd; | |
| border: 1px solid #ccc; | |
| border-collapse: separate; | |
| width: 100% | |
| } | |
| .hs-secondary-table th { | |
| background: #f6f6f6; | |
| text-align: left; | |
| background-color: #eee; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee)); | |
| background-image: -webkit-linear-gradient(top, #fff, #eee); | |
| background-image: -moz-linear-gradient(top, #fff, #eee); | |
| background-image: -o-linear-gradient(top, #fff, #eee); | |
| background-image: linear-gradient(top, #ffffff,#eeeeee); | |
| border-bottom: 1px solid #cecece; | |
| border-left: 0; | |
| border-right: 0; | |
| color: #777; | |
| border-top-color: #ccc; | |
| text-transform: inherit; | |
| font-size: 12px; | |
| text-shadow: 0px 0px 0px rgba(0,0,0,0); | |
| padding: 7px 9px; | |
| line-height: 18px; | |
| font-weight: normal | |
| } | |
| .hs-secondary-table th:hover { | |
| color: #777 | |
| } | |
| .hs-secondary-table td { | |
| padding: 5px 10px 4px; | |
| line-height: 18px; | |
| text-align: left; | |
| vertical-align: middle; | |
| line-height: 24px; | |
| color: #666; | |
| font-weight: normal; | |
| border-left: 0; | |
| border-right: 0; | |
| border-color: #fff; | |
| border-top: 1px solid #fff; | |
| border-bottom: 1px solid #e6e6e6 | |
| } | |
| .hs-secondary-table td a.dark { | |
| text-decoration: none; | |
| color: #555; | |
| margin-top: -3px | |
| } | |
| .hs-secondary-table td a.dark:hover { | |
| text-decoration: underline; | |
| cursor: pointer; | |
| color: #3288e6 | |
| } | |
| .hs-secondary-table td a.dark:visited { | |
| color: #555 | |
| } | |
| .hs-secondary-table tr:first-child td { | |
| border-top: 0px | |
| } | |
| .hs-secondary-table tr:last-child td { | |
| border-bottom: 0px | |
| } | |
| .hs-secondary-table tfoot tr td { | |
| background-color: #e6e6e6; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: -moz-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #f6f6f6, #e6e6e6); | |
| background-image: linear-gradient(top, #f6f6f6,#e6e6e6); | |
| padding: 3px 10px 3px; | |
| font-weight: bold; | |
| border-top: 1px solid #ccc | |
| } | |
| .hs-secondary-table.wide tbody td { | |
| padding: 10px 10px 9px | |
| } | |
| .hs-secondary-table th.sorting_desc, .hs-secondary-table th.sorting_asc { | |
| -webkit-box-shadow: inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| -moz-box-shadow: inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| box-shadow: inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| background: #eee | |
| } | |
| .hs-secondary-table th.sorting, .hs-secondary-table th.sorting_desc, .hs-secondary-table th.sorting_asc { | |
| cursor: pointer; | |
| padding-right: 22px | |
| } | |
| .hs-secondary-table th.sorting:after, .hs-secondary-table th.sorting_desc:after, .hs-secondary-table th.sorting_asc:after { | |
| content: ""; | |
| float: right; | |
| right: 2px; | |
| top: 7px; | |
| margin-top: 8px; | |
| margin-right: -12px; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #777 transparent; | |
| visibility: hidden | |
| } | |
| .hs-secondary-table th.sorting_desc_first:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-secondary-table th.sorting_desc:after, .hs-secondary-table th.headerSortDown:after, .hs-secondary-table th.za:after { | |
| visibility: visible; | |
| border-width: 0 4px 4px; | |
| border-color: #777 transparent | |
| } | |
| .hs-secondary-table th.sorting_asc:after, .hs-secondary-table th.headerSortUp:after, .hs-secondary-table th.az:after { | |
| visibility: visible; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #777 transparent; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .hs-secondary-table th.sorting:hover, .hs-secondary-table th.sorting_desc:hover, .hs-secondary-table th.sorting_asc:hover { | |
| -webkit-box-shadow: inset 0px 0px 100px rgba(0,0,0,0.04), inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| -moz-box-shadow: inset 0px 0px 100px rgba(0,0,0,0.04), inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| box-shadow: inset 0px 0px 100px rgba(0,0,0,0.04), inset -1px 0px rgba(0,0,0,0.1), -1px 0px rgba(0,0,0,0.1); | |
| color: #222 | |
| } | |
| .hs-secondary-table th.sorting:hover:after, .hs-secondary-table th.sorting_desc:hover:after, .hs-secondary-table th.sorting_asc:hover:after { | |
| visibility: visible; | |
| border-color: #222 transparent | |
| } | |
| .hs-secondary-table th.sorting.sorting_desc:hover:after, .hs-secondary-table th.sorting_desc.sorting_desc:hover:after, .hs-secondary-table th.sorting_asc.sorting_desc:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-secondary-table th.sorting.sorting_asc:hover:after, .hs-secondary-table th.sorting_desc.sorting_asc:hover:after, .hs-secondary-table th.sorting_asc.sorting_asc:hover:after { | |
| border-width: 4px 4px 0 4px | |
| } | |
| body.env-local .hs-secondary-table, body.env-qa .hs-secondary-table { | |
| outline: 10px solid red !important | |
| } | |
| body.env-local .hs-secondary-table, body.env-qa .hs-secondary-table { | |
| outline: 10px solid red !important | |
| } | |
| .hs-dark-table { | |
| width: 100%; | |
| margin-bottom: 18px; | |
| padding: 0; | |
| border-collapse: separate; | |
| font-size: 12px; | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px | |
| } | |
| body.env-local .hs-dark-table, body.env-qa .hs-dark-table { | |
| outline: 10px solid red !important | |
| } | |
| .hs-dark-table th, .hs-dark-table td { | |
| padding: 10px 10px 9px; | |
| line-height: 18px; | |
| text-align: left | |
| } | |
| .hs-dark-table th { | |
| font-size: 11px; | |
| padding-top: 9px; | |
| font-weight: normal; | |
| vertical-align: middle; | |
| color: white; | |
| background-color: #555; | |
| text-shadow: 0 -1px 0 rgba(0,0,0,0.25) | |
| } | |
| .hs-dark-table td { | |
| vertical-align: top | |
| } | |
| .hs-dark-table th+ th { | |
| border-left: 1px solid #999 | |
| } | |
| .hs-dark-table td+ td { | |
| border-left: 1px solid #ddd | |
| } | |
| .hs-dark-table tr+ tr td, .hs-dark-table tfoot tr td { | |
| border-top: 1px solid #ddd | |
| } | |
| .hs-dark-table thead tr:first-child th:first-child { | |
| -webkit-border-radius: 2px 0 0 0; | |
| -moz-border-radius: 2px 0 0 0; | |
| -ms-border-radius: 2px 0 0 0; | |
| -o-border-radius: 2px 0 0 0; | |
| border-radius: 2px 0 0 0 | |
| } | |
| .hs-dark-table thead tr:first-child th:last-child { | |
| -webkit-border-radius: 0 2px 0 0; | |
| -moz-border-radius: 0 2px 0 0; | |
| -ms-border-radius: 0 2px 0 0; | |
| -o-border-radius: 0 2px 0 0; | |
| border-radius: 0 2px 0 0 | |
| } | |
| .hs-dark-table tbody tr:last-child td:last-child, .hs-dark-table tfoot tr:last-child td:last-child { | |
| -webkit-border-radius: 0 0 0 2px; | |
| -moz-border-radius: 0 0 0 2px; | |
| -ms-border-radius: 0 0 0 2px; | |
| -o-border-radius: 0 0 0 2px; | |
| border-radius: 0 0 0 2px | |
| } | |
| .hs-dark-table tbody tr:last-child td:last-child, .hs-dark-table tfoot tr:last-child td:last-child { | |
| -webkit-border-radius: 0 0 2px 0; | |
| -moz-border-radius: 0 0 2px 0; | |
| -ms-border-radius: 0 0 2px 0; | |
| -o-border-radius: 0 0 2px 0; | |
| border-radius: 0 0 2px 0 | |
| } | |
| .hs-dark-table th.sorting, .hs-dark-table th.sorting_desc, .hs-dark-table th.sorting_asc { | |
| cursor: pointer; | |
| padding-right: 22px | |
| } | |
| .hs-dark-table th.sorting:after, .hs-dark-table th.sorting_desc:after, .hs-dark-table th.sorting_asc:after { | |
| content: ""; | |
| float: right; | |
| right: 2px; | |
| top: 9px; | |
| margin-top: 8px; | |
| margin-right: -12px; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #ccc transparent; | |
| visibility: hidden | |
| } | |
| .hs-dark-table th.sorting_desc_first:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-dark-table th.sorting_desc:after, .hs-dark-table th.headerSortDown:after, .hs-dark-table th.za:after { | |
| visibility: visible; | |
| border-width: 0 4px 4px; | |
| border-color: #ccc transparent | |
| } | |
| .hs-dark-table th.sorting_asc:after, .hs-dark-table th.headerSortUp:after, .hs-dark-table th.az:after { | |
| visibility: visible; | |
| border-width: 4px 4px 0 4px; | |
| border-style: solid; | |
| border-color: #ccc transparent; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .hs-dark-table th.sorting:hover, .hs-dark-table th.sorting_desc:hover, .hs-dark-table th.sorting_asc:hover { | |
| color: #fff | |
| } | |
| .hs-dark-table th.sorting:hover:after, .hs-dark-table th.sorting_desc:hover:after, .hs-dark-table th.sorting_asc:hover:after { | |
| visibility: visible; | |
| border-color: #fff transparent | |
| } | |
| .hs-dark-table th.sorting.sorting_desc:hover:after, .hs-dark-table th.sorting_desc.sorting_desc:hover:after, .hs-dark-table th.sorting_asc.sorting_desc:hover:after { | |
| border-width: 0 4px 4px | |
| } | |
| .hs-dark-table th.sorting.sorting_asc:hover:after, .hs-dark-table th.sorting_desc.sorting_asc:hover:after, .hs-dark-table th.sorting_asc.sorting_asc:hover:after { | |
| border-width: 4px 4px 0 4px | |
| } | |
| .dataTables_wrapper .dataTables_empty { | |
| text-align: center; | |
| font-weight: normal; | |
| color: #999; | |
| line-height: 36px | |
| } | |
| .dataTables_wrapper.using-external-filter { | |
| margin-top: 2px | |
| } | |
| .dataTables_wrapper.using-external-filter .dataTables_filter { | |
| display: none | |
| } | |
| .hs-table .dataTables_empty { | |
| background: white | |
| } | |
| .bullet { | |
| position: relative; | |
| display: block | |
| } | |
| .bullet > .placeholder { | |
| display: block | |
| } | |
| .bullet > .inner { | |
| display: block; | |
| position: absolute; | |
| cursor: default; | |
| top: -1px; | |
| left: 7px; | |
| height: 30px; | |
| font-size: 55px; | |
| overflow: hidden; | |
| font-family: Arial, sans-serif; | |
| text-shadow: 0 1px 2px rgba(0,0,0,0.3); | |
| -webkit-text-stroke: 0.5px rgba(0,0,0,0.3); | |
| -moz-text-stroke: 0.5px rgba(0,0,0,0.3); | |
| -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), #000); | |
| -moz-mask-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), #000); | |
| -o-mask-image: -o-linear-gradient(top, rgba(0,0,0,0.3), #000) | |
| } | |
| .bullet > .inner.green, .bullet > .inner.on, .bullet > .inner.live { | |
| color: #3bad4b | |
| } | |
| .bullet > .inner.grey, .bullet > .inner.off, .bullet > .inner.not-live, .bullet > .inner.draft { | |
| color: #e6e6e6 | |
| } | |
| .bullet > .inner.light-green { | |
| color: #95db9f | |
| } | |
| .bullet > .inner.yellow { | |
| color: #f1d557 | |
| } | |
| .bullet > .inner.orange { | |
| color: #fe7722 | |
| } | |
| .bullet > .inner.red { | |
| color: #c73e34 | |
| } | |
| .bullet > .inner.blue { | |
| color: #3070E0 | |
| } | |
| .bullet > .inner.purple { | |
| color: #7755B8 | |
| } | |
| .bullet > .inner.light-purple { | |
| color: #bfafde | |
| } | |
| table.wide .bullet .inner { | |
| font-size: 60px | |
| } | |
| .ie div.bullet, .firefox div.bullet { | |
| opacity: 0.7 | |
| } | |
| .hs-table.wide.selectable-rows tr td { | |
| cursor: pointer; | |
| cursor: hand | |
| } | |
| .hs-table.wide.selectable-rows tr.hovered { | |
| background: #f8f8f8 | |
| } | |
| .hs-table.wide.selectable-rows tr.hovered td { | |
| border-color: #ddd | |
| } | |
| .hs-table.wide.selectable-rows tr.selected-row, .hs-table.wide.selectable-rows tr.hovered.selected-row { | |
| background-color: #eee; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #eee)); | |
| background-image: -webkit-linear-gradient(top, #e6e6e6, #eee); | |
| background-image: -moz-linear-gradient(top, #e6e6e6, #eee); | |
| background-image: -o-linear-gradient(top, #e6e6e6, #eee); | |
| background-image: linear-gradient(top, #e6e6e6,#eeeeee) | |
| } | |
| .hs-table.wide.selectable-rows tr.selected-row td, .hs-table.wide.selectable-rows tr.hovered.selected-row td { | |
| cursor: default; | |
| border-color: #ccc; | |
| color: #555 | |
| } | |
| .hs-table.wide.selectable-rows tr.selected-row td a, .hs-table.wide.selectable-rows tr.hovered.selected-row td a { | |
| color: #555 | |
| } | |
| .hs-table.wide.selectable-rows tr.selected-row td a.dropdown-target, .hs-table.wide.selectable-rows tr.hovered.selected-row td a.dropdown-target { | |
| color: #777 | |
| } | |
| .hs-table.wide.selectable-rows tr.selected-row td a.dropdown-target:hover, .hs-table.wide.selectable-rows tr.hovered.selected-row td a.dropdown-target:hover { | |
| color: #3288e6 | |
| } | |
| .hs-table.wide.selectable-rows tr.selected-row td:last-child:after, .hs-table.wide.selectable-rows tr.hovered.selected-row td:last-child:after { | |
| content: ' '; | |
| height: 45px; | |
| width: 24px; | |
| position: absolute; | |
| margin: -11px 0px 0px 9px; | |
| overflow: hidden; | |
| background: url("/style_guide/static-2.12/img/tables/selected_row_arrow_skinny.png") | |
| } | |
| .boxshadow table.hs-table.wide.selectable-rows tbody tr.hovered td { | |
| border-top: 1px solid #f8f8f8; | |
| -webkit-box-shadow: 0px -1px #ddd; | |
| -moz-box-shadow: 0px -1px #ddd; | |
| box-shadow: 0px -1px #ddd | |
| } | |
| .boxshadow table.hs-table.wide.selectable-rows tbody tr.selected-row td, .boxshadow table.hs-table.wide.selectable-rows tbody tr.hovered.selected-row td { | |
| border-top: 1px solid #e6e6e6; | |
| -webkit-box-shadow: 0px -1px #ccc; | |
| -moz-box-shadow: 0px -1px #ccc; | |
| box-shadow: 0px -1px #ccc | |
| } | |
| .boxshadow table.hs-table.wide.selectable-rows tbody tr.hovered:first-child td, .boxshadow table.hs-table.wide.selectable-rows tbody tr.selected-row:first-child td { | |
| border-top: 0px | |
| } | |
| .hs-table tbody td.hs-table-group, .hs-table.wide tbody td.hs-table-group { | |
| border-top: 1px solid #f3f3f3; | |
| background: #f3f3f3; | |
| font-weight: bold; | |
| padding: 5px 10px 6px | |
| } | |
| .tab-area { | |
| margin: 0; | |
| margin-top: 33px; | |
| position: relative | |
| } | |
| .tab-area nav { | |
| margin: 0; | |
| position: absolute; | |
| top: -31px; | |
| left: 0; | |
| right: 0; | |
| height: 32px; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(65%, rgba(0,0,0,0.01)), color-stop(100%, rgba(0,0,0,0.05))); | |
| background-image: -webkit-linear-gradient(top center, rgba(0,0,0,0), rgba(0,0,0,0.01) 65%, rgba(0,0,0,0.05)); | |
| background-image: -moz-linear-gradient(top center, rgba(0,0,0,0), rgba(0,0,0,0.01) 65%, rgba(0,0,0,0.05)); | |
| background-image: -o-linear-gradient(top center, rgba(0,0,0,0), rgba(0,0,0,0.01) 65%, rgba(0,0,0,0.05)); | |
| background-image: linear-gradient(top center, rgba(0,0,0,0),rgba(0,0,0,0.01) 65%,rgba(0,0,0,0.05)) | |
| } | |
| .tab-area nav ul { | |
| height: 32px; | |
| width: 100%; | |
| margin: 0; | |
| margin-left: 25px; | |
| overflow: hidden | |
| } | |
| .tab-area nav ul li { | |
| float: left; | |
| list-style: none; | |
| font-size: 14px; | |
| border: 1px solid #ddd; | |
| border-bottom: none; | |
| margin-left: 16px; | |
| margin-bottom: -1px; | |
| height: 30px; | |
| -webkit-box-shadow: 0px 0px 4px #e0e0e0; | |
| -moz-box-shadow: 0px 0px 4px #e0e0e0; | |
| box-shadow: 0px 0px 4px #e0e0e0; | |
| background-color: #fff | |
| } | |
| .tab-area nav ul li:first-child { | |
| margin-left: 50px | |
| } | |
| .tab-area nav ul li a { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| float: left; | |
| padding: 7px 18px 7px; | |
| color: #999; | |
| font-weight: bold; | |
| cursor: pointer | |
| } | |
| .tab-area nav ul li:hover { | |
| border: 1px solid #d4d4d4 | |
| } | |
| .tab-area nav ul li:hover a { | |
| text-decoration: none; | |
| color: #777 | |
| } | |
| .tab-area nav ul li.active { | |
| border: 1px solid #ccc; | |
| border-bottom: 1px solid #fff; | |
| background-color: #fff | |
| } | |
| .tab-area nav ul li.active a { | |
| color: #444; | |
| cursor: default | |
| } | |
| .tab-area .tab-contents { | |
| border-top: 1px solid #ccc; | |
| padding: 18px 5px 0; | |
| z-index: 1; | |
| margin-bottom: 18px | |
| } | |
| .tab-area .tab-contents > section { | |
| display: none | |
| } | |
| .tab-area .tab-contents > section.active { | |
| display: block | |
| } | |
| .small-tab-area { | |
| margin: 0; | |
| margin-top: 28px; | |
| position: relative | |
| } | |
| .small-tab-area nav { | |
| margin: 0; | |
| position: absolute; | |
| top: -26px; | |
| left: 0; | |
| right: 0; | |
| height: 27px; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(65%, rgba(0,0,0,0.01)), color-stop(100%, rgba(0,0,0,0.05))); | |
| background-image: -webkit-linear-gradient(top center, rgba(0,0,0,0), rgba(0,0,0,0.01) 65%, rgba(0,0,0,0.05)); | |
| background-image: -moz-linear-gradient(top center, rgba(0,0,0,0), rgba(0,0,0,0.01) 65%, rgba(0,0,0,0.05)); | |
| background-image: -o-linear-gradient(top center, rgba(0,0,0,0), rgba(0,0,0,0.01) 65%, rgba(0,0,0,0.05)); | |
| background-image: linear-gradient(top center, rgba(0,0,0,0),rgba(0,0,0,0.01) 65%,rgba(0,0,0,0.05)); | |
| left: -5px; | |
| right: -5px | |
| } | |
| .small-tab-area nav ul { | |
| height: 27px; | |
| width: 100%; | |
| margin: 0; | |
| margin-left: 25px; | |
| overflow: hidden | |
| } | |
| .small-tab-area nav ul li { | |
| float: left; | |
| list-style: none; | |
| font-size: 11px; | |
| border: 1px solid #ddd; | |
| border-bottom: none; | |
| margin-left: 16px; | |
| margin-bottom: -1px; | |
| height: 25px; | |
| -webkit-box-shadow: 0px 0px 4px #e0e0e0; | |
| -moz-box-shadow: 0px 0px 4px #e0e0e0; | |
| box-shadow: 0px 0px 4px #e0e0e0; | |
| background-color: #fff | |
| } | |
| .small-tab-area nav ul li:first-child { | |
| margin-left: 50px | |
| } | |
| .small-tab-area nav ul li a { | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| float: left; | |
| padding: 3px 12px 4px; | |
| color: #999; | |
| font-weight: bold; | |
| cursor: pointer | |
| } | |
| .small-tab-area nav ul li:hover { | |
| border: 1px solid #d4d4d4 | |
| } | |
| .small-tab-area nav ul li:hover a { | |
| text-decoration: none; | |
| color: #777 | |
| } | |
| .small-tab-area nav ul li.active { | |
| border: 1px solid #ccc; | |
| border-bottom: 1px solid #fff; | |
| background-color: #fff | |
| } | |
| .small-tab-area nav ul li.active a { | |
| color: #444; | |
| cursor: default | |
| } | |
| .small-tab-area nav ul:before, .small-tab-area nav ul:after { | |
| width: 22px; | |
| height: 27px; | |
| background-color: transparent; | |
| content: ""; | |
| display: block; | |
| position: absolute | |
| } | |
| .small-tab-area nav ul:before { | |
| background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0))); | |
| background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.8), rgba(255,255,255,0)); | |
| background-image: -moz-linear-gradient(left, rgba(255,255,255,0.8), rgba(255,255,255,0)); | |
| background-image: -o-linear-gradient(left, rgba(255,255,255,0.8), rgba(255,255,255,0)); | |
| background-image: linear-gradient(left, rgba(255,255,255,0.8),rgba(255,255,255,0)); | |
| left: -5px | |
| } | |
| .small-tab-area nav ul:after { | |
| background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0))); | |
| background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0)); | |
| background-image: -moz-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0)); | |
| background-image: -o-linear-gradient(right, rgba(255,255,255,0.8), rgba(255,255,255,0)); | |
| background-image: linear-gradient(right, rgba(255,255,255,0.8),rgba(255,255,255,0)); | |
| right: -5px | |
| } | |
| .small-tab-area .tab-contents { | |
| border-top: 1px solid #ccc; | |
| padding: 18px 5px 0; | |
| z-index: 1; | |
| margin-bottom: 18px; | |
| margin-left: -5px; | |
| margin-right: -5px | |
| } | |
| .small-tab-area .tab-contents > section { | |
| display: none | |
| } | |
| .small-tab-area .tab-contents > section.active { | |
| display: block | |
| } | |
| .small-tab-area nav ul li a { | |
| line-height: 20px | |
| } | |
| div.time-picker { | |
| position: absolute; | |
| height: 200px; | |
| overflow-y: auto; | |
| overflow-x: hidden; | |
| background: #fff; | |
| border: 1px solid #aaa; | |
| z-index: 99; | |
| margin: 0; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -ms-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-box-shadow: 0px 6px 13px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0px 6px 13px rgba(0,0,0,0.3); | |
| box-shadow: 0px 6px 13px rgba(0,0,0,0.3) | |
| } | |
| div.time-picker ul { | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| div.time-picker li { | |
| color: #777; | |
| cursor: pointer; | |
| font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| padding: 4px 26px 4px 6px; | |
| border-top: 1px solid transparent; | |
| border-bottom: 1px solid transparent | |
| } | |
| div.time-picker li.selected { | |
| background-color: #e37d3e; | |
| background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e89764), color-stop(100%, #e37d3e)); | |
| background-image: -webkit-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -moz-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: -o-linear-gradient(top, #e89764, #e37d3e); | |
| background-image: linear-gradient(top, #e89764,#e37d3e); | |
| border-top: 1px solid #df6c24; | |
| border-bottom: 1px solid #d5661f; | |
| -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); | |
| color: #fff | |
| } | |
| div.time-picker li.selected:active { | |
| -webkit-box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05); | |
| -moz-box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05); | |
| box-shadow: inset 0px 4px 11px rgba(0,0,0,0.05) | |
| } | |
| .pre-icon:before { | |
| line-height: 0.1; | |
| font-weight: normal; | |
| font-family: "Pictos"; | |
| -webkit-font-smoothing: antialiased; | |
| font-size: 16px | |
| } | |
| .pre-icon.add:before { | |
| content: "&" | |
| } | |
| .pre-icon.edit:before { | |
| content: "p" | |
| } | |
| .pre-icon.delete:before { | |
| content: "*" | |
| } | |
| .pre-icon.home:before { | |
| content: "H" | |
| } | |
| .pre-icon.app-home:before { | |
| content: "H" | |
| } | |
| .pre-icon.search:before { | |
| content: "s" | |
| } | |
| .pre-icon.settings:before { | |
| content: "y" | |
| } | |
| .pre-icon.download:before { | |
| content: "}" | |
| } | |
| .pre-icon.export:before { | |
| content: "}" | |
| } | |
| .pre-icon.link:before { | |
| content: "R" | |
| } | |
| .pre-icon.external-link:before { | |
| content: "R" | |
| } | |
| .pre-icon.back-arrow:before { | |
| content: "[" | |
| } | |
| .pre-icon.permalink:before { | |
| content: "j" | |
| } | |
| .pre-icon.warning:before { | |
| content: "!" | |
| } | |
| .pre-icon.error:before { | |
| content: "*" | |
| } | |
| .pre-icon.success:before { | |
| content: "3" | |
| } | |
| .pre-icon.email:before { | |
| content: "M" | |
| } | |
| .pre-icon.blog:before { | |
| content: "N" | |
| } | |
| .pre-icon.landing-pages:before { | |
| content: "F" | |
| } | |
| .pre-icon.social:before { | |
| content: "w" | |
| } | |
| .pre-icon.social-media:before { | |
| content: "w" | |
| } | |
| .pre-icon.cta:before { | |
| content: "S" | |
| } | |
| .pre-icon.call-to-action:before { | |
| content: "S" | |
| } | |
| .pre-icon.pages:before { | |
| content: "I" | |
| } | |
| .pre-icon.keywords:before { | |
| content: "K" | |
| } | |
| .pre-icon.prospects:before { | |
| content: "E" | |
| } | |
| .pre-icon.lists:before { | |
| content: "l" | |
| } | |
| .pre-icon.workflows:before { | |
| content: ";" | |
| } | |
| .pre-icon.lead-nurturing:before { | |
| content: ";" | |
| } | |
| .pre-icon.conversion-assists:before { | |
| content: "Z" | |
| } | |
| .pre-icon.sources:before { | |
| content: "Y" | |
| } | |
| .pre-icon.competitors:before { | |
| content: "J" | |
| } | |
| .pre-icon.marketplace:before { | |
| content: "$" | |
| } | |
| .pre-icon.app-marketplace:before { | |
| content: "$" | |
| } | |
| .pre-icon.service-marketplace:before { | |
| content: "$" | |
| } | |
| .pre-icon.installed-apps:before { | |
| content: "}" | |
| } | |
| .pre-icon.help:before { | |
| content: "?" | |
| } | |
| .pre-icon.forums:before { | |
| content: "q" | |
| } | |
| .pre-icon.ideas:before { | |
| content: "b" | |
| } | |
| .pre-icon.academy:before { | |
| content: "3" | |
| } | |
| .pre-icon.learning-center:before { | |
| content: "3" | |
| } | |
| .inline-icon { | |
| line-height: 0.1; | |
| font-weight: normal; | |
| font-family: "Pictos"; | |
| -webkit-font-smoothing: antialiased; | |
| font-size: 16px | |
| } | |
| .inline-icon.add:before { | |
| content: "&" | |
| } | |
| .inline-icon.edit:before { | |
| content: "p" | |
| } | |
| .inline-icon.delete:before { | |
| content: "*" | |
| } | |
| .inline-icon.home:before { | |
| content: "H" | |
| } | |
| .inline-icon.app-home:before { | |
| content: "H" | |
| } | |
| .inline-icon.search:before { | |
| content: "s" | |
| } | |
| .inline-icon.settings:before { | |
| content: "y" | |
| } | |
| .inline-icon.download:before { | |
| content: "}" | |
| } | |
| .inline-icon.export:before { | |
| content: "}" | |
| } | |
| .inline-icon.link:before { | |
| content: "R" | |
| } | |
| .inline-icon.external-link:before { | |
| content: "R" | |
| } | |
| .inline-icon.back-arrow:before { | |
| content: "[" | |
| } | |
| .inline-icon.permalink:before { | |
| content: "j" | |
| } | |
| .inline-icon.warning:before { | |
| content: "!" | |
| } | |
| .inline-icon.error:before { | |
| content: "*" | |
| } | |
| .inline-icon.success:before { | |
| content: "3" | |
| } | |
| .inline-icon.email:before { | |
| content: "M" | |
| } | |
| .inline-icon.blog:before { | |
| content: "N" | |
| } | |
| .inline-icon.landing-pages:before { | |
| content: "F" | |
| } | |
| .inline-icon.social:before { | |
| content: "w" | |
| } | |
| .inline-icon.social-media:before { | |
| content: "w" | |
| } | |
| .inline-icon.cta:before { | |
| content: "S" | |
| } | |
| .inline-icon.call-to-action:before { | |
| content: "S" | |
| } | |
| .inline-icon.pages:before { | |
| content: "I" | |
| } | |
| .inline-icon.keywords:before { | |
| content: "K" | |
| } | |
| .inline-icon.prospects:before { | |
| content: "E" | |
| } | |
| .inline-icon.lists:before { | |
| content: "l" | |
| } | |
| .inline-icon.workflows:before { | |
| content: ";" | |
| } | |
| .inline-icon.lead-nurturing:before { | |
| content: ";" | |
| } | |
| .inline-icon.conversion-assists:before { | |
| content: "Z" | |
| } | |
| .inline-icon.sources:before { | |
| content: "Y" | |
| } | |
| .inline-icon.competitors:before { | |
| content: "J" | |
| } | |
| .inline-icon.marketplace:before { | |
| content: "$" | |
| } | |
| .inline-icon.app-marketplace:before { | |
| content: "$" | |
| } | |
| .inline-icon.service-marketplace:before { | |
| content: "$" | |
| } | |
| .inline-icon.installed-apps:before { | |
| content: "}" | |
| } | |
| .inline-icon.help:before { | |
| content: "?" | |
| } | |
| .inline-icon.forums:before { | |
| content: "q" | |
| } | |
| .inline-icon.ideas:before { | |
| content: "b" | |
| } | |
| .inline-icon.academy:before { | |
| content: "3" | |
| } | |
| .inline-icon.learning-center:before { | |
| content: "3" | |
| } | |
| .chzn-container { | |
| font-size: 13px; | |
| position: relative; | |
| display: inline-block; | |
| zoom: 1; | |
| *display: inline | |
| } | |
| .chzn-container .chzn-drop { | |
| background: #fff; | |
| border: 1px solid #aaa; | |
| border-top: 0; | |
| position: absolute; | |
| top: 29px; | |
| left: 0; | |
| -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15); | |
| -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.15); | |
| -o-box-shadow: 0 4px 5px rgba(0,0,0,0.15); | |
| box-shadow: 0 4px 5px rgba(0,0,0,0.15); | |
| z-index: 999 | |
| } | |
| .chzn-container-single .chzn-single { | |
| background-color: #fff; | |
| background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); | |
| background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); | |
| background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); | |
| background-image: -o-linear-gradient(top, #eee 0%, #fff 50%); | |
| background-image: -ms-linear-gradient(top, #eee 0%, #fff 50%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); | |
| background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| -moz-background-clip: padding; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| border: 1px solid #aaa; | |
| display: block; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| position: relative; | |
| height: 26px; | |
| line-height: 26px; | |
| padding: 0 0 0 8px; | |
| color: #444; | |
| text-decoration: none | |
| } | |
| .chzn-container-single .chzn-single span { | |
| margin-right: 26px; | |
| display: block; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| -o-text-overflow: ellipsis; | |
| -ms-text-overflow: ellipsis; | |
| text-overflow: ellipsis | |
| } | |
| .chzn-container-single .chzn-single abbr { | |
| display: block; | |
| position: absolute; | |
| right: 26px; | |
| top: 8px; | |
| width: 12px; | |
| height: 13px; | |
| font-size: 1px; | |
| background: url(chosen-sprite.png) right top no-repeat | |
| } | |
| .chzn-container-single .chzn-single abbr:hover { | |
| background-position: right -11px | |
| } | |
| .chzn-container-single .chzn-single div { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| -moz-background-clip: padding; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| background: #ccc; | |
| background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); | |
| background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); | |
| background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); | |
| background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); | |
| background-image: -ms-linear-gradient(top, #ccc 0%, #eee 60%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); | |
| background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%); | |
| border-left: 1px solid #aaa; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| display: block; | |
| height: 100%; | |
| width: 18px | |
| } | |
| .chzn-container-single .chzn-single div b { | |
| background: url("chosen-sprite.png") no-repeat 0 1px; | |
| display: block; | |
| width: 100%; | |
| height: 100% | |
| } | |
| .chzn-container-single .chzn-search { | |
| padding: 3px 4px; | |
| position: relative; | |
| margin: 0; | |
| white-space: nowrap; | |
| z-index: 1010 | |
| } | |
| .chzn-container-single .chzn-search input { | |
| background: #fff url("chosen-sprite.png") no-repeat 100% -22px; | |
| background: url("chosen-sprite.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); | |
| background: url("chosen-sprite.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat 100% -22px, -o-linear-gradient(bottom, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%); | |
| margin: 1px 0; | |
| padding: 4px 20px 4px 5px; | |
| outline: 0; | |
| border: 1px solid #aaa; | |
| font-family: sans-serif; | |
| font-size: 1em | |
| } | |
| .chzn-container-single .chzn-drop { | |
| -webkit-border-radius: 0 0 4px 4px; | |
| -moz-border-radius: 0 0 4px 4px; | |
| border-radius: 0 0 4px 4px; | |
| -moz-background-clip: padding; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box | |
| } | |
| .chzn-container-single-nosearch .chzn-search input { | |
| position: absolute; | |
| left: -9000px | |
| } | |
| .chzn-container-multi .chzn-choices { | |
| background-color: #fff; | |
| background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); | |
| background-image: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); | |
| background-image: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); | |
| background-image: -o-linear-gradient(bottom, #fff 85%, #eee 99%); | |
| background-image: -ms-linear-gradient(top, #fff 85%, #eee 99%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); | |
| background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%); | |
| border: 1px solid #aaa; | |
| margin: 0; | |
| padding: 0; | |
| cursor: text; | |
| overflow: hidden; | |
| height: auto !important; | |
| height: 1%; | |
| position: relative | |
| } | |
| .chzn-container-multi .chzn-choices li { | |
| float: left; | |
| list-style: none | |
| } | |
| .chzn-container-multi .chzn-choices .search-field { | |
| white-space: nowrap; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| .chzn-container-multi .chzn-choices .search-field input { | |
| color: #666; | |
| background: transparent !important; | |
| border: 0 !important; | |
| padding: 5px; | |
| margin: 1px 0; | |
| outline: 0; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| -o-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .chzn-container-multi .chzn-choices .search-field .default { | |
| color: #999 | |
| } | |
| .chzn-container-multi .chzn-choices .search-choice { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -moz-background-clip: padding; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| background-color: #e4e4e4; | |
| background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eee)); | |
| background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eee 70%); | |
| background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eee 70%); | |
| background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eee 70%); | |
| background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eee 70%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 ); | |
| background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%); | |
| color: #333; | |
| border: 1px solid #b4b4b4; | |
| line-height: 13px; | |
| padding: 3px 19px 3px 6px; | |
| margin: 3px 0 3px 5px; | |
| position: relative | |
| } | |
| .chzn-container-multi .chzn-choices .search-choice span { | |
| cursor: default | |
| } | |
| .chzn-container-multi .chzn-choices .search-choice-focus { | |
| background: #d4d4d4 | |
| } | |
| .chzn-container-multi .chzn-choices .search-choice .search-choice-close { | |
| display: block; | |
| position: absolute; | |
| right: 3px; | |
| top: 4px; | |
| width: 12px; | |
| height: 13px; | |
| font-size: 1px; | |
| background: url(chosen-sprite.png) right top no-repeat | |
| } | |
| .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { | |
| background-position: right -11px | |
| } | |
| .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { | |
| background-position: right -11px | |
| } | |
| .chzn-container .chzn-results { | |
| margin: 0 4px 4px 0; | |
| max-height: 190px; | |
| padding: 0 0 0 4px; | |
| position: relative; | |
| overflow-x: hidden; | |
| overflow-y: auto | |
| } | |
| .chzn-container-multi .chzn-results { | |
| margin: -1px 0 0; | |
| padding: 0 | |
| } | |
| .chzn-container .chzn-results li { | |
| display: none; | |
| line-height: 80%; | |
| padding: 7px 7px 8px; | |
| margin: 0; | |
| list-style: none | |
| } | |
| .chzn-container .chzn-results .active-result { | |
| cursor: pointer; | |
| display: list-item | |
| } | |
| .chzn-container .chzn-results .exact-result { | |
| background: #f4f4f4; | |
| display: list-item | |
| } | |
| .chzn-container .chzn-results .highlighted { | |
| background: #3875d7; | |
| color: #fff | |
| } | |
| .chzn-container .chzn-results li em { | |
| background: #feffde; | |
| font-style: normal | |
| } | |
| .chzn-container .chzn-results .highlighted em { | |
| background: transparent | |
| } | |
| .chzn-container .chzn-results .no-results { | |
| background: #f4f4f4; | |
| display: list-item | |
| } | |
| .chzn-container .chzn-results .group-result { | |
| cursor: default; | |
| color: #999; | |
| font-weight: bold | |
| } | |
| .chzn-container .chzn-results .group-option { | |
| padding-left: 20px | |
| } | |
| .chzn-container-multi .chzn-drop .result-selected { | |
| display: none | |
| } | |
| .chzn-container-active .chzn-single { | |
| -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| -o-box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| border: 1px solid #5897fb | |
| } | |
| .chzn-container-active .chzn-single-with-drop { | |
| border: 1px solid #aaa; | |
| -webkit-box-shadow: 0 1px 0 #fff inset; | |
| -moz-box-shadow: 0 1px 0 #fff inset; | |
| -o-box-shadow: 0 1px 0 #fff inset; | |
| box-shadow: 0 1px 0 #fff inset; | |
| background-color: #eee; | |
| background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); | |
| background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); | |
| background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); | |
| background-image: -o-linear-gradient(bottom, #fff 0%, #eee 50%); | |
| background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%); | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); | |
| background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); | |
| -webkit-border-bottom-left-radius: 0; | |
| -webkit-border-bottom-right-radius: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| -moz-border-radius-bottomright: 0; | |
| border-bottom-left-radius: 0; | |
| border-bottom-right-radius: 0 | |
| } | |
| .chzn-container-active .chzn-single-with-drop div { | |
| background: transparent; | |
| border-left: none | |
| } | |
| .chzn-container-active .chzn-single-with-drop div b { | |
| background-position: -18px 1px | |
| } | |
| .chzn-container-active .chzn-choices { | |
| -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| -o-box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
| border: 1px solid #5897fb | |
| } | |
| .chzn-container-active .chzn-choices .search-field input { | |
| color: #111 !important | |
| } | |
| .chzn-disabled { | |
| cursor: default; | |
| opacity: 0.5 !important | |
| } | |
| .chzn-disabled .chzn-single { | |
| cursor: default | |
| } | |
| .chzn-disabled .chzn-choices .search-choice .search-choice-close { | |
| cursor: default | |
| } | |
| .chzn-rtl { | |
| direction: rtl; | |
| text-align: right | |
| } | |
| .chzn-rtl .chzn-single { | |
| padding-left: 0; | |
| padding-right: 8px | |
| } | |
| .chzn-rtl .chzn-single span { | |
| margin-left: 26px; | |
| margin-right: 0 | |
| } | |
| .chzn-rtl .chzn-single div { | |
| left: 0; | |
| right: auto; | |
| border-left: none; | |
| border-right: 1px solid #aaaaaa; | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px | |
| } | |
| .chzn-rtl .chzn-single abbr { | |
| left: 26px; | |
| right: auto | |
| } | |
| .chzn-rtl .chzn-choices li { | |
| float: right | |
| } | |
| .chzn-rtl .chzn-choices .search-choice { | |
| padding: 3px 6px 3px 19px; | |
| margin: 3px 5px 3px 0 | |
| } | |
| .chzn-rtl .chzn-choices .search-choice .search-choice-close { | |
| left: 5px; | |
| right: auto; | |
| background-position: right top | |
| } | |
| .chzn-rtl.chzn-container-single .chzn-results { | |
| margin-left: 4px; | |
| margin-right: 0; | |
| padding-left: 0; | |
| padding-right: 4px | |
| } | |
| .chzn-rtl .chzn-results .group-option { | |
| padding-left: 0; | |
| padding-right: 20px | |
| } | |
| .chzn-rtl.chzn-container-active .chzn-single-with-drop div { | |
| border-right: none | |
| } | |
| .chzn-rtl .chzn-search input { | |
| background: url("chosen-sprite.png") no-repeat -38px -22px, #fff; | |
| background: url("chosen-sprite.png") no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); | |
| background: url("chosen-sprite.png") no-repeat -38px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat -38px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat -38px -22px, -o-linear-gradient(bottom, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat -38px -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%); | |
| background: url("chosen-sprite.png") no-repeat -38px -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%); | |
| padding: 4px 5px 4px 20px | |
| } | |
| #hsnav, #hsnav div, #hsnav span, #hsnav h1, #hsnav h2, #hsnav h3, #hsnav h4, #hsnav h5, #hsnav h6, #hsnav p, #hsnav blockquote, #hsnav pre, #hsnav a, #hsnav em, #hsnav font, #hsnav img, #hsnav ins, #hsnav del, #hsnav ol, #hsnav ul, #hsnav li, #hsnav fieldset, #hsnav table, #hsnav caption, #hsnav tbody, #hsnav tfoot, #hsnav thead, #hsnav tr, #hsnav th, #hsnav td { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| font-size: 100%; | |
| vertical-align: baseline; | |
| background: transparent; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-family: Verdana, Arial, sans-serif; | |
| text-align: left | |
| } | |
| #hsnav { | |
| line-height: 1 | |
| } | |
| #hsnav ol, #hsnav ul { | |
| list-style: none | |
| } | |
| #hsnav blockquote, #hsnav q { | |
| quotes: none | |
| } | |
| #hsnav :focus { | |
| outline: 0 | |
| } | |
| #hsnav ins { | |
| text-decoration: none | |
| } | |
| #hsnav del { | |
| text-decoration: line-through | |
| } | |
| #hsnav table { | |
| border-collapse: collapse; | |
| border-spacing: 0 | |
| } | |
| #hsnav .hide { | |
| display: none | |
| } | |
| #hsnav .logo { | |
| position: absolute; | |
| top: 12px; | |
| left: 23px | |
| } | |
| #hsnav .logo a { | |
| float: left; | |
| width: 135px; | |
| height: 54px; | |
| z-index: 1000 | |
| } | |
| #hsnav .logo.marketer a { | |
| background: url("/navigation/img/img-hubspot-marketer.png") no-repeat center center | |
| } | |
| #hsnav .logo.owner a { | |
| background: url("/navigation/img/img-hubspot-owner.png") no-repeat center center | |
| } | |
| #hsnav .logo.large a { | |
| background: url("/navigation/img/img-hubspot-large.png") no-repeat center center | |
| } | |
| #hsnav .logo.medium a { | |
| background: url("/navigation/img/img-hubspot-medium.png") no-repeat center center | |
| } | |
| #hsnav .logo.small a { | |
| background: url("/navigation/img/img-hubspot-small.png") no-repeat center center | |
| } | |
| #hsnav .logo span { | |
| display: none | |
| } | |
| #hsnav { | |
| height: 74px; | |
| width: 100%; | |
| background: url("/navigation/img/bkg-header.jpg") repeat-x; | |
| min-width: 955px; | |
| position: relative; | |
| z-index: 900 | |
| } | |
| #hsnav .primary { | |
| margin-left: 180px; | |
| margin-top: 41px; | |
| float: left | |
| } | |
| #hsnav .primary:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden | |
| } | |
| #hsnav .primary li { | |
| float: left; | |
| list-style: none; | |
| margin-right: 2px; | |
| height: 33px; | |
| position: relative | |
| } | |
| #hsnav .primary li a { | |
| display: block; | |
| background: url("/navigation/img/bkg-pnav-ltrim-sprite.png") no-repeat 0 0; | |
| height: 33px; | |
| padding: 0; | |
| font-size: 12px; | |
| font-weight: bold; | |
| color: white; | |
| text-decoration: none; | |
| line-height: 37px | |
| } | |
| #hsnav .primary li a span { | |
| display: block; | |
| background: url("/navigation/img/bkg-pnav-rtrim-sprite.png") no-repeat right 0; | |
| height: 33px; | |
| margin-left: 10px; | |
| padding: 0 20px 0 10px | |
| } | |
| #hsnav .primary li.selected a { | |
| background: url("/navigation/img/bkg-pnav-ltrim-sprite.png") no-repeat 0 -80px; | |
| color: #ff6a00 | |
| } | |
| #hsnav .primary li.selected a span { | |
| background: url("/navigation/img/bkg-pnav-rtrim-sprite.png") no-repeat right -80px | |
| } | |
| #hsnav .primary li a:hover { | |
| background: url("/navigation/img/bkg-pnav-ltrim-sprite.png") no-repeat 0 -40px; | |
| color: white | |
| } | |
| #hsnav .primary li a:hover span { | |
| background: url("/navigation/img/bkg-pnav-rtrim-sprite.png") no-repeat right -40px | |
| } | |
| #hsnav .primary .sub { | |
| position: absolute; | |
| width: 341px; | |
| z-index: 1000; | |
| left: 0px; | |
| background: url("/navigation/img/bkg-submenu-sprite.png") no-repeat 0 bottom; | |
| padding-bottom: 33px | |
| } | |
| #hsnav .primary .sub ul { | |
| z-index: 1001; | |
| background: url("/navigation/img/bkg-submenu-sprite.png") repeat-y 0 0; | |
| padding: 2px 12px 0px 6px; | |
| z-index: 10px | |
| } | |
| #hsnav .primary .sub ul:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden | |
| } | |
| #hsnav .primary .sub li { | |
| float: none; | |
| height: auto !important; | |
| position: inherit; | |
| margin: 0; | |
| padding: 0 0 9px 0; | |
| display: block; | |
| width: 100% | |
| } | |
| #hsnav .primary .sub li.last { | |
| padding-bottom: 0 | |
| } | |
| #hsnav .primary .sub li a { | |
| background: none; | |
| color: #666; | |
| display: block; | |
| height: auto !important; | |
| padding: 5px 2px; | |
| margin: 0; | |
| line-height: 14px | |
| } | |
| #hsnav .primary .sub li a:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden | |
| } | |
| #hsnav .primary .sub li a:hover { | |
| background-color: #ffeee2 | |
| } | |
| #hsnav .primary .sub li a em { | |
| font-weight: bold; | |
| color: #e3701e; | |
| margin: 0; | |
| line-height: 20px; | |
| font-size: 12.6px; | |
| white-space: nowrap | |
| } | |
| #hsnav .primary .sub li a em:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| clear: both; | |
| visibility: hidden | |
| } | |
| #hsnav .primary .sub li a span { | |
| display: block; | |
| line-height: 12px; | |
| font-weight: normal; | |
| line-height: 15px; | |
| margin: 0; | |
| padding: 0; | |
| background: transparent; | |
| height: auto | |
| } | |
| #hsnav .primary .sub li.last a { | |
| padding-bottom: 0px | |
| } | |
| #hsnav .primary .sub { | |
| display: none | |
| } | |
| #hsnav .primary li:hover a+ div.sub, #hsnav .primary li.hover a+ div.sub { | |
| display: block | |
| } | |
| #hsnav .secondary { | |
| position: absolute; | |
| top: 10px; | |
| right: 10px | |
| } | |
| #hsnav .secondary li { | |
| float: left; | |
| height: 15px; | |
| font-size: 11px; | |
| color: #526069; | |
| border-right: 1px solid #666; | |
| padding-right: 6px; | |
| margin-right: 6px; | |
| line-height: 15px | |
| } | |
| #hsnav .secondary li.last { | |
| border: 0 | |
| } | |
| #hsnav .secondary li a { | |
| color: #526069; | |
| text-decoration: none | |
| } | |
| #hsnav .secondary li a:hover { | |
| text-decoration: underline; | |
| color: #fda05e | |
| } | |
| #hsnav .secondary span.infobanner { | |
| float: left; | |
| margin: 1px 10px 0 0 | |
| } | |
| #hsnav .secondary span.infobanner a { | |
| color: #EF1D1D; | |
| font-weight: bold; | |
| font-size: 12px; | |
| text-decoration: none | |
| } | |
| #hsnav .secondary span.infobanner a:hover { | |
| text-decoration: underline | |
| } | |
| #hsnav .navswitch { | |
| display: none; | |
| font-size: 14px; | |
| font-weight: bold; | |
| color: #4F565C; | |
| position: absolute; | |
| left: 760px; | |
| bottom: 8px; | |
| text-decoration: underline | |
| } | |
| #hsnav li { | |
| white-space: normal | |
| } | |
| #hsnav .trial { | |
| position: absolute; | |
| left: 180px; | |
| top: 10px; | |
| font-size: 12px; | |
| font-weight: normal; | |
| color: #553; | |
| font-style: italic; | |
| width: 50% | |
| } | |
| #hsnav .trial span.days { | |
| font-weight: bold; | |
| font-size: 14px | |
| } | |
| #hsnav .trial span.buy { | |
| font-weight: bold; | |
| font-size: 13px; | |
| border: 1px solid #bbb; | |
| font-variant: small-caps; | |
| background-color: #fcfcfc; | |
| padding: 1px 3px | |
| } | |
| #hsnav .trial span.buy a { | |
| text-decoration: none; | |
| color: #955; | |
| font-weight: bold | |
| } | |
| #hsnav .primary .sub li.fresh a { | |
| background: url("/navigation/img/icon-fresh.png") no-repeat right 8px | |
| } | |
| #hsnav .primary .sub li.fresh a:hover { | |
| background: #ffeee2 url("/navigation/img/icon-fresh.png") no-repeat right 8px | |
| } | |
| #hsnav .primary .sub li.fresh a span { | |
| margin-right: 50px; | |
| min-height: 35px | |
| } | |
| #hsnav .primary .sub li.marketplace a { | |
| background: url("/final/img/marketplace/canvas.png") no-repeat right 8px | |
| } | |
| #hsnav .primary .sub li.marketplace a:hover { | |
| background: #ffeee2 url("/final/img/marketplace/canvas.png") no-repeat right 8px | |
| } | |
| #hsnav .primary .sub li a h3 { | |
| font-weight: bold; | |
| color: #e3701e; | |
| margin: 0; | |
| line-height: 20px; | |
| font-size: 105% | |
| } | |
| #hsnav .primary .sub li a p { | |
| line-height: 12px; | |
| font-weight: normal; | |
| line-height: 15px | |
| } | |
| #hsnav .primary .sub li.fresh a p { | |
| margin-right: 50px; | |
| min-height: 35px | |
| } | |
| #hsnav .secondary li.host { | |
| border-color: #CCC | |
| } | |
| #hsnav .secondary li.host a { | |
| color: #B2C0C9 | |
| } | |
| #hsnav .secondary li.host a:hover { | |
| color: #fda05e | |
| } | |
| #logged_in_user_message { | |
| float: left; | |
| font-size: 12px; | |
| margin-right: 10px | |
| } | |
| div#hsnavigation.css_navbeta { | |
| display: block; | |
| position: fixed; | |
| width: 100%; | |
| height: 50px; | |
| background: #444; | |
| -moz-transition: all 0.3s ease-in-out; | |
| -o-transition: all 0.3s ease-in-out; | |
| -webkit-transition: all 0.3s ease-in-out; | |
| transition: all 0.3s ease-in-out; | |
| top: 0; | |
| left: 0; | |
| z-index: 999 | |
| } | |
| div#hsnavigation.css_navbeta.shadow { | |
| -webkit-box-shadow: 0 0 7px #303030; | |
| -moz-box-shadow: 0 0 7px #303030; | |
| opacity: .9 | |
| } | |
| div#hsnavigation.css_navbeta.shadow:hover { | |
| opacity: 1; | |
| -webkit-box-shadow: none | |
| } | |
| div#hsnavigation.css_navbeta *, div#sub-header.css_navbeta * { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| text-decoration: none | |
| } | |
| div#hsnavigation.css_navbeta .width-960px, div#sub-header.css_navbeta .width-960px { | |
| min-width: 960px !important; | |
| max-width: 1080px; | |
| padding: 5px 20px !important; | |
| width: 95%; | |
| margin: 0 auto; | |
| display: block; | |
| position: static | |
| } | |
| div#hsnavigation.css_navbeta > div > #HubSpot { | |
| background: url(//static.hubspot.com/final/img/ui_toolkit/asears/hubspot.png) center center no-repeat; | |
| display: block; | |
| float: left; | |
| height: 40px; | |
| width: 108px | |
| } | |
| div#hsnavigation.css_navbeta > div > #HubSpot.internal-logo { | |
| background: url(//static.hubspot.com/final/img/ui_toolkit/asears/hubspot-internal.png) center center no-repeat; | |
| display: block; | |
| float: left; | |
| height: 40px; | |
| width: 211px | |
| } | |
| div#hsnavigation.css_navbeta > div > span { | |
| display: block; | |
| float: right; | |
| position: relative; | |
| height: 35px | |
| } | |
| div#hsnavigation.css_navbeta > div > span.account { | |
| float: left; | |
| padding: 0 0 0 10px; | |
| display: none | |
| } | |
| div#hsnavigation.css_navbeta > div > span.account > a { | |
| border-right: none; | |
| padding: 0 0 0 10px; | |
| margin: 0; | |
| font-weight: 300; | |
| letter-spacing: 1px; | |
| border-left: 1px solid #555; | |
| background: #444 | |
| } | |
| div#hsnavigation.css_navbeta > div > span.account > a > span.notify { | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEzLzExO3aQ+QAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAJvSURBVEiJ1Za9atxAEMd/u5J1koKOcHbj3n0S0hxu0hx5gbxFakNSGIzBCTG4z1PkAWLSpAlunI/e9wAG2wSLk+STZjeFpIvuzrkPLjbJwMKwrPTb2Znd+StrLfdpbu0opZrzqhoOoCt/EbOAAaTyR9HUgbm3fKQAd3d399HGxsY7Y8y2tTZYhKaUSrXWXy4uLl4fHBz8AIomFEDV5CpCBazt7+/3giD4UBSFnyQJw+EQY8xMmNaaVqtFGIY4jpOlafpib2/vE5CXAdopoALcnZ2dJ+vr65+zLPPjOGbZHGutabfbeJ6XXV5ePjs6OvoGFDVRN6MFvE6nc5jnuX99fY2IYIxZahRFwdXVFUVR+J1O5xDwaNRAM4cO4IlIN45j8jxfKrJJi+OYKIq6FXBIWUxjQA2siYifJMncnM2zNE0Jw9AH1micZBOoAC0iK0cHYIxBRGDiWk1eCyUi9cKVrfrP2B2eAjZ2trJVaZkJHFXbXwSO2RTwDo70HwPeQQ5nA+87Qls/Z6v2Sdd1a+DYj6aAxpjM8zw/TdOVgJ7nYYzJZgEtYETkaxiG26s8b3WrEpFTyjd0BG12CwPk/X7/jVIqi6JoVEDLDIB2u41S6qbf77+l7IejnTf7oQYC4GGv13u+ubn5XkRag8GANE3nRus4DkEQ1A345vz8/OXx8fFH4CeQWmvNJFBRHnEAPOx2u0+3trZeKaUeA60FT/PGWvv97Ozs8OTk5LSG0WjAt0oMwAci4EHlu8wXUpZSw2TAAIgrf0xiTFVpvYBSeSX87me1kvsTrFZsOWXDHbKAiBrNc0cyUd23ENbzl/znwF9b8q0D9ebnugAAAABJRU5ErkJggg==); | |
| display: block; | |
| position: absolute; | |
| width: 28px; | |
| height: 28px; | |
| top: 8px; | |
| right: -30px; | |
| line-height: 23px; | |
| text-align: center; | |
| color: #fff; | |
| font-size: 11px; | |
| font-weight: 900; | |
| letter-spacing: 0 | |
| } | |
| div#hsnavigation.css_navbeta > div > span > a { | |
| background: url(//static.hubspot.com/final/img/common/table/active.png) center right no-repeat; | |
| border-right: 1px solid #555; | |
| color: #fff; | |
| font-size: 14px; | |
| font-weight: 700; | |
| height: 40px; | |
| line-height: 40px; | |
| margin-left: 10px; | |
| padding-right: 30px; | |
| text-align: left; | |
| text-decoration: none; | |
| -moz-transition: all 250ms ease-in-out; | |
| -o-transition: all 250ms ease-in-out; | |
| -webkit-transition: all 250ms ease-in-out; | |
| cursor: pointer | |
| } | |
| div#hsnavigation.css_navbeta > div > span > a.link.not-active { | |
| color: #777 | |
| } | |
| div#hsnavigation.css_navbeta > div > span > a.link.active { | |
| color: #fff | |
| } | |
| div#hsnavigation.css_navbeta a { | |
| text-decoration: none | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu { | |
| background: #444; | |
| color: #fff; | |
| padding: 10px 5px; | |
| position: absolute; | |
| margin-top: -7px; | |
| -webkit-border-bottom-right-radius: 5px; | |
| -webkit-border-bottom-left-radius: 5px; | |
| -moz-border-radius-bottomright: 5px; | |
| -moz-border-radius-bottomleft: 5px; | |
| border-bottom-right-radius: 5px; | |
| border-bottom-left-radius: 5px; | |
| width: 250px; | |
| -moz-transition: all 0.4s ease-in-out; | |
| -o-transition: all 0.5s ease-in-out; | |
| -webkit-transition: all 0.4s ease-in-out; | |
| display: none | |
| } | |
| div#hsnavigation.css_navbeta > div > span.hover > ul.menu { | |
| display: block | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu * { | |
| text-align: left !important | |
| } | |
| div#hsnavigation.css_navbeta > div > span > a.not-active { | |
| color: #777 | |
| } | |
| div#hsnavigation.css_navbeta > div > span > a.active { | |
| color: #fff | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li { | |
| color: #fff !important; | |
| font-size: 15px !important; | |
| font-weight: 700 !important; | |
| text-align: left !important | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li.ni_create_overview, div#hsnavigation.css_navbeta > div > span > ul.menu > li.ni_optimize_overview, div#hsnavigation.css_navbeta > div > span > ul.menu > li.ni_promote_overview, div#hsnavigation.css_navbeta > div > span > ul.menu > li.ni_convert_overview, div#hsnavigation.css_navbeta > div > span > ul.menu > li.ni_analyze_overview { | |
| visibility: hidden; | |
| display: none; | |
| content: "" | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li.marketplace.excess > a > span.description { | |
| display: none | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li:hover, div#hsnavigation.css_navbeta > div > span > ul.menu > li:hover > a > span { | |
| color: #fff; | |
| background: #555 | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li, div#hsnavigation.css_navbeta > div > span > ul.menu > li > a > span { | |
| display: block | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li > a { | |
| color: #fff !important; | |
| text-align: left !important; | |
| cursor: pointer !important; | |
| font-weight: 700; | |
| padding: 5px 10px; | |
| border-radius: 3px; | |
| display: block | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li > a > span { | |
| color: #ccc !important; | |
| font-size: 13px !important; | |
| line-height: 15px !important; | |
| text-align: left !important; | |
| font-weight: 500; | |
| padding: 3px 0 | |
| } | |
| div#hsnavigation.css_navbeta > div > span.ni_dashboard > a { | |
| padding-right: 10px; | |
| background: #444 | |
| } | |
| div#hsnavigation.css_navbeta > div > span.last > a { | |
| border-right: none; | |
| margin-right: -10px | |
| } | |
| div#sub-header.css_navbeta { | |
| display: block; | |
| position: static; | |
| height: 33px; | |
| background: #f0f0f0; | |
| width: 100%; | |
| clear: both; | |
| margin-bottom: 20px; | |
| padding-top: 50px; | |
| z-index: 50; | |
| border-bottom: 1px solid #E0E0E0 | |
| } | |
| div#sub-header.css_navbeta > div { | |
| color: #999; | |
| font-size: 13px; | |
| line-height: 25px; | |
| overflow: hidden; | |
| position: relative | |
| } | |
| div#hsnavigation.css_navbeta > div { | |
| height: 40px | |
| } | |
| div#sub-header.css_navbeta > div > a, div#sub-header.css_navbeta > div > div { | |
| display: block; | |
| float: right; | |
| height: 25px; | |
| line-height: 25px; | |
| margin-left: 15px | |
| } | |
| div#sub-header.css_navbeta > div > div.trial { | |
| float: left; | |
| margin-left: 0; | |
| color: #999; | |
| font-size: 13px; | |
| line-height: 25px | |
| } | |
| div#sub-header.css_navbeta > div > div.trial > a { | |
| color: #589CEB !important | |
| } | |
| div#sub-header.css_navbeta > div > a { | |
| color: #589CEB; | |
| font-size: 13px | |
| } | |
| div#sub-header.css_navbeta > div > a:hover { | |
| text-decoration: underline | |
| } | |
| div#sub-header.css_navbeta > div > a:hover { | |
| text-decoration: underline | |
| } | |
| div#sub-header.css_navbeta > div > div > input { | |
| border: 1px solid #aaa !important; | |
| border-radius: 3px !important; | |
| display: block !important; | |
| height: 23px; | |
| padding: 0 5px; | |
| width: 240px; | |
| font-size: 13px; | |
| outline: none | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li.marketplace { | |
| background: #444 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAOCAYAAADaOrdAAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzEzLzExO3aQ+QAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAC2SURBVDiN7dMxagJBFIDhzyUXmG0DQgovERArIWex9goeISfwCjap0+QGAVPExva1so1j4QpLFNwJKCnyw/CYN2/mH2Z4XCAiJhGxjojcxslpLedcPKoLgilW+MS8jas2/ysGPwQVvvBW1/Wsk3/FC0YppX2xJCIeO/MnvOMZG1TYY4gPjPF9Kk4pbftKcunNOpLB9Srnf3IL/iV/T/KA5T0kO8deKKX3K9ytTxZoCs9v2n29OACcemJJdCOEdAAAAABJRU5ErkJggg==) right 5px no-repeat | |
| } | |
| div#hsnavigation.css_navbeta > div > span > ul.menu > li.marketplace:hover { | |
| background-color: #555 | |
| } | |
| body #HUI_onecol, body .hui_two-column, body #HUI_cols, body .hui_content, body div#HUI_cols > div#HUI_onecol > div#HUI_maincol > div.pad { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| body div#HUI_cols > div#HUI_onecol, body > form#Form > div#HUI_cols > div#HUI_oncecol > div#HUI_maincol > div.pad > div.hui_content { | |
| width: 100% !important | |
| } | |
| .hsdmz .page > .app.centered, body > .page > .app, body > form#Form > div.hsdmz > div.page > div.app, body > form#Form > div#HUI_maincol, body > div > div#HUI_maincol.hui_content, body > div.hui_content, body > form#Form > div.hui_content, body > form#Form > #HUI_cols { | |
| display: block !important; | |
| min-width: 960px; | |
| max-width: 1080px; | |
| margin: 0 auto !important; | |
| padding: 0 20px; | |
| width: 95%; | |
| position: relative; | |
| overflow: hidden; | |
| float: none | |
| } | |
| #SnapABug_O, #SnapABug_WP { | |
| display: none | |
| } | |
| #SnapABug_O { | |
| height: 0 !important | |
| } | |
| #SnapABug_WP { | |
| height: 0 !important | |
| } | |
| #SnapABug_P { | |
| position: fixed; | |
| right: 4%; | |
| bottom: -5px; | |
| z-index: 99 | |
| } | |
| input#SnapABug_OCB { | |
| margin-left: 5px | |
| } | |
| div#hs-chat { | |
| display: block; | |
| position: fixed; | |
| bottom: -1px; | |
| right: 5%; | |
| line-height: 12px; | |
| background: #f0f0f0; | |
| font-family: 'Helvetica Neue', Helvetica, Arial; | |
| font-size: 12px; | |
| font-weight: 700; | |
| color: #777; | |
| text-align: center; | |
| padding: 9px 10px; | |
| border: 1px solid #ccc; | |
| z-index: 1 | |
| } | |
| div#hs-chat:before { | |
| content: '(offline)'; | |
| display: block; | |
| float: right; | |
| color: #777; | |
| margin-left: 5px | |
| } | |
| div#hs-chat.online { | |
| cursor: pointer; | |
| color: #444 | |
| } | |
| div#hs-chat.online:before { | |
| content: '(online)' | |
| } | |
| #hs-nav-v3 { | |
| width: 100%; | |
| font-family: "helvetica neue", helvetica, arial sans; | |
| margin-bottom: 20px; | |
| background-color: #eee | |
| } | |
| #hs-nav-v3 ul { | |
| margin: 0px; | |
| padding: 0px | |
| } | |
| #hs-nav-v3 a, #hs-nav-v3 span { | |
| color: #999; | |
| text-decoration: none; | |
| line-height: 1em | |
| } | |
| #hs-nav-v3.nav-width-960 .nav-section-inner { | |
| width: 960px | |
| } | |
| #hs-nav-v3.nav-width-1000 .nav-section-inner { | |
| width: 1000px | |
| } | |
| #hs-nav-v3.nav-width-flex .nav-section-inner { | |
| min-width: 960px; | |
| max-width: 1080px; | |
| width: 95% | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner { | |
| margin: 0 auto; | |
| padding: 0 20px; | |
| font-family: "helvetica neue", helvetica, arial sans | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner:before, #hs-nav-v3 .hs-nav-section .nav-section-inner:after { | |
| content: ""; | |
| display: table | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner:after { | |
| clear: both | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-left { | |
| float: left | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-left > li { | |
| float: left; | |
| display: inline | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-left > li > a { | |
| float: left | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-left > li > a.sign-in { | |
| color: #fe7722 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-left > li.first { | |
| border-left: none | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-left > li.first > a { | |
| padding-left: 0 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-left > li.last { | |
| border-right: none | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-right { | |
| float: right | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-right > li { | |
| float: right; | |
| display: inline | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-right > li > a { | |
| float: right | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-right > li > a.sign-in { | |
| color: #fe7722 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-right > li.first { | |
| border-right: none | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-right > li.first > a { | |
| padding-right: 0 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul.nav-links-right > li.last { | |
| border-left: none | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-section-inner > ul li { | |
| margin: 0 | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav { | |
| min-height: 40px; | |
| background-color: #404040; | |
| background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #333)); | |
| background: -webkit-linear-gradient(top, #404040, #333); | |
| background: -moz-linear-gradient(top, #404040, #333); | |
| background: -o-linear-gradient(top, #404040, #333); | |
| background: linear-gradient(top, #404040,#333333); | |
| border-top: 1px solid #222; | |
| border-bottom: 1px solid #222; | |
| -webkit-box-shadow: inset 0 1px 0 #4d4d4d, 0 2px 3px rgba(0,0,0,0.25); | |
| -moz-box-shadow: inset 0 1px 0 #4d4d4d, 0 2px 3px rgba(0,0,0,0.25); | |
| box-shadow: inset 0 1px 0 #4d4d4d, 0 2px 3px rgba(0,0,0,0.25) | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li > a { | |
| padding: 12px 20px 14px; | |
| text-shadow: 0 -1px 0 #000; | |
| font-size: 14px; | |
| font-weight: 600 | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li > a:hover, #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li > a:active, #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li > a.current-nav-item { | |
| color: #f7f8f8 | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li > a.nav-logo { | |
| padding-top: 3px; | |
| padding-bottom: 3px | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-notifications-container { | |
| position: relative | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-notifications-container .nav-notifications { | |
| line-height: 1em; | |
| width: auto; | |
| text-align: center; | |
| background-color: #fe7722; | |
| padding: 3px 6px 4px; | |
| margin: 10px 20px 9px; | |
| border-radius: 3px; | |
| border: 1px solid #222; | |
| color: #fff; | |
| text-shadow: 0 1px 0 #000; | |
| font-size: 12px | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-notifications-container .nav-notifications.nav-no-new-notifications { | |
| background-color: #4d4d4d; | |
| color: #999; | |
| text-shadow: 0 -1px 0 #000 | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-notifications-container .nav-dropdown-menu { | |
| right: 7px | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container { | |
| position: relative | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a { | |
| padding-left: 40px; | |
| padding-right: 20px | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a .nav-avatar { | |
| position: absolute; | |
| top: 5px; | |
| left: 0; | |
| border: 1px solid #222; | |
| border-radius: 3px; | |
| height: 28px; | |
| width: 28px | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a .nav-dropdown-arrow { | |
| position: absolute; | |
| top: 18px; | |
| right: 0px; | |
| height: 0px; | |
| width: 0px; | |
| border-top: 6px solid #999; | |
| border-left: 6px solid transparent; | |
| border-right: 6px solid transparent; | |
| -webkit-box-shadow: 0 -1px 0 #000; | |
| -moz-box-shadow: 0 -1px 0 #000; | |
| box-shadow: 0 -1px 0 #000 | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a:hover .nav-dropdown-arrow, #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a:active .nav-dropdown-arrow, #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a.current-nav-item .nav-dropdown-arrow { | |
| border-top-color: #f7f8f8; | |
| -webkit-box-shadow: 0 0 0 #000; | |
| -moz-box-shadow: 0 0 0 #000; | |
| box-shadow: 0 0 0 #000 | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a:hover span, #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a:active span, #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container > a.current-nav-item span { | |
| color: #f7f8f8 | |
| } | |
| #hs-nav-v3 .hs-nav-section.main-nav .nav-section-inner > ul > li.nav-dropdown-container .nav-dropdown-menu { | |
| right: -20px | |
| } | |
| #hs-nav-v3 .hs-nav-section.sub-nav { | |
| min-height: 36px | |
| } | |
| #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li a { | |
| color: #777; | |
| font-size: 13px; | |
| padding: 11px 20px 12px | |
| } | |
| #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li a:hover, #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li a:active, #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li a.current-nav-item { | |
| color: #000 | |
| } | |
| #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li.trial-expiration-notice { | |
| font-size: 13px; | |
| color: #333; | |
| padding: 8px 0px 9px 20px; | |
| float: right | |
| } | |
| #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li.trial-expiration-notice a { | |
| float: none; | |
| padding: 0px | |
| } | |
| #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li.portal-info { | |
| font-size: 12px; | |
| font-weight: bold; | |
| color: #fff; | |
| background-color: #fe7722; | |
| padding: 3px 5px; | |
| float: right; | |
| margin: 6px 0; | |
| border-radius: 3px; | |
| max-width: 234px; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| height: 18px | |
| } | |
| #hs-nav-v3 .hs-nav-section.sub-nav .nav-section-inner ul li.portal-info a { | |
| float: none; | |
| padding: 0px | |
| } | |
| #hs-nav-v3 .hs-nav-section.global-message { | |
| background-color: #fdf5c8; | |
| overflow: hidden; | |
| padding: 13px 0 8px; | |
| border-top: 1px solid #e0e0e0; | |
| border-bottom: 1px solid #f1e7aa; | |
| color: #777 | |
| } | |
| #hs-nav-v3 .hs-nav-section.global-message > .nav-section-inner h2 { | |
| font-weight: normal; | |
| margin-bottom: 7px | |
| } | |
| #hs-nav-v3 .hs-nav-section.global-message > .nav-section-inner p { | |
| max-width: 800px | |
| } | |
| #hs-nav-v3 .hs-nav-section.global-message > .nav-section-inner a { | |
| color: #68a3e3; | |
| cursor: pointer | |
| } | |
| #hs-nav-v3 .hs-nav-section.global-message > .nav-section-inner a:hover { | |
| text-decoration: underline | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu { | |
| display: none; | |
| background-color: #333; | |
| color: #999; | |
| font-size: 13px; | |
| text-shadow: 0 1px 0 #000; | |
| text-align: left; | |
| position: absolute; | |
| top: 50px; | |
| right: 0; | |
| width: 225px; | |
| border-radius: 3px; | |
| padding: 5px 0px; | |
| -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7); | |
| -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7); | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.7); | |
| list-style: none; | |
| z-index: 99999 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a { | |
| padding: 8px 10px; | |
| line-height: 1.2em; | |
| display: block; | |
| font-weight: 500 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a:hover, #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a:active, #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a.current-nav-dropdown-item { | |
| color: #f7f8f8 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a:hover, #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a:active { | |
| background-color: #444 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a.current-nav-dropdown-item { | |
| font-weight: 500 | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a.current-nav-dropdown-item small { | |
| color: #ccc | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu a small { | |
| display: block; | |
| font-size: 13px; | |
| padding-top: 5px | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu .nav-dropdown-header, #hs-nav-v3 .hs-nav-section .nav-dropdown-menu .nav-dropdown-separator { | |
| margin: 8px 5px | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu .nav-dropdown-carat { | |
| position: absolute; | |
| top: -8px; | |
| right: 18px; | |
| height: 0; | |
| width: 0; | |
| border-bottom: 8px solid #333; | |
| border-left: 8px solid transparent; | |
| border-right: 8px solid transparent | |
| } | |
| #hs-nav-v3 .hs-nav-section .nav-dropdown-menu .nav-dropdown-separator { | |
| border-left: none; | |
| border-right: none; | |
| border-top: 1px solid #4d4d4d; | |
| border-bottom: 1px solid #222 | |
| } | |
| body > footer { | |
| border-top: 1px solid #ccc; | |
| background: transparent url(/style_guide/static-2.12/img/footer_bg.gif) repeat-x left top; | |
| clear: both; | |
| color: #999; | |
| font-size: 13px; | |
| margin: 0; | |
| padding: 14px 0 | |
| } | |
| body > footer a, body > footer a:hover { | |
| color: #999 | |
| } | |
| body > footer span, body > footer a { | |
| margin-left: 6px | |
| } | |
| body > footer span.copyright, body > footer a.copyright { | |
| margin-left: 0 | |
| } | |
| body > footer > div { | |
| margin: 0 auto; | |
| max-width: 1080px; | |
| min-width: 960px; | |
| padding: 0 20px 20px; | |
| padding-bottom: 0 | |
| } | |
| body > footer > div .customer-app-info { | |
| float: right | |
| } | |
| body > .pageProfile { | |
| position: absolute; | |
| height: 500px; | |
| width: 300px; | |
| margin: -250px -150px; | |
| left: 50%; | |
| top: 50%; | |
| background-color: #334; | |
| z-index: 99999999; | |
| opacity: 0.9; | |
| border: 5px solid #112; | |
| color: #eef; | |
| font-size: 14px; | |
| font-weight: bold; | |
| padding: 10px | |
| } | |
| body > .pageProfile .time { | |
| float: right | |
| } | |
| body > .pageProfile .title { | |
| float: left | |
| } | |
| body > .pageProfile .timespan { | |
| padding: 15px; | |
| clear: both; | |
| border-top: 2px solid #fff; | |
| border-right: 3px solid #fff | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment