Difference between revisions of "MediaWiki: Common.css"
From Genesys Documentation
(34 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /* CSS used for Web API formatting*/ | ||
+ | .web-api-delete { border-style: none none none solid; border-width: thick; border-color: #ff4f1f; padding-left: 10px; } | ||
+ | .web-api-delete-text { color: #ff4f1f; font-weight: bold; } | ||
+ | .web-api-get { border-style: none none none solid; border-width: thick; border-color: #4B8ADC; padding-left: 10px; } | ||
+ | .web-api-get-text { color: #4B8ADC; font-weight: bold; } | ||
+ | .web-api-post { border-style: none none none solid; border-width: thick; border-color: #55C064; padding-left: 10px; } | ||
+ | .web-api-post-text { color: #55C064; font-weight: bold; } | ||
+ | .web-api-put { border-style: none none none solid; border-width: thick; border-color: #E8C547; padding-left: 10px; } | ||
+ | .web-api-put-text { color: #E8C547; font-weight: bold; } | ||
+ | .web-api-introduction-table { } | ||
+ | .web-api-urlpath { font-family: monospace,Courier; } | ||
+ | .web-api-summary { font-size: 80%; } | ||
+ | .web-api-description { } | ||
+ | .web-api-section-heading { font-weight: bold; font-size: 120%; } | ||
+ | .web-api-parameters-table { font-size: 90%; } | ||
+ | .web-api-parameters-table th { background-color: #F1F1F1; } | ||
+ | .web-api-parameters-table tr:nth-child(odd) { background-color: #FFFFFF; } | ||
+ | .web-api-parameters-table tr:nth-child(even) { background-color: #FFFFFF; } | ||
+ | .web-api-responses-table { font-size: 90%; } | ||
+ | .web-api-responses-table th { background-color: #F1F1F1; } | ||
+ | .web-api-responses-table tr:nth-child(odd) { background-color: #FFFFFF; } | ||
+ | .web-api-responses-table tr:nth-child(even) { background-color: #FFFFFF; } | ||
+ | .web-api-example { } | ||
+ | .web-api-body-table { font-size: 80%; } | ||
+ | .web-api-body-table tr:nth-child(odd) { background-color: #FFFFFF; } | ||
+ | .web-api-body-table tr:nth-child(even) { background-color: #FFFFFF; } | ||
+ | .web-api-body-obj { font-size: 120%; } | ||
+ | |||
/********Remove HTTPS lock icon****/ | /********Remove HTTPS lock icon****/ | ||
div#content a.external[href ^="https://"] { | div#content a.external[href ^="https://"] { | ||
background-image: none; | background-image: none; | ||
padding-right: 0; | padding-right: 0; | ||
+ | } | ||
+ | .imageLongDescription { | ||
+ | font-size: small; | ||
+ | } | ||
+ | .platform-icons { | ||
+ | margin-bottom: 100px; | ||
} | } | ||
.bg-img { | .bg-img { | ||
Line 13: | Line 48: | ||
div#content div#mw-content-text p.cta { | div#content div#mw-content-text p.cta { | ||
padding: 1em 0 0; | padding: 1em 0 0; | ||
+ | text-align: center; | ||
} | } | ||
div#content div#mw-content-text p.cta a { | div#content div#mw-content-text p.cta a { | ||
Line 26: | Line 62: | ||
transition: all ease-in .25s; | transition: all ease-in .25s; | ||
} | } | ||
− | . | + | div#content div#mw-content-text p.cta a:hover { |
− | + | background: #FFF; | |
+ | color: #ff4f1f; | ||
} | } | ||
.pure-cloud .bg-img { | .pure-cloud .bg-img { | ||
− | background-image: url(https://all.docs.genesys.com/images-supersite/ | + | background-image: url(https://all.docs.genesys.com/images-supersite/0/08/Purecloud-color-text%404x.png); |
} | } | ||
.pure-connect .bg-img { | .pure-connect .bg-img { | ||
− | background-image: url(../img/ | + | background-image: url(https://all.docs.genesys.com/images-supersite/2/2e/Pureconnect-color-text%404x.png); |
+ | } | ||
+ | .pure-engage .bg-img { | ||
+ | background-image: url(https://all.docs.genesys.com/images-supersite/5/5b/Pureengage-color-text%404x.png); | ||
+ | } | ||
+ | .MintyDocsVersionList { | ||
+ | display: none; | ||
+ | } | ||
+ | .public-uc { | ||
+ | border: 1px solid orangered; | ||
+ | padding-bottom: 40px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; | ||
+ | } | ||
+ | .special-uc #public-uc-heading { | ||
+ | background: linear-gradient(rgba(255, 79, 31, 0.7),rgba(255, 79, 31, 0.7)), url(https://all.docs.genesys.com/images-supersite/4/49/CE01-call-routing-header.png) no-repeat top -65px left 0/100%; | ||
+ | } | ||
+ | #public-uc-heading { | ||
+ | background: #ff4f1f; | ||
+ | padding: 80px; | ||
+ | color: #fff; | ||
+ | min-height: 325px; | ||
+ | opacity: .90; | ||
+ | } | ||
+ | #public-uc-heading>div { | ||
+ | font-size: 28px; | ||
+ | font-weight: 200; | ||
+ | padding-left: 5px; | ||
+ | } | ||
+ | .public-uc-content { | ||
+ | padding:0 40px; | ||
+ | } | ||
+ | .yamlbox | ||
+ | {border: 1px solid #a5a6a9; | ||
+ | border-radius: 6px; | ||
+ | background: #fefefe; | ||
+ | box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.1); | ||
+ | overflow: hidden; | ||
+ | color: #4e5055; | ||
+ | padding: 1em; | ||
+ | } | ||
+ | .yaml-summary { | ||
+ | color: grey; | ||
+ | } | ||
+ | .yaml-details { | ||
+ | color: #4e5055; | ||
+ | } | ||
+ | .yaml-hidden { | ||
+ | display: none; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | .yaml-show { | ||
+ | display: block; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | .yaml-GET { | ||
+ | border-left: 3px solid #ffa500; | ||
+ | } | ||
+ | .yaml-PUT { | ||
+ | border-left: 3px solid purple; | ||
+ | } | ||
+ | .yaml-POST { | ||
+ | border-left: 3px solid green; | ||
+ | } | ||
+ | .yaml-DELETE { | ||
+ | border-left: 3px solid blue; | ||
+ | } | ||
+ | .mfp-figure figure { | ||
+ | background: #fff; | ||
+ | } | ||
+ | .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { | ||
+ | color: #333; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | .panel-title { | ||
+ | padding: 0!important; | ||
} | } | ||
− | + | ||
− | + | ||
+ | ins { | ||
+ | text-decoration: none; | ||
+ | background-color: #d4fcbc; | ||
} | } | ||
− | + | ||
− | background- | + | del { |
+ | text-decoration: line-through; | ||
+ | background-color: #fbb6c2; | ||
+ | color: #555; | ||
} | } |
Latest revision as of 14:01, November 21, 2023
/* CSS placed here will be applied to all skins */
/* CSS used for Web API formatting*/
.web-api-delete { border-style: none none none solid; border-width: thick; border-color: #ff4f1f; padding-left: 10px; }
.web-api-delete-text { color: #ff4f1f; font-weight: bold; }
.web-api-get { border-style: none none none solid; border-width: thick; border-color: #4B8ADC; padding-left: 10px; }
.web-api-get-text { color: #4B8ADC; font-weight: bold; }
.web-api-post { border-style: none none none solid; border-width: thick; border-color: #55C064; padding-left: 10px; }
.web-api-post-text { color: #55C064; font-weight: bold; }
.web-api-put { border-style: none none none solid; border-width: thick; border-color: #E8C547; padding-left: 10px; }
.web-api-put-text { color: #E8C547; font-weight: bold; }
.web-api-introduction-table { }
.web-api-urlpath { font-family: monospace,Courier; }
.web-api-summary { font-size: 80%; }
.web-api-description { }
.web-api-section-heading { font-weight: bold; font-size: 120%; }
.web-api-parameters-table { font-size: 90%; }
.web-api-parameters-table th { background-color: #F1F1F1; }
.web-api-parameters-table tr:nth-child(odd) { background-color: #FFFFFF; }
.web-api-parameters-table tr:nth-child(even) { background-color: #FFFFFF; }
.web-api-responses-table { font-size: 90%; }
.web-api-responses-table th { background-color: #F1F1F1; }
.web-api-responses-table tr:nth-child(odd) { background-color: #FFFFFF; }
.web-api-responses-table tr:nth-child(even) { background-color: #FFFFFF; }
.web-api-example { }
.web-api-body-table { font-size: 80%; }
.web-api-body-table tr:nth-child(odd) { background-color: #FFFFFF; }
.web-api-body-table tr:nth-child(even) { background-color: #FFFFFF; }
.web-api-body-obj { font-size: 120%; }
/********Remove HTTPS lock icon****/
div#content a.external[href ^="https://"] {
background-image: none;
padding-right: 0;
}
.imageLongDescription {
font-size: small;
}
.platform-icons {
margin-bottom: 100px;
}
.bg-img {
height: 200px;
background-size: 200px;
background-repeat: no-repeat;
background-position: center bottom;
}
div#content div#mw-content-text p.cta {
padding: 1em 0 0;
text-align: center;
}
div#content div#mw-content-text p.cta a {
background-color: #ff4f1f;
padding: .5em 3em;
-moz-border-radius: 20em;
-webkit-border-radius: 20em;
border-radius: 20em;
color: #FFF;
font-size: 1.2em;
border: 2px solid #ff4f1f;
text-decoration: none;
transition: all ease-in .25s;
}
div#content div#mw-content-text p.cta a:hover {
background: #FFF;
color: #ff4f1f;
}
.pure-cloud .bg-img {
background-image: url(https://all.docs.genesys.com/images-supersite/0/08/Purecloud-color-text%404x.png);
}
.pure-connect .bg-img {
background-image: url(https://all.docs.genesys.com/images-supersite/2/2e/Pureconnect-color-text%404x.png);
}
.pure-engage .bg-img {
background-image: url(https://all.docs.genesys.com/images-supersite/5/5b/Pureengage-color-text%404x.png);
}
.MintyDocsVersionList {
display: none;
}
.public-uc {
border: 1px solid orangered;
padding-bottom: 40px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.special-uc #public-uc-heading {
background: linear-gradient(rgba(255, 79, 31, 0.7),rgba(255, 79, 31, 0.7)), url(https://all.docs.genesys.com/images-supersite/4/49/CE01-call-routing-header.png) no-repeat top -65px left 0/100%;
}
#public-uc-heading {
background: #ff4f1f;
padding: 80px;
color: #fff;
min-height: 325px;
opacity: .90;
}
#public-uc-heading>div {
font-size: 28px;
font-weight: 200;
padding-left: 5px;
}
.public-uc-content {
padding:0 40px;
}
.yamlbox
{border: 1px solid #a5a6a9;
border-radius: 6px;
background: #fefefe;
box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.1);
overflow: hidden;
color: #4e5055;
padding: 1em;
}
.yaml-summary {
color: grey;
}
.yaml-details {
color: #4e5055;
}
.yaml-hidden {
display: none;
transition: 1s;
}
.yaml-show {
display: block;
transition: 1s;
}
.yaml-GET {
border-left: 3px solid #ffa500;
}
.yaml-PUT {
border-left: 3px solid purple;
}
.yaml-POST {
border-left: 3px solid green;
}
.yaml-DELETE {
border-left: 3px solid blue;
}
.mfp-figure figure {
background: #fff;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #333;
padding-right: 15px;
}
.panel-title {
padding: 0!important;
}
ins {
text-decoration: none;
background-color: #d4fcbc;
}
del {
text-decoration: line-through;
background-color: #fbb6c2;
color: #555;
}