Files
Superalgos/Client/WebServer/css/docs.css
T

942 lines
17 KiB
CSS

.docs-page {
border: 0px solid;
background-color: whitesmoke;
/*background-color: #fdfdfd;*/
}
.docs-search-page-container {
font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #365558;
line-height: 150%;
margin: 20 25 20 30px;
}
.docs-common-style-container{
/*background-color: white;*/
font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #324d50;
line-height: 150%;
margin: 20 30px;
margin: 20 25 20 30px;
}
.docs-node-html-footer-container {
font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #e6eaea;
background-color: #365558;
line-height: 160%;
border-top: 5px solid #0295aa;
margin: 150px 0 0 0;
padding: 50 0 20 0px;
}
/* DELETE candidate (delete class assignment on DocsSapace.js too)
.docs-context-menu-clickeable-container {
font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #111;
line-height: 150%;
margin: 20 20 20 30px;
}
*/
#docs-common-style-container-div ul {
padding: 0px;
margin-left: 35px;
list-style-position: outside;
}
.docs-font-normal {
font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #111;
line-height: 150%;
}
.docs-title-table {
vertical-align: middle;
width: 100%;
min-width: 95px;
margin-bottom: 0px;
margin-top: 0px;
border: 0px solid #cdcdcd;
padding: 5px;
/* DELETE candidate
margin: auto;
margin-right: 20px;
*/
}
.docs-table-cell{
display: table-cell;
width: 100%;
}
.docs-definition-table {
background-color: white;
vertical-align: middle;
margin-bottom: 20px;
margin-top: 0px;
border: 1px solid #cdcdcd;
border-radius: 5px;
padding: 10px;
display: table;
width: 100%;
box-sizing: border-box;
border-collapse: separate;
border-spacing: 10px;
/* DELETE candidate
margin-right: 20px;
*/
}
.docs-definition-text {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
}
.docs-image-container {
padding: 5px 0px 5px 5px;
border: solid 0px;
display: table-cell;
vertical-align: middle;
}
.docs-hierarchy-image-container {
padding: 0px 0px 0px 0px;
border: solid 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
/* Link without tooltip */
.docs-link {
position: relative;
display: inline-block;
color: #0295aa !important;
text-decoration: underline !important;
cursor: pointer;
}
/* Tooltip container */
.docs-tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dashed #0295aa;
cursor: pointer;
line-height: inherit;
}
/* Tooltip text */
.docs-tooltip .docs-tooltiptext {
visibility: hidden;
width: 240px;
background-color: #0295aa;
color: #fff;
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 130%;
text-align: center;
padding: 15px;
border-radius: 6px;
/* Position the docs-tooltip text */
position: absolute;
z-index: 0;
bottom: 125%;
left: 50%;
margin-left: -120px;
/* Fade in docs-tooltip */
opacity: 0;
transition: opacity 0.3s;
}
/* Tooltip arrow */
.docs-tooltip .docs-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #0295aa transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.docs-tooltip:hover .docs-tooltiptext {
visibility: visible;
opacity: 1;
}
/* Headings */
.docs-h1 {
font-size:210%;
margin-top: 40px;
padding-bottom: 5px;
}
.docs-h2 {
font-weight:700;
font-size:170%;
line-height: 170%;
margin-top: 30px;
padding-bottom: 5px;
overflow:hidden;
}
.docs-h2::after{
content:'';
display:inline-block;
width:90%;
margin-right:-100%;
border-bottom: 1px solid #cdd4d5;
margin-left: 20px;
}
.docs-h3 {
font-weight:500;
font-size:150%;
margin-top: 40px;
margin-bottom: 20px;
}
.docs-h4 {
font-weight:400;
font-style: italic;
font-size:135%;
margin-top: 30px;
margin-bottom: 20px;
}
/* DELETE candidate
.docs-h5 {font-weight:400; font-size:140%; margin-top: 35px; font-style:italic;}
.docs-h6 {font-weight:400; font-size:130%; margin-top: 35px; font-style:italic;}
margin-right: 20px;
*/
.docs-text-area {
font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
resize: none;
outline: none;
box-shadow: none;
overflow:hidden;
background-color: #eff;
border: 1px solid #0295aa;
border-radius: 5px;
color: #111;
width: 100%;
height: 25%;
z-index:100;
padding: 0px 10px;
font-size: 95%;
line-height: 140%;
}
/* Alerts */
.docs-alert-note {
color: #31708f;
background-color: #d9edf7;
padding: 15px;
border: 1px solid rgba(49, 112, 143, .2);
border-radius: 4px;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
}
.docs-alert-success {
color: #3c763d;
background-color: #dff0d8;
padding: 15px;
border: 1px solid rgba(60, 118, 61, .2);
border-radius: 4px;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
}
.docs-alert-important {
color: #5e3e07;
background-color: #fcf8e3;
padding: 15px;
border: 1px solid rgba(138, 109, 59, .2);
border-radius: 4px;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
}
.docs-alert-warning {
color: #a94442;
background-color: #f2dede;
padding: 15px;
border: 1px solid rgba(169, 68, 66, .2);
border-radius: 4px;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
}
.docs-alert-error {
color: #fff16c;
background-color: #ff3131;
padding: 30px;
border: 1px solid rgba(0, 0, 0, .5);
border-radius: 4px;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
}
.docs-callout {
background-color:white;
padding: 20px;
margin: 20px 0;
border: 1px solid rgba(188, 214, 67, .5);
border-left-width: 5px;
border-radius: 3px;
border-left-color: #bcd643;
font-weight: 550 !important;
width: 100%;
box-sizing: border-box;
}
.docs-topic-index {
background-color:white;
padding: 0 20 20 20px;
margin: 20px 0;
border: 1px solid rgba(49, 112, 143, .2);
border-left-width: 5px;
border-radius: 5px;
border-left-color: #365558;
width: 100%;
box-sizing: border-box;
}
.docs-topic-index h3 {
font-size: 100%;
font-weight: 300;
margin: 0px;
padding: 0px;
}
.docs-topic-index p {
font-size: 100%;
padding: 0px;
margin: 2px 0;
}
.docs-topic-index a {
color: #365558;
}
.docs-topic-index a:hover {
text-decoration: underline;
cursor: pointer;
color: #0295aa;
}
.docs-summary {
font-size:120%;
color: #808080;
margin:20px 0px 20px 0px;
border-left: 5px solid #fd6a33;
padding-left: 10px;
width: 100%;
box-sizing: border-box;
}
.docs-section {
font-size:120%;
padding: 200px;
}
.docs-note-circle:before {
content:"\f05a"
}
.docs-check-square-o:before {
content:"\f046"
}
.docs-exclamation-circle:before {
content:"\f06a"
}
.docs-warning-sign:before,.fa-exclamation-triangle:before {
content:"\f06a"
}
.docs-fa {
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.docs-font-small {
font:normal normal normal 14px/1 "segoeui";
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height: 150%
}
li > .docs-font-small {
margin-bottom:7px;
}
div.docs-font-small {
margin-bottom:7px;
}
hr.docs-shaded {
box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.5);
margin: 90 0 70 0;
height: 12px;
border: 0;
background: white;
width: 100%;
}
/* Footer */
.docs-node-html-footer-table {
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 6px;
}
.docs-footer-row {
display: table-row;
}
.docs-footer-cell {
padding: 5px 15px 0px 30px;
display: table-cell;
width: 33%;
}
#docs-footer h3 {
font-size: 180%;
font-weight: 300;
}
#docs-footer h4 {
font-size: 120%;
font-weight: 300;
}
#docs-footer button{
border: 1px outset #e6eaea;
border-radius: 20px;
background-color: transparent;
color: e6eaea;
padding: 10px;
margin: 0 0 0 10px;
}
#docs-footer button:hover {
border: 1px inset #e6eaea;
cursor: pointer;
}
#docs-footer a:hover {
text-decoration: none;
color: #ff8c29 !important;
cursor: pointer;
}
#docs-footer a:link,
#docs-footer a:visited,
#docs-footer a:active {
text-decoration: none;
color: #ffd1a9;
}
/* DELETE candidate
.docs-footer-body {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
*/
/* Links */
a:link.docs-plain-link {
text-decoration: none;
}
a:visited.docs-plain-link {
text-decoration: none;
}
a:hover.docs-plain-link {
text-decoration: none;
}
a:active.docs-plain-link {
text-decoration: none;
}
/* Icon after external links, using FontAwesome*/
a[href^="http://"]:after, a[href^="https://"]:after {
content: "\f08e";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: none;
padding-left: 3px;
}
/* Tags */
kbd.docs-kbd {
margin: 0 0 0 15px;
}
code.docs-code {
color: #d9534f;
background-color: rgba(230, 234, 234, 1);
border: 1px solid rgba(205, 212, 213, 0.5);
border-radius: 3px;
padding: 0 5;
}
/* Style the button that is used to open and close the docs-collapsible-element content */
.docs-collapsible-element {
background-color: #eee;
color: #31708f;
cursor: pointer;
width: 97.5%;
text-align: left;
outline: none;
font-size: 100%;
padding: 10px;
margin: 4px 0 4 20;
transition: 0.1s;
border: 1px solid #ddd;
border-radius: 5px;
background-color: white;
vertical-align: middle;
box-sizing: border-box;
}
.docs-collapsible-element img {
vertical-align: middle;
display: inline-block;
margin: 0 20px 0 0;
width: 40px;
height: 40px;
}
/* This definition is redundant with .docs-collapsible-element img but affects some images. Investigation required to delete it.*/
.docs-collapsible-image {
vertical-align: middle;
display: inline-block;
margin: 0 20px 0 0;
width: 40px;
height: 40px;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .docs-collapsible-element:hover {
border: 1px solid #0295aa;
background-color: #eff;
}
/* Style the docs-collapsible-element content. Note: hidden by default */
.docs-collapsible-content {
padding: 0 18px;
display: none;
margin-left: 75px;
z-index: 1;
font-size: 90%;
line-height: 90%;
}
.docs-collapsible-code-content {
padding: 0;
display: none;
margin-left: 0px;
z-index: 1;
}
.docs-collapsible-element:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 60%;
color: #31708f;
margin-left: 5px;
float: right;
vertical-align: middle;
line-height: 40px;
}
.docs-collapsible-active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* This is the same Style as the collapsible counter part but will not hold any collapsed content inside. */
.docs-non-collapsible-element {
/*
background-color: #fdfdfd;
color: #444;
padding: 15px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 125%;
vertical-align: middle;
min-height: 80px;
*/
background-color: #eee;
color: #31708f;
width: 97.5%;
text-align: left;
outline: none;
font-size: 100%;
vertical-align: middle;
padding: 10px;
margin: 4px 0 4 20;
transition: 0.1s;
border: 1px solid #ddd;
border-radius: 5px;
background-color: white;
box-sizing: border-box;
}
/* Info Tables */
.docs-info-table {
background-color: transparent;
max-width: 100%;
margin-bottom: 20px;
margin-top: 20px;
border: 1px solid #cdcdcd;
border-spacing: 0px;
}
.docs-info-table > thead > tr > th,
.docs-info-table > tbody > tr > th,
.docs-info-table > tfoot > tr > th,
.docs-info-table > thead > tr > td,
.docs-info-table > tbody > tr > td,
.docs-info-table > tfoot > tr > td {
padding: 8px;
line-height: 150%;
vertical-align: top;
}
.docs-info-table > thead > tr > th {
vertical-align: middle;
text-transform: none;
background-color: #333;
color: white;
text-align: left;
}
.docs-info-table > tbody > tr > td {
border-top: 1px solid #cdcdcd;
}
.docs-info-table-alt-bg td {
background-color: #f9f9f9;
}
/* Gif Image */
.docs-gif {
max-width: 100%;
width: 100%;
border: 1px solid #cdcdcd;
border-spacing: 1px;
}
/* PNG Image */
.docs-png {
max-width: 100%;
width: 100%;
border: 1px solid #cdcdcd;
border-spacing: 1px;
}
/* Search Page */
.docs-image-logo-search {
margin: auto;
margin-top: 225px;
margin-bottom: 25px;
}
.docs-search-box {
width: 700px;
height: 45px;
margin-top: 50px;
margin-bottom: 600px;
border-radius: 30px;
border: 1px solid #0295aa;
background-color: white;
vertical-align: middle;
}
.docs-search-input {
width: 95%;
height: 45px;
margin: 0 20px;
font-size: 100%;
color: #6b6b6b;
border: none;
outline: none;
background-color: transparent;
}
/* Search Results Page */
/* Search Results Page Header*/
.docs-search-results-header {
display: table;
}
.docs-image-logo-search-results {
vertical-align: middle;
display: table-cell;
padding-right: 25px;
}
.docs-search-results-box {
height: 45px;
border-radius: 30px;
border: 1px solid #0295aa;
background-color: white;
vertical-align: middle;
display: table-cell;
width: 100%;
}
.docs-search-results-header-tabs-container {
display: table;
padding-left: 240px;
margin-top: 20px;
}
.docs-search-results-header-tabs-container > input {
display: none;
}
.docs-search-results-header-tabs-container > label {
display: inline-block;
vertical-align: bottom;
padding: 0 15px 3px 15px;
color: #365558;
font-size: 90%;
}
.docs-search-results-header-tabs-container > label:hover {
color: #0295aa;
padding-bottom: 3px;
cursor: pointer;
}
.docs-search-results-header-tabs-container > input:checked + label {
color: #0295aa;
padding-bottom: 2px;
border-bottom: 3px solid #0295aa;
}
/* Search Results Page Content */
.docs-search-result-content {
border-top: 1px solid #0295aa;
margin-left: -240px;
}
.docs-search-result-content > div {
display: none;
}
#tab1:checked ~ .docs-search-result-content #content1,
#tab2:checked ~ .docs-search-result-content #content2,
#tab3:checked ~ .docs-search-result-content #content3,
#tab4:checked ~ .docs-search-result-content #content4,
#tab5:checked ~ .docs-search-result-content #content5,
#tab6:checked ~ .docs-search-result-content #content6,
#tab7:checked ~ .docs-search-result-content #content7 {
display: block;
}
/* Search Results Page Record */
.docs-search-result-content-record-container {
margin: 20px 0;
}
.docs-search-result-content-record-container > p {
margin: 1px;
}
.docs-search-result-content-record-project-category {
font-size: 90%;
color: #31708f;
}
.docs-search-result-content-record-project-category-link {
font-size: 90%;
color: #31708f;
}
a:hover.docs-search-result-content-record-project-category-link {
text-decoration: underline;
cursor: pointer;
}
.docs-search-result-content-record-title {
font-size: 120%;
font-weight: 500;
text-decoration: none;
color: #e44d40;
}
a:link.docs-search-result-content-record-title {
text-decoration: none;
color: #e44d40;
}
a:visited.docs-search-result-content-record-title {
text-decoration: none;
color: #fd6a33;
}
a:hover.docs-search-result-content-record-title {
text-decoration: underline;
cursor: pointer;
}
a:active.docs-search-result-content-record-title {
text-decoration: none;
color: #fd6a33;
}
.docs-search-result-content-record-extract {
font-size: 100%;
color: #333;
margin-top: 5px!important;
}
/* Command Results Page Content */
.docs-command-result-content {
border-top: 1px solid #cdcdcd;
margin-left: -240px;
}
.docs-command-result-message {
font-size: 90%;
color: #31708f;
}
.docs-hidden-anchor {
color: #b90d6c;
background-color: #ee6db4;
border-color: #830452;
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
margin: 20px 0;
width: 100%;
}
.docs-hidden-block {
border-top: 1px solid #eee;
padding: 0px;
margin: -5px 0px -30px 0;
width: 100%;
text-align: right;
color: transparent;
font-size: 75%;
/* DELETE candidate
margin-right: 20px;
*/
}
.docs-hidden-block::after{
content:' \25BC';
color: #ddd;
}
.docs-hidden-include {
color: #880db9;
background-color: #ea6dee;
border-color: #550483;
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
margin: 20px 0;
width: 100%;
}
/* Hierarchy Table */
.docs-hierarchy-table {
min-width: 100%;
max-width: 100%;
margin-bottom: 20px;
margin-top: 20px;
border: 1px solid #cdcdcd;
border-spacing: 0;
border-collapse: collapse;
font: 400 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #111;
}
.docs-hierarchy-table-row{
background-color: #f5f5f5;
}
.docs-hierarchy-table-cell{
text-align: center;
vertical-align: middle;
}
.docs-external-link {
text-decoration: none;
color: #31708f;
}
.docs-chapter {
text-decoration: none;
color: #31708f;
}
.docs-youtube-video-container{
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 35px;
max-width: 830px;
max-height: 476px;
}