/* 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; } body { font-family: 'Roboto', sans-serif; font-weight: 400; color: #2c3e50; text-align:left; font-size: 16px; line-height: 1.75; margin: 0; padding: 8px; } /* 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; } .clearfix::after { content:""; display: block; clear:both; } a { color: #009900; text-decoration:none; } a:visited { color: #009900; } a:hover { color: #00CC00; text-decoration: none; } a:active { color: #007900; } 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; } */ ul { padding-left: 40px; } ul li { margin-top: 0.25em; margin-bottom: 0.5em; vertical-align: middle; } ol { padding-left: 40px; /*font-family: 'Open Sans Condensed', sans-serif; color: #1240ab; font-weight: bold; */ } 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 --- */ .tableStartPage { padding: 10px; padding-top: 0; } .tableStartPage:after { clear:both; content: ""; display:block; } .tableStartPage h2 { padding-top: 0; padding-left: 30px; border: 0px none; background: transparent none; } .startPageGray { background: #EFEFEF; color: #ECEFF1; padding-top: 2px; padding-bottom: 5px; } .startPageGray ul { list-style: none; padding-left: 30px; } .startPageBlack { background: #252525; color: #cdcdcd; padding-top: 2px; padding-bottom: 5px; padding-left: 8px; padding-right: 8px; } .startPageBlack h2, .startPageGreen h2 { color: #fff; } .startPageBlack a, .startPageGreen a { color: #bffcbd; } .startPageBlack a:hover .startPageGreen a:hover { color: white; text-decoration: underline; } .startPageBlack .faqQuestionText { background: #454545; color: #fff; font-weight: bold; } .startPageGreen .faqQuestionText { background: #388E3C; color: #fff; font-weight: bold; } .startPageGreen { color: #fff; background: #4CAF50; } .rectangle-list a{ position: relative; display: block; padding: 12px; background: #ddd; color: #444; text-decoration: none; transition: all .3s ease-out; } .rectangle-list a:hover{ background: #eee; color: #00CC00; } .rectangle-list a:after{ position: absolute; content: ''; border: .5em solid transparent; left: -1.5em; top: 50%; margin-top: -.5em; transition: all .3s ease-out; } .rectangle-list a:hover:after{ left: -.7em; border-left-color: #757575; } .startPageVideo { overflow: hidden; margin: auto; width: 100%; max-width: 700px; max-height: 300px; box-shadow: 0 0 40px rgba(0,0,0,.5); } .startPageFaqs { padding: 20px; } .startPageBrowsersInfo { padding: 20px; padding-bottom: 40px; } /* --- Video --- */ .Video_container { text-align: center; position: relative; /*max-width: 500px; */ } .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); } .Video_container:hover .Video_titleText { display: none; } .Video_title { display: block; position: absolute; bottom: 70px; background: rgba(0,0,0,.6); color: white; width:100%; } .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; } .Video_popup { display:none; background:black; } .Video_popup a.Video_popupClose { line-height: 40px; padding-right: 10px; float: right; color: white; } /* --- Video - end ---*/ /* --- Custom classes --- */ #startContactUs { padding: 10px; } /* Wrapper & footer elements */ /* Tables */ .CHTable { width: 100%; border-collapse: collapse; margin-right: 10px; } .CHTable th { background-color: #f5f5f5; text-align: left; font-weight: bold; padding: 4px 8px; border: #e0e0e0 1px solid; } .CHTable td { border: #e0e0e0 1px solid; padding: 2px 8px; } .CHTable p { margin-top:0px; margin-bottom: 0px; } /* Simple table */ .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; } .tableSimple th { padding: 15px 10px 10px 10px; font-weight: normal; font-size: 14px; color: #20447a; text-align:left; } .tableSimple tbody { background: white; } .tableSimple td { padding: 10px; color: #333; border-top: 1px dashed #06266f; text-align: left; } .tableSimple tfoot td { text-align:left; } .tableSimple tbody tr:hover td { color: #06266f; background: #F0EDFB; } /* Table with odd and even rows */ .tableZebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; margin-left: 30px; text-align: left; border-collapse: collapse; } .tableZebra th { font-size: 14px; font-weight: normal; padding: 10px 8px; color: #20447a; } .tableZebra td { padding: 8px; color: #333; } .tableZebra .odd { background: #EBF7FF; } /* Table with both rows and columns having odd/even styles */ .tableVerZebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; margin-left: 30px; text-align: left; border-collapse: collapse; } .tableVerZebra th { font-size: 14px; font-weight: normal; padding: 12px 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #20447a; } .tableVerZebra td { padding: 8px 15px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #333; } .tableVerZebraColOdd { background: #E0E6F6; } .tableVerZebraColEven { background: #F0EDFB; } .tableVerZebra .odd { background: #E0F3FF; border-bottom: 1px solid #B8D4E6; } .tableVerZebra .even { background: #dce4ff; border-bottom: 1px solid #99D699; } /* Pictures */ /*No border here*/ .responsiveBigImage450 { /* width: 100%; max-width: 450px; */ } .responsiveBigImage647 { /*width: 100%; max-width: 647px; / } .responsiveBigImage702 { /*width: 100%; max-width: 702px; border: 1px solid #cccccc; */ } .screenShotCenterContainer { text-align: center; margin: 20px 20px 20px 20px; } .bigImage { width: 500px; height: 355px; margin:auto; display:block; padding-top: 15px; padding-bottom: 12px; } .bigImageSignature { text-align: center; } /* Info Box */ .infoBox { width: 100%; border: 5px solid #83c985; font-size: 0.9em; margin-top: 5px; margin-bottom: 5px; border-radius: 5px; } .infoBoxImageCell { padding-bottom: 4px; padding-top: 10px; padding-left: 9px; padding-right: 5px; width: 28px; } .infoBoxText { padding: 8px; } .infoBoxText p { margin-top: 2px; margin-bottom: 2px; } .infoBox p:last-child { margin-bottom: 0; } .infoBox p:first-child { margin-top: 0; } .warningBox { width: 100%; border: 5px solid #FF8A80; border-radius: 5px; font-size: 0.9em; margin-top: 5px; margin-bottom: 5px; } .warningBoxImageCell { padding-bottom: 4px; padding-top: 10px; padding-left: 9px; padding-right: 5px; width: 28px; } .warningBoxText { padding: 8px; } .warningBoxText p { margin-top: 2px; margin-bottom: 2px; } .warningBox p:last-child { margin-bottom: 0; } .warningBox p:first-child { margin-top: 0; } /* Round Corners Box */ .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 */ .textShadow { text-shadow: 1px 1px 1px #a2a2a2; } .textGlow { text-shadow: 0px 0px 5px #6666DD; } /* Gradients */ .gradTopBottom { height: 100px; margin-bottom: 10px; margin-top: 10px; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1240ab), to(#B2D1FF)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #B2D1FF, #1240ab); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #B2D1FF, #1240ab); /* IE 10 */ background: -ms-linear-gradient(top, #B2D1FF, #1240ab); /* Opera 11.10+ */ background: -o-linear-gradient(top, #B2D1FF, #1240ab); } .gradLeftRight { height: 100px; margin-bottom: 10px; margin-top: 10px; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#1240ab), to(#B2D1FF)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #B2D1FF, #1240ab); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #B2D1FF, #1240ab); /* IE 10 */ background: -ms-linear-gradient(left, #B2D1FF, #1240ab); /* Opera 11.10+ */ background: -o-linear-gradient(left, #B2D1FF, #1240ab); } .gradLeftRightCustomStops { height: 100px; margin-bottom: 10px; margin-top: 10px; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#B2D1FF), color-stop(0.05, #1240ab), color-stop(0.5, #B2D1FF), color-stop(0.95, #1240ab), to(#B2D1FF)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(left, #B2D1FF, #1240ab 5%, #B2D1FF, #1240ab 95%, #B2D1FF); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #B2D1FF, #1240ab 5%, #B2D1FF, #1240ab 95%, #B2D1FF); /* IE 10 */ background: -ms-linear-gradient(left, #B2D1FF, #1240ab 5%, #B2D1FF, #1240ab 95%, #B2D1FF); /* Opera 11.10+ */ background: -o-linear-gradient(left, #B2D1FF, #1240ab 5%, #B2D1FF, #1240ab 95%, #B2D1FF); } /* Animation */ .movingTextContainer { height: 220px; width: 550px; margin: auto; margin-top: 10px; margin-bottom: 10px; } .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; } } @-moz-keyframes movingTextAnimation /* Firefox */ { 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; } } @-webkit-keyframes movingTextAnimation /* Safari and Chrome */ { 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; } } @-o-keyframes movingTextAnimation /* Opera */ { 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 */ .varGlobal { background-color: #efefef; white-space:nowrap; } .varProject { background-color: #CCFFCC; white-space:nowrap; } /* Conditional Content */ .condContentInclude { background-color: #E0F5FF; } .condContentExclude { background-color: #FFE1CC; } /* Snippets */ .sampleSnippet { background-color: #F4E8FF; } /* Multiple Columns */ .multiColTable { width: 100%; } .multiColTable td { width: 30%; padding-left: 10px; padding-right: 10px; text-align: justify; vertical-align: top; } .multiColDiv { -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */ column-count:3; padding-left: 10px; padding-right: 10px; } /* Fixed Panel */ .fixedPanelMainText { padding-top: 90px; } .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; } .fixedPanel h1 { border-style: none; background: transparent none; padding-left: 0px; } .fixedPanelText { color: #B2D1FF; } .fixedPanelText a { color: #CCF3FF; } .nextTopicLink { text-align: right; } .seeAlso { color: #06266f; font-size:24px; } .seeAlsoList { padding-left: 20px; } /* Embedded Video */ .embeddedVideo { margin-left: 50px; margin-bottom: 10px; } /* Tutorials */ .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; } .tutorialHeaderPanel h1 { border-style: none; background: transparent none; padding-left: 0px; } .tutorialNavBar { color: #B2D1FF; } .tutorialNavBar a { color: #CCF3FF; } .tutorialNavLink { font-family:'PTSansNarrowRegular', sans-serif; } /* FAQ */ .faqQuestion { } .faqQuestionText { /*font-style: italic; */ background-color: rgba(0, 179, 83, 0.1); padding: 10px; color: #00b353; } .faqAnswer { } /* Code Highlighting */ .hljs { border-radius: 6px; } .apiParamsTable { width: 100%; border-collapse: collapse; margin-right: 10px; } .apiParamsTable th { background-color: #f5f5f5; text-align: left; font-weight: bold; padding: 4px 8px; border: #e0e0e0 1px solid; } .apiParamsTable td { border: #e0e0e0 1px solid; padding: 2px 8px; } .apiParamsTable p { margin-top:0px; margin-bottom: 0px; } /* --- User Roles table --- */ /* --- Vertical Zebra table --- */ /* Table with both rows and columns having odd/even styles */ .tableVerZebra { text-align: left; border-collapse: collapse; } .tableVerZebra th { font-weight: normal; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #004C1A; } .tableVerZebra td { border-right: 1px solid #fff; border-left: 1px solid #fff; color: #333; text-align: center; } .tableVerZebraColOdd { background: white; } .tableVerZebraColEven { background: #EAFAEA; } .tableVerZebra .odd { background: #CCEBCC; border-bottom: 1px solid #99D699; } .tableVerZebra .even { background: #dce4ff; border-bottom: 1px solid #99D699; } /* --- User Roles Table itself --- */ .userRolesTable td { /*border: 1px solid black; */ border-right: 1px solid #fff; border-left: 1px solid #fff; } .userRolesTable .firstCol { text-align:left; } .userRolesTable tr:hover { background-color: #E6F5E6; } .userRolesTable .permissionsGroupName { background-color: #E6F5E6; } /* --- Why ClickHelp --- */ .tableNoBorder { border-collapse: collapse; } .tableNoBorder th { text-align: center !important; } .tableNoBorder td { vertical-align: top; } .codeSample { font-family:monospace; background-color:#EFEFEF; padding:10px; } .codeHlited { font-weight:bold; } /* SFX by Alexey */ .screenshotWithEffect { text-align: center; position: relative; padding-top: 20px; padding-bottom:20px; overflow:hidden; height:100px; transition: height .5s; -webkit-transition: height .5s; } .screenshotWithEffect img { box-shadow: 0 0 5px #696969; transition: box-shadow .3s; -webkit-transition: box-shadow .3s; } .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: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .screenshotWithEffect:hover { height: 400px; transition: height .5s; -webkit-transition: height .5s; } .screenshotWithEffect:hover img { box-shadow: 0 0 15px; transition: box-shadow .3s; -webkit-transition: box-shadow .3s; } .screenshotWithEffect:hover:after { opacity: 0; transition: opacity .5s; -webkit-transition: opacity .5s; } /* Tutorial Button */ .buttonWrapper, .browserIconsWrapper, .platformsWrapper { text-align: center; } .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; } .tutorialButton:hover { background: #eee; color: #00CC00!important; text-decoration: none !important; } .GettingStartedImageContainer { color: #fff; width: 100%; max-width: 870px; margin: auto; } .GettingStartedBoxImages { padding-top: 10px; padding-bottom: 20px; } .GettingStartedh1 { color: #fff; text-align: center; font-size: 2em; font-weight: 100; margin: 0; } .GettingStartedBoxItem { text-align: center; float:left; } .GettingStartedBoxHeading { padding-top: 30px; font-size: 1.4em; text-align: center; } .resp2ColWidthWithPadding { float: left; width: 50%; box-sizing: border-box; } .resp2ColWidthWithPadding:first-child { padding-right: 5px; } .resp2ColWidthWithPadding:last-child { padding-left: 5px; } @media (max-width: 979px) { .resp2ColWidthWithPadding { /* One column per screen */ width:100%; } .resp2ColWidthWithPadding:first-child, .resp2ColWidthWithPadding:last-child { padding-left: 0; padding-right: 0; } } .resp3ColWidth { float: left; width: 33%; } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .resp3ColWidth { /* One column per screen */ width:100%; } } .PlatfromImageBig { margin-top: 10px; height: 96px; background-position: center center; background-repeat: no-repeat; } .PlatfromImageBigLast { margin-top: 25px; } .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; } .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 */ .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 */ .Feeds_userRequestedItem { list-style-image: url('/resources/Storage/ClickHelp%20Product%20Documentation_Files/user.png'); } .Feeds_userRequestedItem li { /* Remove the icon from nested lists */ list-style-image: none; } .imgBorder { box-shadow: 2px 2px 18px #aaa; } .specialKeyword { border: 1px solid #aaa; background-color: #eee; padding: 1px 4px 1px 4px; border-radius: 4px; } /* Added automatically during the ClickHelp Oasis update - BEGIN */ .CHBreadcrumb { display: block; } /* Added automatically during the ClickHelp Oasis update - END */ /* Added automatically during the ClickHelp Rainbow update - BEGIN */ .inlineCode { font-family: "Consolas", monospace; color: #696969; background: #f6f7f9; padding: 3px; border-radius: 3px } .CHMemberTable { border: 1px solid #e7ecf0; border-radius: 3px; border-collapse: collapse; width: 100% } .CHMemberTable tr:nth-child(even) { background-color: #f5f7f9 } .CHMemberTable td { border-bottom: 1px solid #f5f7f9; vertical-align: baseline; padding: 10px } .CHMemberTable td p { margin: 0; line-height: 1.5 } .CHMemberTable>tr>td:first-child, .CHMemberTable>tbody>tr>td:first-child { line-height: 1; white-space: nowrap } .CHMemberTable>tr>td:nth-child(2), .CHMemberTable>tbody>tr>td:nth-child(2) { font-family: "Consolas", monospace; color: #8792a2; white-space: nowrap } .CHMemberTable>tr>td:last-child, .CHMemberTable>tbody>tr>td:last-child { width: 100% } .CHMemberTable_optionalMark, .CHMemberTable_requiredMark { font-family: monospace; font-size: .8em; text-transform: uppercase; font-weight: normal; margin-top: 4px; } .CHMemberTable_requiredMark { color: #ed6055 } .CHMemberTable_optionalMark { color: var(--type-disabled); } .CHHttpRequest { width: 100%; max-width: 832px; table-layout: fixed; border: none; border-collapse: collapse; border-spacing: 0; margin-top: 1em } .CHHttpRequest_headerImg, .CHHttpRequest_headerText { padding-top: 5px; padding-bottom: 8px; font-weight: bold } .CHHttpRequest_get .CHHttpRequest_headerImg, .CHHttpRequest_put .CHHttpRequest_headerImg { width: 40px } .CHHttpRequest_post .CHHttpRequest_headerImg { width: 47px } .CHHttpRequest_delete .CHHttpRequest_headerImg { width: 63px } .CHHttpRequest_headerImg { padding-right: 10px } .CHHttpRequest_headerImg img { vertical-align: text-bottom; } .CHHttpRequest_headerText { width: 100% } .CHHttpRequest_code { font-family: "Consolas", monospace; font-size: 14px; color: #696969; background: var(--grey20); border-radius: 4px; padding: 10px 16px } .CHResponseCode_good, .CHResponseCode_warning, .CHResponseCode_error { font-weight: bold; margin-bottom: 0 } .CHResponseCode_good+p, .CHResponseCode_warning+p, .CHResponseCode_error+p { margin-top: 0 } .CHResponseCode_good::before, .CHResponseCode_warning::before, .CHResponseCode_error::before { content: " "; display: inline-block; height: 10px; width: 10px; border-radius: 50% } .CHResponseCode_good::before { background: #27cb7c } .CHResponseCode_warning::before { background: #ff9d3d } .CHResponseCode_error::before { background: #ff4741 } /* Added automatically during the ClickHelp Rainbow update - END */