Created
April 7, 2015 21:46
-
-
Save vagnerolliver2/b669860c5954f54265d5 to your computer and use it in GitHub Desktop.
Css do Template Zendesk
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
| /* ==================================================== | |
| Fonts | |
| ==================================================== */ | |
| @font-face { | |
| font-family: 'Bryant_MOO_Pro'; | |
| src: local ("Bryant_MOO_Pro"), | |
| src: url('//moo.zendesk.com/hc/theme_assets//148033/200069764/74127198--BryantMooPro-Regular.eot'); | |
| src: url('//moo.zendesk.com/hc/theme_assets//148033/200069764/74127198-BryantMooPro-Regular.eot?#iefix') format('eot'), | |
| url('//moo.zendesk.com/hc/theme_assets/148033/200069764/901550293-BryantMooPro-Medium.woff') format('woff'), | |
| url('//moo.zendesk.com/hc/theme_assets//148033/200069764/74127198-BryantMooPro-Regular.ttf') format('truetype'), | |
| url('//moo.zendesk.com/hc/theme_assets//148033/200069764/74127198-BryantMooPro-Regular.svg#webfont') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| font-variant: normal | |
| } | |
| @font-face { | |
| font-family: 'Bryant_MOO_Pro_Medium'; | |
| src: local ("Bryant_MOO_Pro_Medium"), | |
| src: url('//moo.zendesk.com/hc/theme_assets/148033/200069764/901550293-BryantMooPro-Medium.eot'); | |
| src: url('//moo.zendesk.com/hc/theme_assets/148033/200069764/901550293-BryantMooPro-Medium.eot?#iefix') format('eot'), | |
| url('//moo.zendesk.com/hc/theme_assets/148033/200069764/901550293-BryantMooPro-Medium.woff') format('woff'), | |
| url('//moo.zendesk.com/hc/theme_assets/148033/200069764/901550293-BryantMooPro-Medium.ttf') format('truetype'), | |
| url('//moo.zendesk.com/hc/theme_assets/148033/200069764/901550293-BryantMooPro-Medium.svg#webfont') format('svg'); | |
| font-weight: 500; | |
| font-style: normal; | |
| font-variant: normal | |
| } | |
| /* Base styles */ | |
| *, input[type=search] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| html { | |
| background-color: $color_2; | |
| } | |
| .hide { display: none !important; } | |
| body { | |
| color: $color_4; | |
| font-family: $font_1; | |
| font-size: 13px; | |
| font-weight: lighter; | |
| line-height: 1.5; | |
| margin: 0; | |
| padding-bottom: 50px; | |
| } | |
| img { | |
| max-width: 100%; | |
| vertical-align: middle; | |
| } | |
| img[width], img[height] { | |
| max-width: none; | |
| } | |
| figure > img { | |
| display: block; | |
| } | |
| a { | |
| color: $color_5; | |
| font-family: $font_2; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: underline; | |
| } | |
| ul, ol { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| text-align: left; | |
| width: 100%; | |
| } | |
| [dir="rtl"] table { | |
| text-align: right; | |
| } | |
| td, th { | |
| border-color: #eeeeee; | |
| border-style: solid; | |
| padding: 12px; | |
| } | |
| th { | |
| border-width: 1px 0; | |
| color: #bebebe; | |
| font-size: 11px; | |
| font-weight: normal; | |
| white-space: nowrap; | |
| } | |
| td { | |
| border-width: 0 0 1px 0; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| /*color: black;*/ | |
| font-weight: 400; | |
| } | |
| h1 { | |
| font-size: 20px; | |
| } | |
| input, label { | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| label { | |
| font-size: 12px; | |
| } | |
| input[type="checkbox"] + label { | |
| margin-left: 5px; | |
| } | |
| input, textarea { | |
| border: 1px solid #dddddd; | |
| border-radius: 2px; | |
| padding: 10px; | |
| } | |
| textarea { | |
| height: 100px; | |
| padding: 7px 10px; | |
| resize: vertical; | |
| } | |
| textarea, input[type=text] { | |
| width: 100%; | |
| } | |
| input, textarea, select { | |
| color: #555; | |
| } | |
| input::-ms-clear { | |
| display: none; | |
| } | |
| input::-webkit-outer-spin-button, | |
| input::-webkit-inner-spin-button { | |
| margin: 0; | |
| -webkit-appearance: none; | |
| } | |
| ::-webkit-input-placeholder { | |
| color: #cccccc; | |
| } | |
| :-ms-input-placeholder { | |
| color: #cccccc; | |
| } | |
| ::-moz-placeholder { | |
| color: #cccccc; | |
| } | |
| /* Buttons */ | |
| button, [role=button], [type=button], [type=submit] { | |
| border-radius: 4px; | |
| border: 1px solid #dddddd; | |
| color: $color_5; | |
| cursor: pointer; | |
| display: inline-block; | |
| padding: 5px 10px; | |
| position: relative; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| } | |
| a[role=button]:hover { | |
| text-decoration: none; | |
| } | |
| input[type=submit] { | |
| background: #444; | |
| border-color: transparent; | |
| color: #FFF; | |
| padding: 10px 30px; | |
| } | |
| input[type=submit][disabled] { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | |
| /* IE 8 */ | |
| opacity: 0.4; | |
| } | |
| button img, [role=button] img { | |
| border-radius: 4px; | |
| margin: 0 5px 0 0; | |
| height: 20px; | |
| position: relative; | |
| top: -1px; | |
| vertical-align: middle; | |
| } | |
| [dir="rtl"] button img, [dir="rtl"] [role=button] img { | |
| margin: 0 0 0 5px; | |
| } | |
| /* Forms */ | |
| .form { | |
| max-width: 505px; | |
| } | |
| .form-field + .form-field { | |
| margin-top: 25px; | |
| } | |
| .form-field label { | |
| display: block; | |
| font-weight: bold; | |
| margin-bottom: 5px; | |
| } | |
| .form-field input[type=checkbox] + label { | |
| margin: 0 0 0 10px; | |
| } | |
| .form-field.required > label:after { | |
| content: "*"; | |
| color: red; | |
| margin-left: 2px; | |
| } | |
| .form-field p { | |
| color: #bebebe; | |
| font-size: 11px; | |
| } | |
| .form-field input[type=number], .form-field input.datepicker { | |
| width: 150px; | |
| } | |
| .form form + form, .searchbox { | |
| margin-top: 25px; | |
| } | |
| .searchbox-suggestions { | |
| background-color: #fff; | |
| border: 1px solid #eeeeee; | |
| border-radius: 4px; | |
| padding: 10px 20px; | |
| } | |
| .searchbox-suggestions li { | |
| padding: 5px 0; | |
| } | |
| [data-loading="true"] input, | |
| [data-loading="true"] textarea { | |
| background: transparent url(/hc/assets/loader.gif) 99% 50% no-repeat; | |
| background-size: 16px 16px; | |
| } | |
| .form footer { | |
| border-top: 1px solid #eeeeee; | |
| margin-top: 40px; | |
| padding-top: 30px; | |
| text-align: right; | |
| } | |
| .form footer a { | |
| color: #cccccc; | |
| cursor: pointer; | |
| margin-right: 15px; | |
| } | |
| /* Navigation menus */ | |
| .nav li, .nav-bordered li, .nav-spaced li { | |
| display: inline-block; | |
| font-weight: bold; | |
| } | |
| .nav li a, .nav-bordered li a, .nav-spaced li a { | |
| font-weight: normal; | |
| } | |
| .nav-bordered li + li { | |
| border-color: #eeeeee; | |
| border-style: solid; | |
| border-width: 0 0 0 1px; | |
| margin: 0 0 0 30px; | |
| padding: 0 0 0 30px; | |
| } | |
| [dir="rtl"] .nav-bordered li + li { | |
| border-width: 0 1px 0 0; | |
| margin: 0 30px 0 0; | |
| padding: 0 30px 0 0; | |
| } | |
| .nav-spaced li + li { | |
| margin: 0 0 0 40px; | |
| } | |
| [dir=rtl] .nav-spaced li + li { | |
| margin: 0 40px 0 0; | |
| } | |
| /* ==================================================== | |
| Search | |
| ==================================================== */ | |
| .search-box { | |
| background: #e1e2e2; | |
| box-shadow: -900px 0 #e1e2e2, 900px 0 #e1e2e2; | |
| margin-bottom: 35px; | |
| padding: 50px 0; | |
| height :274px; | |
| width:1000px; | |
| } | |
| .search-box .search { | |
| //box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); | |
| border-radius: 0px; | |
| position: relative; | |
| } | |
| .search-box .search input { | |
| border: 0; | |
| display: inline-block; | |
| height: 60px; | |
| outline: 0; | |
| vertical-align: middle; | |
| } | |
| .search-box .search input[type=search], | |
| .search-box .search input[type=text] { | |
| border-radius: 2px; | |
| background: #fff; | |
| font-size: 24px; | |
| font-family:'Verdana'; | |
| font-weight: 100; | |
| padding-left: 30px; | |
| width: 820px; | |
| height: 60px; | |
| } | |
| .search-box .search input[type=submit] { | |
| background-color: #F09444; | |
| background-image: url(//p2.zdassets.com/hc/theme_assets/148033/200069764/magnify.png); | |
| background-repeat: no-repeat; | |
| background-position: 50% 50%; | |
| border-radius: 4px; | |
| border: 0; | |
| bottom: 0; | |
| box-shadow: none; | |
| color: #fff; | |
| font-size: 24px; | |
| letter-spacing: 2px; | |
| text-shadow: 0 2px rgba(0, 0, 0, 0.2); | |
| width: 60px; | |
| padding: 0 20px; | |
| position: relative; | |
| right: 0; | |
| top: 0; | |
| margin-left: 14px; | |
| border-bottom: 2px solid transparent; | |
| } | |
| .search-box .search input[type=submit]:hover { | |
| opacity: .95; | |
| border-bottom: 2px solid #F09444; | |
| padding-bottom: 2px; | |
| } | |
| .search-box .search input[type=submit]:active { | |
| opacity: .95; | |
| background-color: #F09444; | |
| } | |
| .sub-nav .search { | |
| float: right; | |
| position: relative; | |
| } | |
| .sub-nav .search:before { | |
| content: "\1F50D"; | |
| font-family: "entypo"; | |
| font-size: 16px; | |
| line-height: 0; | |
| position: absolute; | |
| text-align: center; | |
| top: 50%; | |
| width: 35px; | |
| z-index: 1; | |
| } | |
| .sub-nav .search input[type=search], | |
| .sub-nav .search input[type=text] { | |
| padding: 6px 10px 6px 35px; | |
| height: 30px; | |
| width: 250px; | |
| } | |
| .sub-nav .search input[type=submit] { | |
| display: none; | |
| } | |
| .need-help { | |
| font-size: 36px; | |
| margin-bottom: 0px; | |
| font-family: 'Bryant_MOO_Pro'; | |
| color: #4b4f54; | |
| } | |
| .need-help-details { | |
| font-size: 13px; | |
| margin-top: 0px; | |
| margin-bottom:35px; | |
| font-family: 'Verdana'; | |
| color: #4b4f54; | |
| } | |
| /* Breadcrumbs */ | |
| .breadcrumbs li { | |
| color: #bebebe; | |
| display: inline-block; | |
| font-size: 12px; | |
| } | |
| .breadcrumbs li + li:before { | |
| content: ">"; | |
| margin: 0 4px; | |
| } | |
| .breadcrumbs li a { | |
| color: $color_4; | |
| } | |
| /* Labels */ | |
| .label, .request-status { | |
| border-radius: 20px; | |
| display: inline-block; | |
| font-size: 10px; | |
| padding: 3px 10px; | |
| text-transform: uppercase; | |
| white-space: nowrap; | |
| } | |
| /* Metadata */ | |
| .meta, .meta-group { | |
| color: #cccccc; | |
| display: inline-block; | |
| font-size: 11px; | |
| } | |
| .meta-group * + *:before { | |
| content: "\2022"; | |
| font-size: 8px; | |
| margin: 0 10px; | |
| } | |
| /* Helper classes */ | |
| .clearfix:before, .clearfix:after { | |
| content: " "; | |
| display: table; | |
| } | |
| .clearfix:after { | |
| clear: both; | |
| } | |
| /* Social share links */ | |
| .share { | |
| white-space: nowrap; | |
| } | |
| .share li, .share a { | |
| display: inline-block; | |
| } | |
| .share a { | |
| height: 30px; | |
| line-height: 30px; | |
| overflow: hidden; | |
| vertical-align: middle; | |
| width: 30px; | |
| } | |
| .share a:before { | |
| background: #CCC; | |
| border-radius: 50%; | |
| color: #FFF; | |
| display: inline-block; | |
| font-family: "entypo"; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .share a:hover { | |
| text-decoration: none; | |
| } | |
| .share-twitter:before { | |
| content: "\F309"; | |
| } | |
| .share-facebook:before { | |
| content: "\F30C"; | |
| } | |
| .share-linkedin:before { | |
| content: "\F318"; | |
| } | |
| .share-googleplus:before { | |
| content: "\F30F"; | |
| } | |
| /* Pagination */ | |
| .pagination { | |
| margin: 20px 0; | |
| text-align: center; | |
| } | |
| .pagination * { | |
| display: inline-block; | |
| } | |
| .pagination li { | |
| border: 1px solid #eeeeee; | |
| float: left; | |
| margin-left: -1px; | |
| } | |
| [dir="rtl"] .pagination li { | |
| float: right; | |
| } | |
| .pagination a, .pagination span { | |
| color: inherit; | |
| font-size: 12px; | |
| padding: 5px 12px; | |
| } | |
| .pagination-current { | |
| background-color: #f9f9f9; | |
| color: #bebebe; | |
| } | |
| .pagination-first { | |
| border-radius: 3px 0 0 3px; | |
| } | |
| [dir="rtl"] .pagination-first { | |
| border-radius: 0 3px 3px 0; | |
| } | |
| .pagination-last { | |
| border-radius: 0 3px 3px 0; | |
| } | |
| [dir="rtl"] .pagination-last { | |
| border-radius: 3px 0 0 3px; | |
| } | |
| /* Markdown styles */ | |
| .markdown { | |
| word-wrap: break-word; | |
| line-height: 1.7; | |
| } | |
| .markdown img { | |
| max-width: 100%; | |
| } | |
| .markdown hr { | |
| background-color: #eeeeee; | |
| border: 0; | |
| height: 1px; | |
| } | |
| .markdown ul, .markdown ol { | |
| list-style-position: inside; | |
| padding: 0 15px; | |
| } | |
| .markdown ul { | |
| list-style-type: disc; | |
| } | |
| .markdown ol { | |
| list-style-type: decimal; | |
| } | |
| .markdown pre { | |
| background: #f9f9f9; | |
| border: 1px solid #eeeeee; | |
| border-radius: 3px; | |
| padding: 10px 15px; | |
| overflow: auto; | |
| white-space: pre; | |
| } | |
| .markdown blockquote { | |
| border-left: 1px solid #eeeeee; | |
| color: #bebebe; | |
| font-style: italic; | |
| padding: 0 15px; | |
| } | |
| /* Frame */ | |
| main, .header-inner, .footer-inner { | |
| margin: 0 auto; | |
| padding: 0 20px; | |
| width: 940px; | |
| } | |
| /* Columns */ | |
| .main-column, .side-column { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| .main-column { | |
| width: 620px; | |
| } | |
| .side-column { | |
| width: 270px; | |
| margin-left: 45px; | |
| } | |
| [dir=rtl] .side-column { | |
| margin-left: 0; | |
| margin-right: 45px; | |
| } | |
| /* Header */ | |
| .header { | |
| background: $color_1; | |
| border-bottom: 1px solid #eeeeee; | |
| } | |
| .header-inner { | |
| display: table; | |
| height: 100px; | |
| } | |
| .logo, .user-nav { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .logo img { | |
| max-height: 60px; | |
| } | |
| .user-nav { | |
| text-align: right; | |
| } | |
| .user-nav > * { | |
| display: inline-block; | |
| margin: 0 0 0 25px; | |
| } | |
| [dir=rtl] .user-nav { | |
| text-align: left; | |
| } | |
| [dir=rtl] .user-nav > * { | |
| margin: 0 25px 0 0; | |
| } | |
| /* Home page */ | |
| .hero-unit { | |
| display: block; | |
| font-size: 22px; | |
| padding: 80px 60px; | |
| } | |
| body.community-enabled .knowledge-base, body.community-enabled .community { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| body.community-enabled .knowledge-base { | |
| width: 620px; | |
| } | |
| .knowledge-base, .community { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| .community { | |
| width: 200px; | |
| padding: 20px; | |
| box-sizing: border-box; | |
| margin-bottom: 22px; | |
| border-radius: 2px; | |
| border-color: #bbbcbc; | |
| border-style: solid; | |
| border-width: 1px 1px; | |
| } | |
| [dir=rtl] .community { | |
| margin-left: 0; | |
| margin-right: 45px; | |
| } | |
| .community .recent-activity { | |
| padding: 0; | |
| width: auto; | |
| } | |
| .community h2, .community h3, .section h3 { | |
| color: $color_5; | |
| font-size: 13px; | |
| font-weight: lighter; | |
| margin: 10px 0 15px; | |
| } | |
| .community h4 { | |
| font-size: 15px; | |
| margin-top: 0; | |
| } | |
| .community h4 a { | |
| font-size: 11px; | |
| font-weight: normal; | |
| margin-left: 5px; | |
| } | |
| .community .trending-questions + h4 { | |
| margin-top: 50px; | |
| } | |
| /* Knowledge base trees */ | |
| .article-list li, .community li { | |
| margin-bottom: 10px; | |
| } | |
| .category h2 { | |
| /*border-bottom: 1px solid #eeeeee;*/ | |
| font-size: 16px; | |
| margin: 25px 0; | |
| /*padding-bottom: 18px;*/ | |
| } | |
| .category h2 a, .section h3 a { | |
| color: inherit; | |
| } | |
| .category-empty, .section { | |
| display: inline-block; | |
| padding: 0 50px 30px 0; | |
| vertical-align: top; | |
| width: 49.5%; | |
| } | |
| [dir=rtl] .category-empty, [dir=rtl] .section { | |
| padding: 0 0 30px 50px; | |
| } | |
| .see-all-articles { | |
| display: inline-block; | |
| font-size: 12px; | |
| margin-top: 10px; | |
| text-decoration: underline; | |
| } | |
| .category-description, .section-description { | |
| color: #bebebe; | |
| margin-bottom: 50px; | |
| margin-top: -15px; | |
| } | |
| .category-list a, .section-list a { | |
| color: inherit; | |
| display: inline-block; | |
| font-size: 18px; | |
| margin-bottom: 10px; | |
| } | |
| .page-header { | |
| border-bottom: 1px solid #eeeeee; | |
| margin-bottom: 30px; | |
| min-height: 50px; | |
| padding-bottom: 15px; | |
| } | |
| .page-header > * { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .page-header > *:first-child { | |
| width: 100%; | |
| } | |
| .page-header + p { | |
| color: #bebebe; | |
| margin: -15px 0 20px 0; | |
| } | |
| .page-header h1 { | |
| font-size: 20px; | |
| } | |
| /* Sub-nav */ | |
| .sub-nav { | |
| display: table; | |
| margin-bottom: 25px; | |
| padding: 25px 0; | |
| table-layout: fixed; | |
| width: 100%; | |
| } | |
| .sub-nav > * { | |
| display: table-cell; | |
| } | |
| .sub-nav .breadcrumbs { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| } | |
| .sub-nav .search { | |
| width: 300px; | |
| } | |
| /* Article */ | |
| .article-header { | |
| margin-bottom: 25px; | |
| } | |
| .article-header h1 { | |
| font-weight: bold; | |
| margin: 0 0 10px; | |
| } | |
| .article-info > * { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .article-avatar { | |
| min-width: 55px; | |
| } | |
| .article-avatar img { | |
| border-radius: 3px; | |
| max-height: 38px; | |
| max-width: 38px; | |
| } | |
| .article-meta { | |
| width: 100%; | |
| } | |
| .article-updated { | |
| display: block; | |
| } | |
| .article-more-questions { | |
| margin: 15px 0 50px; | |
| } | |
| .article-body table { | |
| table-layout: fixed; | |
| } | |
| .article-footer { | |
| border-bottom: 1px solid #eeeeee; | |
| margin-top: 15px; | |
| padding: 20px 0; | |
| } | |
| .article-footer .article-vote, .article-footer .share { | |
| display: table-cell; | |
| } | |
| .article-vote { | |
| width: 100%; | |
| } | |
| .article-vote > * { | |
| display: inline-block; | |
| } | |
| .article-vote-controls { | |
| margin: 0 5px; | |
| } | |
| .article-vote-count { | |
| color: #999999; | |
| min-width: 20%; | |
| } | |
| .article-vote-up, .article-vote-down { | |
| color: inherit; | |
| font-family: "entypo"; | |
| } | |
| .article-vote-up:before { | |
| content: "\1f44d"; | |
| } | |
| .article-vote-down:before { | |
| content: "\1f44e"; | |
| } | |
| .article-vote-up.article-voted { | |
| color: #6B9100; | |
| border-color: #6B9100; | |
| } | |
| .article-vote-down.article-voted { | |
| color: #999; | |
| border-color: #999; | |
| } | |
| /* Side column */ | |
| .side-column h3 { | |
| border-bottom: 1px solid #eeeeee; | |
| padding-bottom: 15px; | |
| margin: 0 0 20px; | |
| } | |
| .side-column ul { | |
| margin-bottom: 60px; | |
| } | |
| .side-column li { | |
| margin-bottom: 10px; | |
| } | |
| .side-column li a { | |
| font-size: 12px; | |
| } | |
| .visibility-internal-icon:before { | |
| content: "\1F512"; | |
| display: inline-block; | |
| font-family: "entypo"; | |
| text-align: center; | |
| width: 13px; | |
| } | |
| .article-promoted span, .visibility-internal { | |
| cursor: default; | |
| position: relative; | |
| display: none; | |
| } | |
| .article-promoted span:before, .article-promoted span:after, .visibility-internal:before, .visibility-internal:after { | |
| display: none; | |
| font-size: 13px; | |
| font-weight: normal; | |
| position: absolute; | |
| } | |
| .article-promoted span:before, .visibility-internal:before { | |
| background: #222; | |
| border-radius: 3px; | |
| color: #FFF; | |
| content: attr(data-title); | |
| font-family: sans-serif; | |
| left: -10px; | |
| margin-top: 5px; | |
| padding: 3px 10px; | |
| text-transform: none; | |
| top: 100%; | |
| white-space: nowrap; | |
| z-index: 1; | |
| } | |
| .article-promoted span:after, .visibility-internal:after { | |
| border-bottom: 5px solid #222; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| bottom: -5px; | |
| content: ""; | |
| height: 0; | |
| left: 50%; | |
| margin-left: -5px; | |
| width: 0; | |
| } | |
| .article-promoted span:hover:before, .article-promoted span:hover:after, .visibility-internal:hover:before, .visibility-internal:hover:after { | |
| display: block; | |
| } | |
| /* Comments - Article, Request and Post pages */ | |
| .comment-list { | |
| margin-bottom: 25px; | |
| } | |
| .comment-list > * { | |
| border-bottom: 1px solid #eeeeee; | |
| padding: 25px 0; | |
| } | |
| .comment-list > *:first-child { | |
| border-top: 1px solid #eeeeee; | |
| } | |
| .comment-sorter { | |
| float: right; | |
| } | |
| .comment-sorter a { | |
| color: #999; | |
| text-decoration: none; | |
| padding-left: 20px; | |
| } | |
| .comment-sorter [aria-selected=true] { | |
| font-weight: bold; | |
| color: #333; | |
| } | |
| .comment, .comment-form { | |
| display: table; | |
| table-layout: fixed; | |
| width: 100%; | |
| } | |
| .comment > *, .comment-form > * { | |
| display: table-cell; | |
| vertical-align: top; | |
| } | |
| .comment-vote, .comment-bookmark { | |
| text-align: center; | |
| width: 50px; | |
| } | |
| .comment-bookmark:before { | |
| color: #77a500; | |
| content: "\1F516"; | |
| font-family: "entypo"; | |
| font-size: 23px; | |
| line-height: 1.1; | |
| } | |
| .comment-avatar { | |
| position: relative; | |
| width: 85px; | |
| } | |
| .comment-avatar img { | |
| border-radius: 3px; | |
| max-width: 65px; | |
| max-height: 65px; | |
| } | |
| .comment-avatar-agent:after { | |
| background-color: transparent; | |
| background-image: url(/hc/assets/agent-marker.png); | |
| background-image: url(/hc/assets/agent-marker.svg); | |
| background-repeat: no-repeat; | |
| background-size: 15px; | |
| content: " "; | |
| height: 15px; | |
| left: 55px; | |
| position: absolute; | |
| top: 55px; | |
| width: 15px; | |
| } | |
| [dir=rtl] .comment-avatar-agent:after { | |
| left: auto; | |
| right: 55px; | |
| } | |
| .comment-header { | |
| margin-bottom: 15px; | |
| } | |
| .comment-published, .comment-pending, .comment-official { | |
| border: 1px solid transparent; | |
| float: right; | |
| font-size: 11px; | |
| padding: 1px 5px; | |
| } | |
| [dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official { | |
| float: left; | |
| } | |
| .comment-published { | |
| color: #bebebe; | |
| } | |
| .comment-published:before { | |
| content: " "; | |
| display: inline-block; | |
| width: 5px; | |
| } | |
| .comment-pending, .comment-official { | |
| border-color: currentcolor; | |
| border-radius: 2px; | |
| } | |
| .comment-pending { | |
| color: #eec100; | |
| } | |
| .comment-official { | |
| color: #77a500; | |
| } | |
| .comment-form textarea { | |
| border-radius: 2px 2px 0 0; | |
| border-width: 1px; | |
| } | |
| .comment-attachments { | |
| border: 1px solid #dddddd; | |
| margin-top: -1px; | |
| padding: 10px; | |
| } | |
| .comment-form-controls { | |
| display: none; | |
| margin-top: 10px; | |
| text-align: right; | |
| } | |
| .comment-form-controls input[type=submit] { | |
| margin-left: 15px; | |
| } | |
| [dir=rtl] .comment-form-controls input[type=submit] { | |
| margin-left: 0; | |
| margin-right: 15px; | |
| } | |
| .comment-screencasts, .comment-mark-as-solved { | |
| display: inline-block; | |
| margin-right: 20px; | |
| vertical-align: middle; | |
| } | |
| [dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved { | |
| margin-left: 20px; | |
| } | |
| .comment-actions { | |
| float: right; | |
| color: #999999; | |
| } | |
| .comment-actions .dropdown-toggle:before { | |
| content: "\2699"; | |
| font-size: 11px; | |
| font-family: "entypo"; | |
| } | |
| .attachment-list, .screencast-list { | |
| font-size: 11px; | |
| margin-top: 25px; | |
| } | |
| .attachment-list span, .screencast-list span { | |
| color: #999999; | |
| } | |
| .attachment-list li, .screencast-list li { | |
| margin-bottom: 10px; | |
| } | |
| .attachment-list li:before, .screencast-list li:before { | |
| background: #f9f9f9; | |
| border-radius: 3px; | |
| color: #bbb; | |
| font-family: "entypo"; | |
| margin-right: 5px; | |
| padding: 5px; | |
| } | |
| .attachment-list li:before { | |
| content: "\1F4CE"; | |
| } | |
| .screencast-list li:before { | |
| content: "\1F4BB"; | |
| } | |
| .my-activities-header { | |
| border-bottom: 1px solid #eeeeee; | |
| margin-bottom: 25px; | |
| padding: 25px 0; | |
| } | |
| .my-activities-header .breadcrumbs li { | |
| color: black; | |
| font-size: 20px; | |
| font-weight: normal; | |
| } | |
| .my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before { | |
| display: none; | |
| } | |
| .my-activities-nav { | |
| margin-bottom: 100px; | |
| } | |
| .my-activities-sub-nav { | |
| margin-bottom: 15px; | |
| } | |
| .request-table-toolbar { | |
| background: #f9f9f9; | |
| display: table; | |
| padding: 8px; | |
| width: 100%; | |
| } | |
| .request-table-filters { | |
| display: table-cell; | |
| text-align: right; | |
| } | |
| [dir="rtl"] .request-table-filters { | |
| text-align: left; | |
| } | |
| .request-table-filters label:before { | |
| content: " "; | |
| width: 25px; | |
| display: inline-block; | |
| } | |
| .requests-search { | |
| border-radius: 20px; | |
| outline: none; | |
| padding: 6px 15px; | |
| } | |
| .request-id { | |
| color: #bebebe; | |
| } | |
| .request-details { | |
| background: #f9f9f9; | |
| border: 1px solid #eeeeee; | |
| border-radius: 3px; | |
| font-size: 12px; | |
| margin: 0 0 30px; | |
| padding: 15px 20px; | |
| } | |
| .request-details dt ~ dt { | |
| font-weight: bold; | |
| margin-top: 15px; | |
| } | |
| .request-details dd { | |
| margin: 2px 0 0; | |
| word-wrap: break-word; | |
| } | |
| .request-details dd ul { | |
| margin: 10px 0; | |
| } | |
| .request-details dd li { | |
| list-style-type: disc; | |
| list-style-position: inside; | |
| margin: 0 0 3px 0; | |
| } | |
| .request-details .nested-field-tag:before { | |
| content: " > "; | |
| } | |
| .request-details .nested-field-tag:first-child:before { | |
| content: ""; | |
| } | |
| .request-status { | |
| color: #FFF; | |
| border-radius: 3px; | |
| } | |
| .request-open { | |
| background: #59BBE0; | |
| } | |
| .request-answered { | |
| background: #F5CA00; | |
| } | |
| .request-solved { | |
| background: #828282; | |
| } | |
| /* Community heading */ | |
| .community-heading { | |
| font-size: 18px; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| /* Community nav */ | |
| .community-nav { | |
| border-bottom: 1px solid #eeeeee; | |
| margin-bottom: 55px; | |
| padding: 25px 0; | |
| } | |
| .community-nav li { | |
| display: inline-block; | |
| font-weight: bold; | |
| padding-right: 30px; | |
| } | |
| .community-nav li a { | |
| font-weight: normal; | |
| } | |
| .community-nav li + li { | |
| border-left: 1px #eeeeee; | |
| padding-left: 30px; | |
| } | |
| .community-nav li:last-child { | |
| border: 0; | |
| float: right; | |
| margin: 0; | |
| padding: 0; | |
| position: relative; | |
| top: -5px; | |
| } | |
| [dir=rtl] .community-nav li:last-child { | |
| float: left; | |
| } | |
| .community-nav li:last-child a { | |
| color: $color_5; | |
| } | |
| .community-nav li:last-child a:before { | |
| content: "\270E"; | |
| font-family: "entypo"; | |
| font-size: 14px; | |
| margin-right: 10px; | |
| vertical-align: middle; | |
| } | |
| [dir=rtl] .community-nav li:last-child a:before { | |
| margin-right: 0; | |
| margin-left: 10px; | |
| } | |
| /* Community sub-nav */ | |
| .community-sub-nav { | |
| border-bottom: 1px solid #eeeeee; | |
| padding: 15px 0; | |
| position: relative; | |
| width: 800px; | |
| } | |
| .community-sub-nav li { | |
| display: inline-block; | |
| font-weight: bold; | |
| padding-right: 15px; | |
| } | |
| .community-sub-nav li a { | |
| font-weight: normal; | |
| } | |
| .community-sub-nav li + li { | |
| padding-left: 15px; | |
| } | |
| .community-sub-nav .topic-add { | |
| position: absolute; | |
| right: 0; | |
| top: 10px; | |
| } | |
| /* Topics/questions/answers */ | |
| .topic { | |
| display: inline-block; | |
| width: 49.5%; | |
| padding: 20px 30px 20px 0; | |
| vertical-align: top; | |
| } | |
| .topic-header, .question-header { | |
| border-bottom: 1px solid #eeeeee; | |
| display: table; | |
| padding-bottom: 10px; | |
| } | |
| .topic-header > *, .question-header > * { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .topic-header .topic-meta, .question-header .question-meta { | |
| padding: 0 15px; | |
| white-space: nowrap; | |
| } | |
| .topic-heading, .question-heading, .answer-list-heading { | |
| font-weight: bold; | |
| font-size: 13px; | |
| width: 100%; | |
| } | |
| .topic-heading { | |
| font-size: 18px; | |
| } | |
| .topic-questions { | |
| margin-top: 45px; | |
| } | |
| .topic-description { | |
| word-break: break-word; | |
| } | |
| .question, .answer { | |
| border-bottom: 1px solid #eeeeee; | |
| padding: 20px 0; | |
| position: relative; | |
| } | |
| .question-form .nesty-input { | |
| max-width: none; | |
| } | |
| .question-avatar, .answer-avatar { | |
| display: table-cell; | |
| margin-right: 10px; | |
| min-width: 50px; | |
| position: relative; | |
| vertical-align: top; | |
| } | |
| .question-avatar-agent:after, .answer-avatar-agent:after { | |
| background-color: transparent; | |
| background-image: url(/hc/assets/agent-marker.png); | |
| background-image: url(/hc/assets/agent-marker.svg); | |
| background-repeat: no-repeat; | |
| background-size: 14px; | |
| position: absolute; | |
| width: 15px; | |
| height: 15px; | |
| left: 30px; | |
| top: 30px; | |
| content: " "; | |
| } | |
| .question-avatar img, .answer-avatar img { | |
| border-radius: 3px; | |
| max-height: 38px; | |
| max-width: 38px; | |
| } | |
| .question-body, .answer-body, .answer-official-body { | |
| display: table-cell; | |
| vertical-align: top; | |
| width: 100%; | |
| } | |
| .question-body .answer-official-body { | |
| vertical-align: top; | |
| width: 100%; | |
| } | |
| .question-body p, .answer-body p, .answer-official-body p { | |
| margin: 0 0 5px; | |
| } | |
| .question-body .question-meta, .answer-body .answer-meta, .answer-official-body .answer-meta { | |
| float: left; | |
| } | |
| .question .answer { | |
| border: none; | |
| padding-bottom: 0; | |
| } | |
| .question-topic-list { | |
| margin: -20px 0 30px; | |
| } | |
| .question-topic-list li { | |
| display: inline-block; | |
| margin: 10px 10px 0 0; | |
| } | |
| .question-topic-list a { | |
| background: #f6f6f6; | |
| background: rgba(0, 0, 0, 0.02); | |
| border-radius: 5px; | |
| color: #cccccc; | |
| display: inline-block; | |
| font-size: 11px; | |
| padding: 7px 15px; | |
| } | |
| .question-title, .topic-title { | |
| margin: -3px 0 5px; | |
| font-size: 15px; | |
| } | |
| .question-title a, .topic-title a { | |
| font-weight: lighter; | |
| } | |
| .question-meta, .answer-meta, .topic-meta { | |
| color: #cccccc; | |
| font-size: 11px; | |
| } | |
| .topic-meta span + span:before, .question-meta span + span:before, .answer-meta span + span:before { | |
| content: "\2022"; | |
| font-size: 10px; | |
| margin: 0 10px; | |
| } | |
| .answer-form { | |
| margin: 30px 0 0 95px; | |
| } | |
| .answer-form-controls { | |
| display: none; | |
| margin-top: 10px; | |
| text-align: right; | |
| } | |
| .answer-form-controls input[type=submit] { | |
| margin-left: 15px; | |
| } | |
| .answer-form-controls .pull-left { | |
| float: left; | |
| } | |
| .answer-official-heading { | |
| font-size: 13px; | |
| font-weight: bold; | |
| line-height: 1; | |
| margin: 0 0 20px; | |
| border-bottom: 0px; | |
| } | |
| .answer-list-heading { | |
| border-bottom: 1px solid #eeeeee; | |
| margin-top: 30px; | |
| padding-bottom: 20px; | |
| } | |
| .pending-moderation-answer-badge { | |
| clear: both; | |
| border-style: solid; | |
| border-width: 1px; | |
| border-color: #c7aa2b; | |
| color: #c7aa2b; | |
| padding: 3px 5px; | |
| float: left; | |
| margin-top: 10px; | |
| font-size: 12px; | |
| } | |
| .question-share, .answer-share { | |
| position: relative; | |
| } | |
| .related-questions-header { | |
| border-bottom: 1px solid #eeeeee; | |
| } | |
| .related-questions-heading { | |
| margin-top: 3px; | |
| } | |
| .related-questions li { | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| /* Vote */ | |
| .vote { | |
| display: table-cell; | |
| margin-left: 15px; | |
| margin-right: 10px; | |
| min-width: 95px; | |
| vertical-align: top; | |
| } | |
| .vote-sum, .vote-controls { | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .vote-sum { | |
| font-size: 15px; | |
| font-weight: bold; | |
| min-width: 60px; | |
| padding-left: 10px; | |
| text-align: center; | |
| } | |
| .vote-controls { | |
| border-radius: 5px; | |
| } | |
| .vote-controls a { | |
| background: #FFF; | |
| border-color: #f6f6f6; | |
| box-shadow: none; | |
| color: #bebebe; | |
| display: block; | |
| font-family: "entypo"; | |
| font-size: 13px; | |
| height: 18px; | |
| line-height: 18px; | |
| padding: 0 6px; | |
| } | |
| .vote-up { | |
| border-radius: 5px 5px 0 0; | |
| } | |
| .vote-down { | |
| border-radius: 0 0 5px 5px; | |
| border-top: 0; | |
| } | |
| .vote-up:before { | |
| content: "\E763"; | |
| } | |
| .vote-down:before { | |
| content: "\E760"; | |
| } | |
| .vote-controls:hover { | |
| box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); | |
| } | |
| .vote-controls:hover a { | |
| background: #FFF; | |
| border-color: #A6A6A6; | |
| color: #BBB; | |
| } | |
| .vote-controls a:hover, .vote-controls [aria-selected=true] { | |
| background: #f6f6f6; | |
| color: #333; | |
| } | |
| .vote-controls a:active { | |
| background: #CCC; | |
| color: #111; | |
| } | |
| /* Accept */ | |
| .answer-accept { | |
| color: #BBB; | |
| font-size: 15px; | |
| max-width: 15px; | |
| overflow: hidden; | |
| padding-top: 7px; | |
| position: absolute; | |
| white-space: nowrap; | |
| } | |
| .answer-accept:hover { | |
| text-decoration: none; | |
| } | |
| .answer-accept:before { | |
| content: "\2713"; | |
| font-family: "entypo"; | |
| margin-right: 5px; | |
| } | |
| .answer-accepted .answer-accept, .answer-accepted .vote-sum { | |
| color: green; | |
| } | |
| /* Admin controls */ | |
| .topic-controls, .question-controls, .answer-controls { | |
| float: right; | |
| font-size: 11px; | |
| } | |
| .topic-edit:before, .question-delete:before, .question-mark-as-spam:before, .answer-delete:before, .answer-mark-as-spam:before { | |
| color: #cccccc; | |
| content: "\2022"; | |
| font-size: 10px; | |
| margin-left: -16px; | |
| margin: 0 8px; | |
| pointer-events: none; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| /* Share questions and answers */ | |
| .share-label { | |
| cursor: pointer; | |
| } | |
| .share-label + .share { | |
| background: #FFF; | |
| border: 1px solid #dddddd; | |
| box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); | |
| left: 50%; | |
| line-height: 70px; | |
| margin: 10px 0 0 -75px; | |
| position: absolute; | |
| text-align: center; | |
| top: 100%; | |
| white-space: nowrap; | |
| width: 175px; | |
| z-index: 1; | |
| } | |
| .share-label + .share:before, .share-label + .share:after { | |
| content: ""; | |
| display: inline-block; | |
| left: 50%; | |
| position: absolute; | |
| } | |
| .share-label + .share:before { | |
| top: -7px; | |
| border-right: 7px solid transparent; | |
| border-bottom: 7px solid #cccccc; | |
| border-left: 7px solid transparent; | |
| margin-left: -6px; | |
| } | |
| .share-label + .share:after { | |
| top: -6px; | |
| border-right: 6px solid transparent; | |
| border-bottom: 6px solid #FFF; | |
| border-left: 6px solid transparent; | |
| margin-left: -5px; | |
| } | |
| .share-label[aria-selected="true"] { | |
| color: #111; | |
| } | |
| .share-label[aria-selected="true"] + .share { | |
| display: block; | |
| } | |
| .share-label[aria-selected="false"] + .share { | |
| display: none; | |
| } | |
| body.community-enabled .search-results-column { | |
| display: inline-block; | |
| vertical-align: top; | |
| width: 450px; | |
| } | |
| body.community-enabled .search-results-column + .search-results-column { | |
| margin-left: 35px; | |
| } | |
| [dir=rtl] body.community-enabled .search-results-column + .search-results-column { | |
| margin-left: 0; | |
| margin-right: 35px; | |
| } | |
| .search-results-subheading { | |
| padding-bottom: 10px; | |
| margin-bottom: 0; | |
| } | |
| .search-results-subheading-link { | |
| font-size: 13px; | |
| font-weight: normal; | |
| margin-left: 5px; | |
| } | |
| .search-results-list { | |
| margin-bottom: 25px; | |
| } | |
| .search-results-list > * { | |
| border-bottom: 1px solid #eeeeee; | |
| padding: 20px 0; | |
| } | |
| .search-results-list > *:first-child { | |
| border-top: 1px solid #eeeeee; | |
| } | |
| .search-result-link { | |
| font-size: 16px; | |
| } | |
| .search-result-description, .search-result-meta { | |
| padding-top: 16px; | |
| } | |
| .search-result-meta-name, .search-result-meta-time, .search-result-meta-count { | |
| font-size: 12px; | |
| color: #bebebe; | |
| } | |
| .search-result-meta-time:before, .search-result-meta-count:before { | |
| display: inline-block; | |
| padding-right: 5px; | |
| content: '\2022'; | |
| speak: none; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .search-result-votes { | |
| background: #A8D119; | |
| border-radius: 2px; | |
| color: #FFF; | |
| display: inline-block; | |
| line-height: 1; | |
| margin-left: 5px; | |
| padding: 4px 5px; | |
| position: relative; | |
| top: -2px; | |
| } | |
| .search-result-votes:before { | |
| content: "\1F44D"; | |
| font-family: "entypo"; | |
| margin-right: 3px; | |
| } | |
| .chat { | |
| background: #f6f6f6; | |
| border: 1px solid #E0E0E0; | |
| border-bottom: 0; | |
| border-radius: 5px 5px 0 0; | |
| bottom: 0; | |
| box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); | |
| cursor: pointer; | |
| font-size: 13px; | |
| line-height: 35px; | |
| padding: 0 15px; | |
| position: fixed; | |
| right: 85px; | |
| -webkit-transition: bottom .5s ease-in, color .5s ease-in; | |
| -moz-transition: bottom .5s ease-in, color .5s ease-in; | |
| -ms-transition: bottom .5s ease-in, color .5s ease-in; | |
| -o-transition: bottom .5s ease-in, color .5s ease-in; | |
| transition: bottom .5s ease-in, color .5s ease-in; | |
| } | |
| .chat:before { | |
| content: "\E720"; | |
| font-family: "entypo"; | |
| font-size: 16px; | |
| margin-right: 10px; | |
| vertical-align: middle; | |
| } | |
| .chat:hover { | |
| text-decoration: none; | |
| } | |
| .chat-available { | |
| bottom: 0; | |
| } | |
| .chat-unavailable { | |
| color: gray; | |
| cursor: default !important; | |
| bottom: -50px; | |
| } | |
| .error-page { | |
| margin: 0 auto; | |
| max-width: 500px; | |
| padding-top: 5%; | |
| } | |
| .error-page h1 { | |
| font-size: 52px; | |
| margin-bottom: 0; | |
| } | |
| .error-page h2 { | |
| font-size: 16px; | |
| margin-bottom: 5px; | |
| } | |
| .error-page > a { | |
| display: block; | |
| margin-top: 25px; | |
| } | |
| .recent-activity { | |
| /* background: #f9f9f9; */ | |
| border-radius: 5px; | |
| padding: 0; | |
| width: 200px; | |
| } | |
| .recent-activity-header { | |
| margin-top: 0; | |
| font-size: 15px; | |
| } | |
| .recent-activity-item ~ .recent-activity-item { | |
| margin-top: 15px; | |
| } | |
| .recent-activity-item-parent { | |
| color: $color_4; | |
| font-size: 12px; | |
| text-decoration: none; | |
| display: block; | |
| } | |
| .recent-activity-item-parent:hover { | |
| text-decoration: underline; | |
| } | |
| .recent-activity-item-link { | |
| display: block; | |
| } | |
| .recent-activity-item-meta { | |
| font-size: 12px; | |
| color: #999999; | |
| } | |
| .recent-activity-item-time { | |
| display: inline-block; | |
| } | |
| .recent-activity-item-comment { | |
| display: none; | |
| } | |
| .recent-activity-item-comment:before { | |
| display: inline-block; | |
| content: "\2022"; | |
| } | |
| .recent-activity-item-comment span:before { | |
| font-family: "entypo"; | |
| content: "\00a0\00a0\e718"; | |
| display: inline-block; | |
| vertical-align: middle; | |
| padding-right: 3px; | |
| } | |
| [data-recent-activity-action="article_comment_added"] .recent-activity-item-comment, | |
| [data-recent-activity-action="post_comment_added"] .recent-activity-item-comment, | |
| [data-recent-activity-action="answer_added"] .recent-activity-item-comment { | |
| display: inline-block; | |
| } | |
| .recent-activity-controls, | |
| .recent-activity-loader { | |
| padding-top: 20px; | |
| font-size: 12px; | |
| } | |
| .recent-activity-loader { | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .recent-activity-loader:before { | |
| display: block; | |
| position: absolute; | |
| content: "\0020"; | |
| width: 50%; | |
| height: 100%; | |
| left: 0; | |
| top: 0; | |
| background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%); | |
| animation: recent-activity-loader 0.5s infinite; | |
| -webkit-animation: recent-activity-loader 0.5s infinite; | |
| } | |
| @keyframes recent-activity-loader { | |
| 0% { | |
| left: 0; | |
| } | |
| 100% { | |
| left: 100%; | |
| } | |
| }fmain, .header-inner, .footer-inner | |
| @-webkit-keyframes recent-activity-loader { | |
| 0% { | |
| left: 0; | |
| } | |
| 100% { | |
| left: 100%; | |
| } | |
| } | |
| .escalation-badge, a.escalation-badge { | |
| background-color: #95be22; | |
| border-color: #95be22; | |
| border-radius: 3px; | |
| border-style: solid; | |
| border-width: 1px; | |
| color: $color_2; | |
| font-size: 11px; | |
| margin: 0 3px; | |
| padding: 1px 3px; | |
| text-decoration: none; | |
| vertical-align: baseline; | |
| } | |
| .category-tree { | |
| border-color: rgba(0, 0, 0, 0.15); | |
| border-radius:2px; | |
| border-style: solid; | |
| border-width: 1px 1px; | |
| padding: 20px; | |
| font-family: 'Bryant_MOO_Pro_Medium'; | |
| width: 680px; | |
| margin-left:0px; | |
| } | |
| .category-tree h2 ~ *, .category-tree h3 ~ * { | |
| display: none; | |
| } | |
| .category-tree .category { | |
| display: table; | |
| padding-right: 0px; | |
| vertical-align: top; | |
| width: 100%; | |
| border-bottom: 1px solid #e6e6e6; | |
| padding-bottom:20px; | |
| } | |
| .category-tree .category:last-child { | |
| border-bottom: none; | |
| } | |
| .category-tree .category h2 { | |
| margin: 12px 0; | |
| } | |
| .category-tree .category h2 a { | |
| color: inherit; | |
| font-weight: lighter; | |
| color:#4b4f54; | |
| font-family: 'Bryant_MOO_Pro_Medium'; | |
| font-size: 18px; | |
| } | |
| .category-tree .section h3 { | |
| margin: 0; | |
| } | |
| .category-tree .section h3 a { | |
| color: #f09446; | |
| font-family: 'Verdana'; | |
| font-size: 13px; | |
| } | |
| .category-tree .section { | |
| margin: 5px 20px; | |
| } | |
| .category-tree .article-list, .category-tree .section-empty a { | |
| margin: 20px; | |
| } | |
| .category-tree .section-empty a { | |
| display: block; | |
| pointer-events: none; | |
| cursor: default; | |
| } | |
| .category-tree .article-list li { | |
| margin-bottom: 5px; | |
| } | |
| .category-tree .article-list a { | |
| cursor: default; | |
| } | |
| .category-description, .section-description { | |
| color: #BBB; | |
| margin-bottom: 30px; | |
| margin-top: 0px; | |
| } | |
| .section-tree .section { | |
| display: inline-block; | |
| padding: 0 50px 50px 0; | |
| vertical-align: top; | |
| width: 49.5%; | |
| } | |
| .section-tree .section h3 { | |
| font-weight: bold; | |
| margin-bottom: 20px; | |
| } | |
| .section-tree .section h3 a { | |
| color: inherit; | |
| } | |
| .section-tree .article-list li { | |
| margin-bottom: 5px; | |
| } | |
| * { -webkit-font-smoothing: antialiased; } | |
| body { | |
| padding-bottom: 0px; | |
| } | |
| main .promoted-article-box { | |
| border-color: rgba(0, 0, 0, 0.15); | |
| border-radius: 2px; | |
| border-style: solid; | |
| border-width: 1px 1px; | |
| margin-bottom: 32px; | |
| } | |
| main .promoted-article-wrapper h3 { | |
| background-color: #d21020; | |
| margin: 0px; | |
| padding: 20px; | |
| font-family: 'Bryant_MOO_Pro_Medium'; | |
| font-size: 18px; | |
| color: #fff; | |
| } | |
| main .promoted-article-wrapper.hidden { | |
| display: none; | |
| } | |
| main .promoted-article-wrapper .promoted-article-box .promoted-article-title { | |
| font-family: 'Verdana'; | |
| font-weight: bold; | |
| font-size: 13px; | |
| color: #d21020; | |
| text-decoration: none; | |
| padding: 20px 0px 0px 20px; | |
| } | |
| main .promoted-article-wrapper .promoted-article-box .promoted-article-body { | |
| font-family: 'Verdana'; | |
| font-size: 13px; | |
| color: #4b4f54; | |
| padding: 0px 20px 0px 20px; | |
| } | |
| main .knowledge-base { float: left; } | |
| main .knowledge-base .category-tree { width: 680px } | |
| main .info-boxes { float: right; } | |
| main .info-boxes .info-box, | |
| .community { | |
| width: 200px; | |
| padding: 20px; | |
| box-sizing: border-box; | |
| margin-bottom: 22px; | |
| border-radius: 2px; | |
| border-color: #bbbcbc; | |
| border-style: solid; | |
| border-width: 1px 1px; | |
| } | |
| main .info-boxes .info-box .info-box-title { | |
| font-family: 'Bryant_MOO_Pro_Medium'; | |
| font-size: 18px; | |
| margin-bottom: 16px; | |
| border-bottom: 1px solid #bbbcbc; | |
| } | |
| main .info-boxes .info-box .info-box-title h4 { margin: 0px; } | |
| main .info-boxes .info-box .info-box-body p { | |
| font-family: 'Verdana'; | |
| font-size: 12px; | |
| margin: 2px; | |
| } | |
| main .info-boxes .info-box .info-box-body p span.toggle { | |
| font-size: 24px; | |
| color: #F09444; | |
| font-family: 'Bryant_MOO_Pro'; | |
| text-decoration: none; | |
| position: relative; | |
| margin-top: -9px; | |
| float: right; | |
| cursor: default; | |
| } | |
| main .info-boxes .info-box .info-box-body p:last-child{ | |
| margin-bottom: 0px; | |
| } | |
| main .info-boxes .info-box .info-box-body p a { | |
| border-top: 1px solid #bbbcbc; | |
| font-family: 'Bryant_MOO_Pro_Medium'; | |
| font-size: 18px; | |
| display: block; | |
| margin-top: 16px; | |
| padding-top: 10px; | |
| } | |
| main .info-boxes .info-box .info-box-body p a img { | |
| position: relative; | |
| top: -2px; | |
| left: 2px; | |
| } | |
| main .side-bar .category-tree { | |
| width: 225px; | |
| float:left; | |
| margin-left: 0px; | |
| padding: 20px 20px; | |
| } | |
| main .side-bar .category-tree .category h2 { | |
| margin: 0px; | |
| margin-bottom: 10px; | |
| position: relative; | |
| } | |
| main .side-bar .category-tree .category h2 a.toggle { | |
| display: block; | |
| float: right; | |
| font-size: 24px; | |
| color: #F09444; | |
| font-family: 'Bryant_MOO_Pro'; | |
| text-decoration: none; | |
| position: absolute; | |
| right: 0px; | |
| top: 30%; | |
| margin-top: -8px; | |
| } | |
| main .category-tree .category h2 a.toggle { | |
| display: block; | |
| float: right; | |
| font-size: 24px; | |
| color: #F09444; | |
| font-family: 'Bryant_MOO_Pro'; | |
| text-decoration: none; | |
| } | |
| main .side-bar .category-tree .category { | |
| margin-top: 10px; | |
| padding-right: 0px; | |
| border-bottom: 1px solid #e6e6e6; | |
| } | |
| main .side-bar .category-tree .category:first-child { | |
| margin-top: 0px; | |
| } | |
| main .side-bar .category-tree .category:last-child { | |
| border-bottom: none; | |
| } | |
| main .side-bar .category-tree .section { | |
| margin: 0px; | |
| } | |
| main .side-bar .category-tree .section:last-child { | |
| margin-bottom: 10px; | |
| } | |
| main .side-bar .category-tree .section h3 { | |
| line-height: 18px | |
| } | |
| main .side-bar .category-tree .section h3.active { | |
| font-weight: bold; | |
| } | |
| main .side-bar .category-tree .category h2 a.category_title { | |
| max-width: 160px; | |
| display: inline-block; | |
| } | |
| main .row .column { display: inline-block; vertical-align: top; } | |
| main .row .column.side-bar { width: 220px; margin-bottom: 60px;} | |
| main .row .column.side-bar .category-tree { float: none; width: 220px; position: static; border-radius:2px; } | |
| main .row .column.middle { float: none; width: 442px; margin: 0 15px; } | |
| main .row .column.info-boxes { float: none; width: 200px; } | |
| main .faq-content { | |
| float:left; | |
| width: 470px; | |
| display: inline-block; | |
| margin-left: 29%; | |
| } | |
| main .faq-content h1 { | |
| font-family: "Bryant_MOO_Pro"; | |
| font-size: 24px; | |
| color:#4b4f54; | |
| margin: 0px; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.15); | |
| padding-bottom: 10px; | |
| } | |
| main .faq-article-list{ margin-bottom: 60px;} | |
| main .faq-list .article { | |
| padding-bottom: 15px; | |
| } | |
| main .faq-list .article h3 { | |
| margin-top: 15px; | |
| margin-bottom: 0px; | |
| position: relative; | |
| } | |
| main .faq-list .article a.article_title { | |
| font-family: 'Verdana'; | |
| font-weight: bold; | |
| font-size: 13px; | |
| color:#4b4f54; | |
| text-decoration: none; | |
| max-width: 420px; | |
| display: inline-block; | |
| } | |
| main .faq-list .article a.toggle { | |
| display: block; | |
| float: right; | |
| font-size: 24px; | |
| color: #F09444; | |
| font-family: 'Bryant_MOO_Pro'; | |
| text-decoration: none; | |
| font-weight: 100; | |
| line-height: 20px; | |
| position: absolute; | |
| right: 0px; | |
| top: 50%; | |
| margin-top: -8px; | |
| } | |
| main .faq-list .article .article-body { | |
| font-family: 'Verdana'; | |
| font-size: 13px; | |
| color:#4b4f54; | |
| line-height: 21px; | |
| display: none; | |
| } | |
| main .faq-list .article .article-body p { | |
| margin-bottom: 5px | |
| } | |
| main .faq-list .article .article-body a { | |
| color: #00965e !important; | |
| } | |
| main .faq-list .article { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.15); | |
| } | |
| main .row .search-results h2.search-results-subheading { | |
| border-bottom: none; | |
| font-size: 24px; | |
| color: #4b4f54; | |
| font-family: 'Bryant_MOO_Pro'; | |
| margin-top: 0px; | |
| padding-bottom: 5px; | |
| } | |
| main .row .search-results h3.subtitle { | |
| margin: 0px; | |
| font-family: "Verdana"; | |
| font-size: 13px; | |
| font-weight: bold; | |
| color: #4b4f54; | |
| letter-spacing: -1; | |
| } | |
| main .row .search-results .search-results-list { | |
| margin-top: 20px; | |
| margin-left: 5px; | |
| } | |
| main .row .search-results .search-result .search-result-meta { display: none; } | |
| main .row .search-results .search-result .search-result-description { display: none; } | |
| main .row .search-results .search-result { | |
| border: none; | |
| padding: 0px; | |
| } | |
| main .row .search-results .search-result a { | |
| font-size: 13px; | |
| font-family: "Verdana"; | |
| letter-spacing: -1; | |
| } | |
| main .row .search-results .search-results-column > p { | |
| display: none; | |
| } | |
| main .article-column a{ | |
| font-size: 13px; | |
| font-family: 'Verdana'; | |
| } | |
| main .article-column > h1{ | |
| font-size: 24px; | |
| font-family: 'Bryant_MOO_Pro'; | |
| color: #4b4f54; | |
| margin-top: 5px; | |
| margin-bottom: 5px; | |
| } | |
| main .article-column article h1 { | |
| font-size: 13px; | |
| font-family: 'Verdana'; | |
| font-weight: bold; | |
| color: #4b4f54; | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| } | |
| main .article-column article .article-body { | |
| font-size: 13px; | |
| font-family: 'Verdana'; | |
| color: #4b4f54; | |
| letter-spacing: -1px; | |
| border-bottom: 1px solid #bbbcbc; | |
| } | |
| main .knowledge-base > .category-tree .section { | |
| margin: 0px; | |
| display: inline-block; | |
| width: 49%; | |
| margin-bottom: 10px; | |
| padding:0px | |
| } | |
| .user-nav a { | |
| font-family: Verdana; | |
| margin-left: 20px; | |
| font-weight: normal; | |
| } | |
| .user-nav a img { | |
| margin-bottom: 5px; | |
| } | |
| .user-nav a.bold { font-weight: bold; font-size: 10px;} | |
| .flag.en-gb { background-position: 0px 0px !important; } | |
| .flag.en-us { background-position: -30px 0px !important; } | |
| .flag.de { background-position: -60px 0px !important; } | |
| .flag.es { background-position: -90px 0px !important; } | |
| .flag.fr { background-position: -120px 0px !important; } | |
| .flag.it { background-position: -150px 0px !important; } | |
| .flag.nl { background-position: -180px 0px !important; } | |
| .flag.eu { background-position: -210px 0px !important; } | |
| .flag.en-ca { background-position: -240px 0px !important; } | |
| .flag.au { background-position: -270px 0px !important; } | |
| .user-nav .dropdown.language-selector .dropdown-toggle { | |
| background-image: url(//p3.zdassets.com/hc/theme_assets/562650/200054712/language_switcher_sprite.png); | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| width: 27px; | |
| } | |
| .user-nav .dropdown.language-selector .dropdown-toggle:after { | |
| position: relative; | |
| top: -3px; | |
| } | |
| .language-selector .dropdown-menu { | |
| padding-top: 10px; | |
| min-width: 65px | |
| } | |
| .language-selector .dropdown-menu a { | |
| margin-left: 0px; | |
| background-image: url(//p3.zdassets.com/hc/theme_assets/562650/200054712/language_switcher_sprite.png); | |
| background-repeat: no-repeat !important; | |
| display: inline-block; | |
| width: 23px; | |
| height: 20px; | |
| margin: 0px 20px; | |
| padding: 0px; | |
| } | |
| .language-selector .dropdown-menu a:hover { | |
| background-image: url(//p3.zdassets.com/hc/theme_assets/562650/200054712/language_switcher_sprite.png); | |
| opacity: 0.8; | |
| } | |
| .footer { | |
| height: 60px; | |
| background-color: #f1f1f1; | |
| border-top: 1px solid #bbbcbc; | |
| font-size: 10px; | |
| font-family: 'Verdana'; | |
| text-align: center; | |
| } | |
| .footer .footer-inner { margin-top: 23px;} | |
| .footer .footer-logo img { | |
| margin-bottom: 3px; | |
| margin-right: 20px; | |
| } | |
| .footer .footer-inner a { margin-left: 100px; } | |
| /* Contact us iframe */ | |
| #mooIframeFixedContainer { | |
| position: fixed; | |
| top: 0px; | |
| left: 0px; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 9999; | |
| overflow-y: scroll; | |
| overflow-x: hidden; | |
| } | |
| #mooIframeOverlayContainer #iframeSpinner { | |
| width: 100%; | |
| height: 100%; | |
| text-align: center; | |
| } | |
| #mooIframeOverlayContainer #iframeSpinner img { | |
| margin-top: 40px; | |
| } | |
| #mooIframeOverlayContainer.contact-us-iframe, | |
| #mooIframeOverlayContainer.contact-us-iframe iframe { | |
| height: 906px; | |
| width: 520px; | |
| } | |
| .moo-overlay-container { | |
| position: relative; | |
| box-sizing: content-box; | |
| margin: auto; | |
| margin-top: 40px; | |
| margin-bottom: 40px; | |
| z-index: 100000; | |
| background-color: #fff; | |
| min-height: 150px; | |
| border: 8px solid #cbcbcb; | |
| padding: 0px; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| -o-box-shadow: 5px 5px 5px #888; | |
| -icab-box-shadow: 5px 5px 5px #888; | |
| -khtml-box-shadow: 5px 5px 5px #888; | |
| -moz-box-shadow: 5px 5px 5px #888; | |
| -webkit-box-shadow: 5px 5px 5px #888; | |
| } | |
| a.close { | |
| background-image: url(http://static6.moo.com/images/close_cross_green.png?q=81dba0a3bb82390380363c223011b82a); | |
| } | |
| .overlay-container a.close, .moo-overlay-container a.close { | |
| position: absolute; | |
| right: -20px; | |
| top: -20px; | |
| cursor: pointer; | |
| height: 37px; | |
| width: 39px; | |
| } | |
| .theme-green a { | |
| color: #66aa00; | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment