/* This style file has been created automatically per your request. The following pages can help you get started with CSS: * CSS Tutorial (http://w3schools.com/css/default.asp) * CSS3 Tutorial (http://w3schools.com/css3/default.asp) * CSS Reference (http://w3schools.com/cssref/default.asp) */ /* This is a special class applied to the tag of your articles automatically */ /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .ch-ArticleContent { font-family: 'Roboto', sans-serif; font-weight: 400; color: #2c3e50; text-align: left; font-size: 16px; line-height: 1.75; margin: 0; } /* Import font from Google Web Fonts */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* Import font from Storage */ @font-face { font-family: 'PTSansNarrowRegular'; src: local('PTSansNarrowRegular'), url('/resources/Storage/ClickHelp%20Product%20Documentation_Files/Fonts/PTN57F-webfont.eot') format('embedded-opentype'),url('/resources/Storage/ClickHelp%20Product%20Documentation_Files/Fonts/PTN57F-webfont.woff') format('woff'),url('.ttf') format('/resources/Storage/ClickHelp%20Product%20Documentation_Files/Fonts/PTN57F-webfont.ttf'),url('/resources/Storage/ClickHelp%20Product%20Documentation_Files/Fonts/PTN57F-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .ch-ArticleContent .clearfix::after { content: ""; display: block; clear: both; } .ch-ArticleContent a { color: #009900; text-decoration: none; } .ch-ArticleContent a:visited { color: #009900; } .ch-ArticleContent a:hover { color: #00CC00; text-decoration: none; } .ch-ArticleContent a:active { color: #007900; } .ch-ArticleContent a img { border: 0; } /*p { text-align: justify; } */ /* h1 { color: #1E1E1E; font-size: 30px; text-align: left; margin-top: 30px; margin-bottom: 15px; padding-bottom: 10px; padding-left: 5px; } h2 { color: #1E1E1E; font-size: 27px; font-size: 2.441em; text-align: left; margin-top: 30px; margin-bottom: 15px; padding-bottom: 10px; padding-left: 5px; } h3 { font-size: 1.953em; } */ .ch-ArticleContent ul { padding-left: 40px; } .ch-ArticleContent ul li { margin-top: 0.25em; margin-bottom: 0.5em; vertical-align: middle; } .ch-ArticleContent ol { padding-left: 40px; /*font-family: 'Open Sans Condensed', sans-serif; color: #1240ab; font-weight: bold; */ } .ch-ArticleContent ol li { margin-top: 0.4em; margin-bottom: 0.4em; } /*ol li p { margin: 0; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; color:black; } */ /* --- Start Page --- */ .ch-ArticleContent .tableStartPage { padding: 10px; padding-top: 0; } .ch-ArticleContent .tableStartPage:after { clear: both; content: ""; display: block; } .ch-ArticleContent .tableStartPage h2 { padding-top: 0; padding-left: 30px; border: 0px none; background: transparent none; } .ch-ArticleContent .startPageGray { background: #EFEFEF; color: #ECEFF1; padding-top: 2px; padding-bottom: 5px; } .ch-ArticleContent .startPageGray ul { list-style: none; padding-left: 30px; } .ch-ArticleContent .startPageBlack { background: #252525; color: #cdcdcd; padding-top: 2px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; } .ch-ArticleContent .startPageBlack h2, .ch-ArticleContent .startPageGreen h2 { color: #fff; } .ch-ArticleContent .startPageBlack a, .ch-ArticleContent .startPageGreen a { color: #bffcbd; } .ch-ArticleContent .startPageBlack a:hover .startPageGreen a:hover { color: white; text-decoration: underline; } .ch-ArticleContent .startPageBlack .faqQuestionText { background: #454545; color: #fff; font-weight: bold; } .ch-ArticleContent .startPageGreen .faqQuestionText { background: #388E3C; color: #fff; font-weight: bold; } .ch-ArticleContent .startPageGreen { color: #fff; background: #4CAF50; } .ch-ArticleContent .rectangle-list a { position: relative; display: block; padding: 12px; background: #ddd; color: #444; text-decoration: none; transition: all .3s ease-out; } .ch-ArticleContent .rectangle-list a:hover { background: #eee; color: #00CC00; } .ch-ArticleContent .rectangle-list a:after { position: absolute; content: ''; border: .5em solid transparent; left: -1.5em; top: 50%; margin-top: -.5em; transition: all .3s ease-out; } .ch-ArticleContent .rectangle-list a:hover:after { left: -.7em; border-left-color: #757575; } .ch-ArticleContent .startPageVideo { overflow: hidden; margin: auto; width: 100%; max-width: 700px; max-height: 300px; box-shadow: 0 0 40px rgba(0,0,0,.5); } .ch-ArticleContent .startPageFaqs { padding: 20px; } .ch-ArticleContent .startPageBrowsersInfo { padding: 20px; padding-bottom: 40px; } /* --- Video --- */ .ch-ArticleContent .Video_container { text-align: center; position: relative; /*max-width: 500px; */ } .ch-ArticleContent .Video_container:hover .Video_title { top: 0; bottom: 0; background: url('/resources/Storage/ClickHelp%20Product%20Documentation_Files/Images/play_128x128.png') center center no-repeat rgba(0,0,0,.6); } .ch-ArticleContent .Video_container:hover .Video_titleText { display: none; } .ch-ArticleContent .Video_title { display: block; position: absolute; bottom: 70px; background: rgba(0,0,0,.6); color: white; width: 100%; } .ch-ArticleContent .Video_titleText { background: url('/resources/Storage/ClickHelp%20Product%20Documentation_Files/Images/play_48x48.png') left center no-repeat; line-height: 48px; display: inline-block; padding-left: 64px; font-size: 19px; } .ch-ArticleContent .Video_popup { display: none; background: black; } .ch-ArticleContent .Video_popup a.Video_popupClose { line-height: 40px; padding-right: 10px; float: right; color: white; } /* --- Video - end ---*/ /* --- Custom classes --- */ .ch-ArticleContent #startContactUs { padding: 10px; } /* Wrapper & footer elements */ /* Tables */ .ch-ArticleContent .CHTable { width: 100%; border-collapse: collapse; margin-right: 10px; } .ch-ArticleContent .CHTable th { background-color: #f5f5f5; text-align: left; font-weight: bold; padding: 4px 8px; border: #e0e0e0 1px solid; } .ch-ArticleContent .CHTable td { border: #e0e0e0 1px solid; padding: 2px 8px; } .ch-ArticleContent .CHTable p { margin-top: 0px; margin-bottom: 0px; } /* Simple table */ .ch-ArticleContent .tableSimple { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; margin-left: 30px; width: 100%; text-align: left; border-collapse: collapse; border: 1px solid #1240ab; } .ch-ArticleContent .tableSimple th { padding: 15px 10px 10px 10px; font-weight: normal; font-size: 14px; color: #20447a; text-align: left; } .ch-ArticleContent .tableSimple tbody { background: white; } .ch-ArticleContent .tableSimple td { padding: 10px; color: #333; border-top: 1px dashed #06266f; text-align: left; } .ch-ArticleContent .tableSimple tfoot td { text-align: left; } .ch-ArticleContent .tableSimple tbody tr:hover td { color: #06266f; background: #F0EDFB; } /* Table with odd and even rows */ .ch-ArticleContent .tableZebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; margin-left: 30px; text-align: left; border-collapse: collapse; } .ch-ArticleContent .tableZebra th { font-size: 14px; font-weight: normal; padding: 10px 8px; color: #20447a; } .ch-ArticleContent .tableZebra td { padding: 8px; color: #333; } .ch-ArticleContent .tableZebra .odd { background: #EBF7FF; } /* Table with both rows and columns having odd/even styles */ .ch-ArticleContent .tableVerZebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; margin-left: 30px; text-align: left; border-collapse: collapse; } .ch-ArticleContent .tableVerZebra th { font-size: 14px; font-weight: normal; padding: 12px 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #20447a; } .ch-ArticleContent .tableVerZebra td { padding: 8px 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #333; } .ch-ArticleContent .tableVerZebraColOdd { background: #E0E6F6; } .ch-ArticleContent .tableVerZebraColEven { background: #F0EDFB; } .ch-ArticleContent .tableVerZebra .odd { background: #E0F3FF; border-bottom: 1px solid #B8D4E6; } .ch-ArticleContent .tableVerZebra .even { background: #dce4ff; border-bottom: 1px solid #99D699; } /* Pictures */ /*No border here*/ .ch-ArticleContent .responsiveBigImage450 { /* width: 100%; max-width: 450px; */ } .ch-ArticleContent .responsiveBigImage647 { /*width: 100%; max-width: 647px; / } .responsiveBigImage702 { width: 100%; max-width: 702px; border: 1px solid #cccccc; */ } .ch-ArticleContent .screenShotCenterContainer { text-align: center; margin: 20px 20px 20px 20px; } .ch-ArticleContent .bigImage { width: 500px; height: 355px; margin: auto; display: block; padding-top: 15px; padding-bottom: 12px; } .ch-ArticleContent .bigImageSignature { text-align: center; } /* Info Box */ .ch-ArticleContent .infoBox { width: 100%; border: 5px solid #83c985; font-size: 0.9em; margin-top: 5px; margin-bottom: 5px; border-radius: 5px; } .ch-ArticleContent .infoBoxImageCell { padding-bottom: 4px; padding-top: 10px; padding-left: 9px; padding-right: 5px; width: 28px; } .ch-ArticleContent .infoBoxText { padding: 8px; } .ch-ArticleContent .infoBoxText p { margin-top: 2px; margin-bottom: 2px; } .ch-ArticleContent .infoBox p:last-child { margin-bottom: 0; } .ch-ArticleContent .infoBox p:first-child { margin-top: 0; } .ch-ArticleContent .warningBox { width: 100%; border: 5px solid #FF8A80; border-radius: 5px; font-size: 0.9em; margin-top: 5px; margin-bottom: 5px; } .ch-ArticleContent .warningBoxImageCell { padding-bottom: 4px; padding-top: 10px; padding-left: 9px; padding-right: 5px; width: 28px; } .ch-ArticleContent .warningBoxText { padding: 8px; } .ch-ArticleContent .warningBoxText p { margin-top: 2px; margin-bottom: 2px; } .ch-ArticleContent .warningBox p:last-child { margin-bottom: 0; } .ch-ArticleContent .warningBox p:first-child { margin-top: 0; } /* Round Corners Box */ .ch-ArticleContent .roundCornersBox { padding: 10px; width: 400px; margin: auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid #1240ab; -moz-box-shadow: 2px 2px 5px #a2a2a2; -webkit-box-shadow: 2px 2px 5px #a2a2a2; box-shadow: 2px 2px 5px #a2a2a2; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; } /* Text Shadow */ .ch-ArticleContent .textShadow { text-shadow: 1px 1px 1px #a2a2a2; } .ch-ArticleContent .textGlow { text-shadow: 0px 0px 5px #6666DD; } /* Gradients */ .ch-ArticleContent .gradTopBottom { height: 100px; margin-bottom: 10px; margin-top: 10px; /* Safari 4-5, Chrome 1-9 */ background: -o-linear-gradient(top, #B2D1FF, #1240ab); /* Safari 5.1, Chrome 10+ */ /* Firefox 3.6+ */ /* IE 10 */ /* Opera 11.10+ */ } .ch-ArticleContent .gradLeftRight { height: 100px; margin-bottom: 10px; margin-top: 10px; /* Safari 4-5, Chrome 1-9 */ background: -o-linear-gradient(left, #B2D1FF, #1240ab); /* Safari 5.1, Chrome 10+ */ /* Firefox 3.6+ */ /* IE 10 */ /* Opera 11.10+ */ } .ch-ArticleContent .gradLeftRightCustomStops { height: 100px; margin-bottom: 10px; margin-top: 10px; /* Safari 4-5, Chrome 1-9 */ background: -o-linear-gradient(left, #B2D1FF, #1240ab 5%, #B2D1FF, #1240ab 95%, #B2D1FF); /* Safari 5.1+, Chrome 10+ */ /* Firefox 3.6+ */ /* IE 10 */ /* Opera 11.10+ */ } /* Animation */ .ch-ArticleContent .movingTextContainer { height: 220px; width: 550px; margin: auto; margin-top: 10px; margin-bottom: 10px; } .ch-ArticleContent .movingText { position: relative; width: 350px; animation: movingTextAnimation 5s infinite; -moz-animation: movingTextAnimation 5s infinite; /* Firefox */ -webkit-animation: movingTextAnimation 5s infinite; /* Safari and Chrome */ -o-animation: movingTextAnimation 5s infinite; /* Opera */ } @keyframes movingTextAnimation { 0% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } 25% { text-shadow: 0px 0px 5px #1240ab; left: 200px; top: 0px; } 50% { text-shadow: 0px 0px 10px #1240ab; left: 200px; top: 200px; } 75% { text-shadow: 0px 0px 5px #1240ab; left: 0px; top: 200px; } 100% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } } /* Firefox */ @-moz-keyframes movingTextAnimation { 0% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } 25% { text-shadow: 0px 0px 5px #1240ab; left: 200px; top: 0px; } 50% { text-shadow: 0px 0px 10px #1240ab; left: 200px; top: 200px; } 75% { text-shadow: 0px 0px 5px #1240ab; left: 0px; top: 200px; } 100% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } } /* Safari and Chrome */ @-webkit-keyframes movingTextAnimation { 0% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } 25% { text-shadow: 0px 0px 5px #1240ab; left: 200px; top: 0px; } 50% { text-shadow: 0px 0px 10px #1240ab; left: 200px; top: 200px; } 75% { text-shadow: 0px 0px 5px #1240ab; left: 0px; top: 200px; } 100% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } } /* Opera */ @-o-keyframes movingTextAnimation { 0% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } 25% { text-shadow: 0px 0px 5px #1240ab; left: 200px; top: 0px; } 50% { text-shadow: 0px 0px 10px #1240ab; left: 200px; top: 200px; } 75% { text-shadow: 0px 0px 5px #1240ab; left: 0px; top: 200px; } 100% { text-shadow: 0px 0px 1px #1240ab; left: 0px; top: 0px; } } /* Variables */ .ch-ArticleContent .varGlobal { background-color: #efefef; white-space: nowrap; } .ch-ArticleContent .varProject { background-color: #CCFFCC; white-space: nowrap; } /* Conditional Content */ .ch-ArticleContent .condContentInclude { background-color: #E0F5FF; } .ch-ArticleContent .condContentExclude { background-color: #FFE1CC; } /* Snippets */ .ch-ArticleContent .sampleSnippet { background-color: #F4E8FF; } /* Multiple Columns */ .ch-ArticleContent .multiColTable { width: 100%; } .ch-ArticleContent .multiColTable td { width: 30%; padding-left: 10px; padding-right: 10px; text-align: justify; vertical-align: top; } .ch-ArticleContent .multiColDiv { -moz-column-count: 3; /* Firefox */ -webkit-column-count: 3; /* Safari and Chrome */ column-count: 3; padding-left: 10px; padding-right: 10px; } /* Fixed Panel */ .ch-ArticleContent .fixedPanelMainText { padding-top: 90px; } .ch-ArticleContent .fixedPanel { position: fixed; top: 0; width: 100%; height: 70px; background: #454545; border-top: 3px solid #CDCDCD; border-bottom: 3px solid #CDCDCD; margin-top: 0px; margin-bottom: 0px; padding: 6px; padding-top: 0; } .ch-ArticleContent .fixedPanel h1 { border-style: none; background: transparent none; padding-left: 0px; } .ch-ArticleContent .fixedPanelText { color: #B2D1FF; } .ch-ArticleContent .fixedPanelText a { color: #CCF3FF; } .ch-ArticleContent .nextTopicLink { text-align: right; } .ch-ArticleContent .seeAlso { color: #06266f; font-size: 24px; } .ch-ArticleContent .seeAlsoList { padding-left: 20px; } /* Embedded Video */ .ch-ArticleContent .embeddedVideo { margin-left: 50px; margin-bottom: 10px; } /* Tutorials */ .ch-ArticleContent .tutorialHeaderPanel { height: 70px; background: #454545; border-top: 3px solid #CDCDCD; border-bottom: 3px solid #CDCDCD; margin-top: 0px; margin-bottom: 0px; padding: 6px; padding-top: 0; } .ch-ArticleContent .tutorialHeaderPanel h1 { border-style: none; background: transparent none; padding-left: 0px; } .ch-ArticleContent .tutorialNavBar { color: #B2D1FF; } .ch-ArticleContent .tutorialNavBar a { color: #CCF3FF; } .ch-ArticleContent .tutorialNavLink { font-family: 'PTSansNarrowRegular', sans-serif; } /* FAQ */ .ch-ArticleContent .faqQuestion { } .ch-ArticleContent .faqQuestionText { /*font-style: italic; */ background-color: rgba(0, 179, 83, 0.1); padding: 10px; color: #00b353; } .ch-ArticleContent .faqAnswer { } /* Code Highlighting */ .ch-ArticleContent .hljs { border-radius: 6px; } .ch-ArticleContent .apiParamsTable { width: 100%; border-collapse: collapse; margin-right: 10px; } .ch-ArticleContent .apiParamsTable th { background-color: #f5f5f5; text-align: left; font-weight: bold; padding: 4px 8px; border: #e0e0e0 1px solid; } .ch-ArticleContent .apiParamsTable td { border: #e0e0e0 1px solid; padding: 2px 8px; } .ch-ArticleContent .apiParamsTable p { margin-top: 0px; margin-bottom: 0px; } /* --- User Roles table --- */ /* --- Vertical Zebra table --- */ /* Table with both rows and columns having odd/even styles */ .ch-ArticleContent .tableVerZebra { text-align: left; border-collapse: collapse; } .ch-ArticleContent .tableVerZebra th { font-weight: normal; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #004C1A; } .ch-ArticleContent .tableVerZebra td { border-right: 1px solid #fff; border-left: 1px solid #fff; color: #333; text-align: center; } .ch-ArticleContent .tableVerZebraColOdd { background: white; } .ch-ArticleContent .tableVerZebraColEven { background: #EAFAEA; } .ch-ArticleContent .tableVerZebra .odd { background: #CCEBCC; border-bottom: 1px solid #99D699; } .ch-ArticleContent .tableVerZebra .even { background: #dce4ff; border-bottom: 1px solid #99D699; } /* --- User Roles Table itself --- */ .ch-ArticleContent .userRolesTable td { /*border: 1px solid black; */ border-right: 1px solid #fff; border-left: 1px solid #fff; } .ch-ArticleContent .userRolesTable .firstCol { text-align: left; } .ch-ArticleContent .userRolesTable tr:hover { background-color: #E6F5E6; } .ch-ArticleContent .userRolesTable .permissionsGroupName { background-color: #E6F5E6; } /* --- Why ClickHelp --- */ .ch-ArticleContent .tableNoBorder { border-collapse: collapse; } .ch-ArticleContent .tableNoBorder th { text-align: center !important; } .ch-ArticleContent .tableNoBorder td { vertical-align: top; } .ch-ArticleContent .codeSample { font-family: monospace; background-color: #EFEFEF; padding: 10px; } .ch-ArticleContent .codeHlited { font-weight: bold; } /* SFX by Alexey */ .ch-ArticleContent .screenshotWithEffect { text-align: center; position: relative; padding-top: 20px; padding-bottom: 20px; overflow: hidden; height: 100px; transition: height .5s; -webkit-transition: height .5s; } .ch-ArticleContent .screenshotWithEffect img { box-shadow: 0 0 5px #696969; transition: box-shadow .3s; -webkit-transition: box-shadow .3s; } .ch-ArticleContent .screenshotWithEffect:after { content: ""; display: block; position: absolute; z-index: 0; height: 100%; width: 100%; bottom: 0; opacity: 1; transition: opacity .5s; -webkit-transition: opacity .5s; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .ch-ArticleContent .screenshotWithEffect:hover { height: 400px; transition: height .5s; -webkit-transition: height .5s; } .ch-ArticleContent .screenshotWithEffect:hover img { box-shadow: 0 0 15px; transition: box-shadow .3s; -webkit-transition: box-shadow .3s; } .ch-ArticleContent .screenshotWithEffect:hover:after { opacity: 0; transition: opacity .5s; -webkit-transition: opacity .5s; } /* Tutorial Button */ .ch-ArticleContent .buttonWrapper, .ch-ArticleContent .browserIconsWrapper, .ch-ArticleContent .platformsWrapper { text-align: center; } .ch-ArticleContent .tutorialButton { -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #616161!important; font-size: 26px; background: #ddd; padding: 15px 40px 15px 40px; border-bottom: solid #bdbdbd 4px; text-decoration: none!imporatnt; display: inline-block; transition: all .3s ease-out; } .ch-ArticleContent .tutorialButton:hover { background: #eee; color: #00CC00!important; text-decoration: none !important; } .ch-ArticleContent .GettingStartedImageContainer { color: #fff; width: 100%; max-width: 870px; margin: auto; } .ch-ArticleContent .GettingStartedBoxImages { padding-top: 10px; padding-bottom: 20px; } .ch-ArticleContent .GettingStartedh1 { color: #fff; text-align: center; font-size: 2em; font-weight: 100; margin: 0; } .ch-ArticleContent .GettingStartedBoxItem { text-align: center; float: left; } .ch-ArticleContent .GettingStartedBoxHeading { padding-top: 30px; font-size: 1.4em; text-align: center; } .ch-ArticleContent .resp2ColWidthWithPadding { float: left; width: 50%; box-sizing: border-box; } .ch-ArticleContent .resp2ColWidthWithPadding:first-child { padding-right: 5px; } .ch-ArticleContent .resp2ColWidthWithPadding:last-child { padding-left: 5px; } @media (max-width: 979px) { .ch-ArticleContent .resp2ColWidthWithPadding { /* One column per screen */ width: 100%; } .ch-ArticleContent .resp2ColWidthWithPadding:first-child, .ch-ArticleContent .resp2ColWidthWithPadding:last-child { padding-left: 0; padding-right: 0; } } .ch-ArticleContent .resp3ColWidth { float: left; width: 33%; } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .ch-ArticleContent .resp3ColWidth { /* One column per screen */ width: 100%; } } .ch-ArticleContent .PlatfromImageBig { margin-top: 10px; height: 96px; background-position: center center; background-repeat: no-repeat; } .ch-ArticleContent .PlatfromImageBigLast { margin-top: 25px; } .ch-ArticleContent .BrowserImage { margin-top: 10px; height: 60px; background-position: left center; background-repeat: no-repeat; line-height: 60px; text-align: left; padding-left: 60px; width: 120px; margin-left: auto; margin-right: auto; } .ch-ArticleContent .FormatImage { margin-top: 10px; height: 45px; background-position: left center; background-repeat: no-repeat; text-align: left; padding-left: 48px; line-height: 45px; width: 180px; margin-left: auto; margin-right: auto; } /* Gifs */ .ch-ArticleContent .gifShadow { -webkit-box-shadow: 2px 4px 12px 1px rgba(0,0,0,0.65); -moz-box-shadow: 2px 4px 12px 1px rgba(0,0,0,0.65); box-shadow: 2px 4px 12px 1px rgba(0,0,0,0.65); } /* What's new */ .ch-ArticleContent .Feeds_userRequestedItem { list-style-image: url('/resources/Storage/ClickHelp%20Product%20Documentation_Files/user.png'); } .ch-ArticleContent .Feeds_userRequestedItem li { /* Remove the icon from nested lists */ list-style-image: none; } .ch-ArticleContent .imgBorder { box-shadow: 2px 2px 18px #aaa; } .ch-ArticleContent .specialKeyword { border: 1px solid #aaa; background-color: #eee; padding: 1px 4px 1px 4px; border-radius: 4px; } /* Added automatically during the ClickHelp Oasis update - BEGIN */ .ch-ArticleContent .CHBreadcrumb { display: block; } /* Added automatically during the ClickHelp Oasis update - END */ /* Added automatically during the ClickHelp Rainbow update - BEGIN */ .ch-ArticleContent .inlineCode { font-family: "Consolas", monospace; color: #696969; background: #f6f7f9; padding: 3px; border-radius: 3px ; } .ch-ArticleContent .CHMemberTable { border: 1px solid #e7ecf0; border-radius: 3px; border-collapse: collapse; width: 100% ; } .ch-ArticleContent .CHMemberTable tr:nth-child(even) { background-color: #f5f7f9 ; } .ch-ArticleContent .CHMemberTable td { border-bottom: 1px solid #f5f7f9; vertical-align: baseline; padding: 10px ; } .ch-ArticleContent .CHMemberTable td p { margin: 0; line-height: 1.5 ; } .ch-ArticleContent .CHMemberTable>tr>td:first-child, .ch-ArticleContent .CHMemberTable>tbody>tr>td:first-child { line-height: 1; white-space: nowrap ; } .ch-ArticleContent .CHMemberTable>tr>td:nth-child(2), .ch-ArticleContent .CHMemberTable>tbody>tr>td:nth-child(2) { font-family: "Consolas", monospace; color: #8792a2; white-space: nowrap ; } .ch-ArticleContent .CHMemberTable>tr>td:last-child, .ch-ArticleContent .CHMemberTable>tbody>tr>td:last-child { width: 100% ; } .ch-ArticleContent .CHMemberTable_optionalMark, .ch-ArticleContent .CHMemberTable_requiredMark { font-family: monospace; font-size: .8em; text-transform: uppercase; font-weight: normal; margin-top: 4px; } .ch-ArticleContent .CHMemberTable_requiredMark { color: #ed6055 ; } .ch-ArticleContent .CHMemberTable_optionalMark { color: var(--type-disabled); } .ch-ArticleContent .CHHttpRequest { width: 100%; max-width: 832px; table-layout: fixed; border: none; border-collapse: collapse; border-spacing: 0; margin-top: 1em ; } .ch-ArticleContent .CHHttpRequest_headerImg, .ch-ArticleContent .CHHttpRequest_headerText { padding-top: 5px; padding-bottom: 8px; font-weight: bold ; } .ch-ArticleContent .CHHttpRequest_get .CHHttpRequest_headerImg, .ch-ArticleContent .CHHttpRequest_put .CHHttpRequest_headerImg { width: 40px ; } .ch-ArticleContent .CHHttpRequest_post .CHHttpRequest_headerImg { width: 47px ; } .ch-ArticleContent .CHHttpRequest_delete .CHHttpRequest_headerImg { width: 63px ; } .ch-ArticleContent .CHHttpRequest_headerImg { padding-right: 10px ; } .ch-ArticleContent .CHHttpRequest_headerImg img { vertical-align: text-bottom; } .ch-ArticleContent .CHHttpRequest_headerText { width: 100% ; } .ch-ArticleContent .CHHttpRequest_code { font-family: "Consolas", monospace; font-size: 14px; color: #696969; background: var(--grey20); border-radius: 4px; padding: 10px 16px ; } .ch-ArticleContent .CHResponseCode_good, .ch-ArticleContent .CHResponseCode_warning, .ch-ArticleContent .CHResponseCode_error { font-weight: bold; margin-bottom: 0 ; } .ch-ArticleContent .CHResponseCode_good+p, .ch-ArticleContent .CHResponseCode_warning+p, .ch-ArticleContent .CHResponseCode_error+p { margin-top: 0 ; } .ch-ArticleContent .CHResponseCode_good::before, .ch-ArticleContent .CHResponseCode_warning::before, .ch-ArticleContent .CHResponseCode_error::before { content: " "; display: inline-block; height: 10px; width: 10px; border-radius: 50% ; } .ch-ArticleContent .CHResponseCode_good::before { background: #27cb7c ; } .ch-ArticleContent .CHResponseCode_warning::before { background: #ff9d3d ; } .ch-ArticleContent .CHResponseCode_error::before { background: #ff4741 ; } /* Added automatically during the ClickHelp Rainbow update - END */ .ch-ArticleContent .separator { width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.1); margin: 16px 0; }