style.css

.tableheadline { color: white; font-size: 14px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.tablerunningtext  { color: #909090; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 15px }
.verySmallTextVrep  { color: #909090; font-size: 8px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 10px }
.largeTextVrep  { color: #505050; font-size: 32px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 36px }
.mediumTextVrep  { color: #707070; font-size: 16px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 20px }
.tablerunningtextfontless  { color: #909090; font-size: 12px; font-weight: normal; line-height: 15px }

 body { 
   margin-left: 3em; 
   margin-right: 3em; 
   font-family: tahoma, verdana, arial, helvetica, geneva, sans-serif;
   background-color:#E1E1E1;
   color: #5C5C5C;
}
p {
   margin-left: 3em;
   margin-right: 3em; 
   line-height: 130%;
}

ul {
   padding-left: 0px;
   margin-left: 1em;
}
 
li {
   list-style-type: disc;
   margin-left: 4em;
   margin-right: 3em; 
   line-height: 130%;
}
 
h1 {
   color: #888888;
   text-align: center;
}
 
h2 {
   color: #888888;
   border-bottom: 1px solid #ddd;
   margin-left: 2em;
   margin-right: 2em;
   margin-bottom: 1em;
}
 
h3 {
   color: #888888;
   margin-left: 2.5em;
   margin-right: 2em; 
   font-size: 120%;
   padding: 0px;
}

h4 {
   color: #888888;
   margin-left: 3em;
   margin-right: 2em; 
   font-size: 100%;
   padding: 0px;
}

strong {
   color: #888888;
}
 
a:link {text-decoration: none; color:#1919B0;}
a:visited {text-decoration: none; color:#1919B0;}
a:active {text-decoration: none; color:#1919B0;}
a:hover {text-decoration: underline; color: red;}
 
.imageLabel{
    text-align: center;
   font-size: 12px;
} 

 .relatedApiFunctions{
   margin-left: 3em;
   margin-right: 3em; 
   font-size: 14px;
   padding: 4px;
   background-color: #FFFFCC;
   border: 0px solid #5C5C5C;
   color: #5C5C5C;
 }

 .subsectionTable{
    border: 0px;
    margin-left: 3em;
 }
 
 .subsectionTd {
    width: auto;
    border: 0px;
    border-collapse: collapse;

    margin-left: 3em;
    font-size: 24px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #BBBBBB;
    border: 0px;
    color: #FFFFFF;
 }
 
 .subsectionTd a:link {text-decoration: none; color:#E8E8FF;}
 .subsectionTd a:visited {text-decoration: none; color:#E8E8FF;}
 .subsectionTd a:active {text-decoration: none; color:#E8E8FF;}
 .subsectionTd a:hover {text-decoration: underline; color: red;}

 
 
 .subsectionBar{
   margin-left: 3em;
   margin-right: 3em; 
   padding: 4px;
   background: #eeeeee;
   border: 1px solid #555555;
    border-radius: 5px 5px 5px 5px;
 }

 .subsectionBar a:link {text-decoration: none; color:#E8E8FF;}
 .subsectionBar a:visited {text-decoration: none; color:#E8E8FF;}
 .subsectionBar a:active {text-decoration: none; color:#E8E8FF;}
 .subsectionBar a:hover {text-decoration: underline; color: red;}

.subsectionBarTab{
   margin-left: 5em;
   margin-right: 3em; 
   font-size: 14px;
   padding: 4px;
   background-color: #BBBBBB;
   border: 0px;
   color: #FFFFFF;
 }

 .subsectionBarTab a:link {text-decoration: none; color:#E8E8FF;}
 .subsectionBarTab a:visited {text-decoration: none; color:#E8E8FF;}
 .subsectionBarTab a:active {text-decoration: none; color:#E8E8FF;}
 .subsectionBarTab a:hover {text-decoration: underline; color: red;}

 
 .warningBox{
   background-color: #FFEE88;
   border: 0px solid #CCCCCC;
   padding: 10px;
   font-size: 90%;
   line-height: 125%;
   margin-left: 4em;
   margin-right: 4em;
 }

 .infoBox{
   background-color: #FFFFDD;
   border: 0px solid #CCCCCC;
   padding: 10px;
   font-size: 90%;
   line-height: 125%;
   margin-left: 4em;
   margin-right: 4em;
 }
 
 .lightWhiteBox{
    background-color: #FAFAFA;
   border: 0px solid #CCCCCC;
   padding: 10px;
   font-family: 'Monotype.com', "Courier New", Courier, monospace;
   font-size: 90%;
   line-height: 125%;
   margin-left: 4em;
   margin-right: 4em;
 }

 .lightGreyBox{
   background-color: #EAEAEA;
   border: 0px solid #5C5C5C;
   padding: 10px;
   font-family: 'Monotype.com', "Courier New", Courier, monospace;
   font-size: 90%;
   line-height: 125%;
   margin-left: 4em;
   margin-right: 4em; 
 }

 .tab{
   margin-left: 5em;
 }
 .tabTab{
   margin-left: 6em;
 }
 
 .fourTabs{
   margin-left: 8em;
 }

  .sixTabs{
   margin-left: 10em;
 }

 .allEncompassingTable{
    background-color: #FFFFFF;
     border: 0;
    width: 870px;
    border: none;
    padding: 5px;
    text-align: left;
 }
  
 .apiConstantsTable{
   margin-left: 3em;
   margin-right: 3em; 
    background-color: #EAEAEA;
    border: 0px solid #5C5C5C;
    width: 780px;
    padding: 5px;
    font-size: 14px;

    text-align: left;
 }
 

 .apiTableTab{
    width: 780px;
    border: 0px solid black;
    border-collapse: collapse;
    padding: 0px;
    margin-left: 6em;
    margin-right: 4em; 
    font-size: 14px;
}
 
 .apiTable{
    width: 780px;
    border: 0px solid black;
    border-collapse: collapse;
    padding: 0px;
    margin-left: 4em;
    margin-right: 4em; 
    font-size: 14px;
}
 
 .apiTableTr{
    border: 1px solid #CCCCCC;
 }
 
  .apiTableLeftDescr{
    background-color: #f5f5f5;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }
 .apiTableRightDescr{
    background-color: #f5f5f5;
    text-align: left;
    vertical-align: top;
 }
 
.apiTableLeftCSyn{
    background-color: #fafaff;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

 .apiTableRightCSyn{
    background-color: #fafaff;
    text-align: left;
    vertical-align: top;
 }

.apiTableLeftCParam{
    background-color: #fafaff;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

  .apiTableRightCParam{
    background-color: #fafaff;
    text-align: left;
    vertical-align: top;
 }

 .apiTableLeftCRet{
    background-color: #fafaff;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }
 
  .apiTableRightCRet{
    background-color: #fafaff;
    text-align: left;
    vertical-align: top;
 }

 .apiTableLeftLSyn{
    background-color: #fffafa;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

  .apiTableRightLSyn{
    background-color: #fffafa;
    text-align: left;
    vertical-align: top;
 }

 .apiTableLeftPSyn{
    background-color: #fafffa;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

  .apiTableRightPSyn{
    background-color: #fafffa;
    text-align: left;
    vertical-align: top;
 }

.apiTableLeftLParam{
    background-color: #fffafa;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

  .apiTableRightLParam{
    background-color: #fffafa;
    text-align: left;
    vertical-align: top;
 }

 .apiTableLeftLRet{
    background-color: #fffafa;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }
  .apiTableRightLRet{
    background-color: #fffafa;
    text-align: left;
    vertical-align: top;
 }
 
 
 
 .remApiTableLeftCSyn{
    background-color: #fffaff;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

 .remApiTableRightCSyn{
    background-color: #fffaff;
    text-align: left;
    vertical-align: top;
 }

.remApiTableLeftCParam{
    background-color: #fffaff;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

 .remApiTableRightCParam{
    background-color: #fffaff;
    text-align: left;
    vertical-align: top;
 }

 .remApiTableLeftCRet{
    background-color: #fffaff;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }
 
  .remApiTableRightCRet{
    background-color: #fffaff;
    text-align: left;
    vertical-align: top;
 }

.remApiTableLeftLanguages{
    background-color: #fffaff;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }
 
  .remApiTableRightLanguages{
    background-color: #fffaff;
    text-align: left;
    vertical-align: top;
 }



 
 .rosApiTableLeftIn{
    background-color: #eddada;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

 .rosApiTableRightIn{
    background-color: #edcccc;
    text-align: left;
    vertical-align: top;
 }

 .rosApiTableLeftOut{
    background-color: #eddada;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }
 
  .rosApiTableRightOut{
    background-color: #edcccc;
    text-align: left;
    vertical-align: top;
 }

 
 
 
 .auxApiTableLeftCSyn{
    background-color: #E1E1E1;
    border: 1px solid black;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

 .auxApiTableRightCSyn{
    background-color: #D1D1D1;
    text-align: left;
    vertical-align: top;
 }

.auxApiTableLeftCParam{
    background-color: #E1E1E1;
    border: 1px solid black;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }

 .auxApiTableRightCParam{
    background-color: #D1D1D1;
    text-align: left;
    vertical-align: top;
 }

 .auxApiTableLeftCRet{
    background-color: #E1E1E1;
    border: 1px solid black;
    text-align: left;
    vertical-align: top;
    width: 130px;
 }
 
  .auxApiTableRightCRet{
    background-color: #D1D1D1;
    text-align: left;
    vertical-align: top;
 }
 
 
.licenseBox {
  width: 700px;
  font-family: monospace;
  background: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 10px 10px 10px 10px;
  margin: 0 auto;
}

.warningBox {
  width: 700px;
  font-family: monospace;
  background: #ffffee;
  border: 1px solid #cccccc;
  border-radius: 10px 10px 10px 10px;
  margin: 0 auto;
  margin-bottom: 1em;
}

.apiList {
  width: 750px;
  font-family: "Courier New", Courier;
  background: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 5px 5px 5px 5px;
  margin: 0 auto;
}

.constList {
  width: 750px;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-radius: 5px 5px 5px 5px;
  margin: 0 auto;
  font-family: sans-serif;
}

code.api-list {
  font-family: courier;
}

code.simple {
  border-top: 1px solid #a0a0a0;
  background: #ffffff;
  margin-left: 0em;
  margin-right: 0em;
}

code.coppelia-coppeliasim-script,
code.coppelia-coppeliasim-plugin,
code.coppelia-coppeliasim-client,
code.coppelia-zmq-remote-api-client,
code.coppelia-ws-remote-api-client,
code.coppelia-legacy-remote-api-client,
code.coppelia-b0-remote-api-client,
code.coppelia-external-code,
code.coppelia-terminal {
  font-family: monospace;
  white-space: pre;
  background: #eeeeee;
  border: 1px solid #cccccc;
  display: block;
  border-radius: 0 0 10px 10px;
  margin-left: 5em;
  margin-right: 5em;
  margin-bottom: 1em;
  padding: 0px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  padding-top: 10px !important;
  overflow-x: scroll;
}

code.coppelia-coppeliasim-script::before,
code.coppelia-coppeliasim-plugin::before,
code.coppelia-coppeliasim-client::before,
code.coppelia-zmq-remote-api-client::before,
code.coppelia-ws-remote-api-client::before,
code.coppelia-legacy-remote-api-client::before,
code.coppelia-b0-remote-api-client::before,
code.coppelia-external-code::before,
code.coppelia-terminal::before {
  font-size: 66%;
  font-weight: bolder;
  font-family: sans-serif;
  float: right;
  padding: 2px;
  margin-top: -10px;
  margin-right: -1px;
  translate: 0 -100%;
  border-radius: 4px 4px 0 0;
}

code.coppelia-coppeliasim-script {
  border-top: 1px solid #e0a0a0;
  background: #fffafa;
}

code.coppelia-coppeliasim-script::before {
  content: "CoppeliaSim script";
  color: white;
  background-color: #e0a0a0;
}

code.coppelia-coppeliasim-script.language-lua::before {
  content: "CoppeliaSim script (Lua)";
}

code.coppelia-coppeliasim-script.language-python::before {
  content: "CoppeliaSim script (Python)";
}

code.coppelia-coppeliasim-script.language-python-lua::before {
  content: "CoppeliaSim script (Python/Lua)";
}

code.coppelia-coppeliasim-plugin {
  border-top: 1px solid #a0a0e0;
  background: #fafaff;
}

code.coppelia-coppeliasim-plugin::before {
  content: "CoppeliaSim plugin";
  color: white;
  background-color: #a0a0e0;
}

code.coppelia-coppeliasim-plugin.language-c\+\+::before {
  content: "CoppeliaSim plugin (C++)";
}

code.coppelia-coppeliasim-client {
  border-top: 1px solid #a0a0e0;
  background: #fafaff;
}

code.coppelia-coppeliasim-client::before {
  content: "CoppeliaSim client app";
  color: white;
  background-color: #a0a0e0;
}

code.coppelia-coppeliasim-client.language-python::before {
  content: "CoppeliaSim client app (Python)";
}
code.coppelia-zmq-remote-api-client {
  border-top: 1px solid #e0a0e0;
  background: #fffaff;
}

code.coppelia-zmq-remote-api-client::before {
  content: "ZeroMQ remote API client";
  color: white;
  background-color: #e0a0e0;
}

code.coppelia-zmq-remote-api-client.language-python::before {
  content: "ZeroMQ remote API client (Python)";
}

code.coppelia-zmq-remote-api-client.language-c\+\+::before {
  content: "ZeroMQ remote API client (C++)";
}

code.coppelia-zmq-remote-api-client.language-java::before {
  content: "ZeroMQ remote API client (Java)";
}

code.coppelia-zmq-remote-api-client.language-matlab::before {
  content: "ZeroMQ remote API client (MATLAB)";
}

code.coppelia-zmq-remote-api-client.language-octave::before {
  content: "ZeroMQ remote API client (Octave)";
}

code.coppelia-zmq-remote-api-client.language-lua::before {
  content: "ZeroMQ remote API client (Lua)";
}

code.coppelia-zmq-remote-api-client.language-rust::before {
  content: "ZeroMQ remote API client (Rust)";
}

code.coppelia-ws-remote-api-client {
  border-top: 1px solid #e0a0e0;
  background: #fffaff;
}

code.coppelia-ws-remote-api-client::before {
  content: "WebSocket remote API client";
  color: white;
  background-color: #e0a0e0;
}

code.coppelia-ws-remote-api-client.language-js::before {
  content: "WebSocket remote API client (JavaScript)";
}

code.coppelia-legacy-remote-api-client {
  border-top: 1px solid #e0a0e0;
  background: #fffaff;
}

code.coppelia-legacy-remote-api-client::before {
  content: "Legacy remote API client";
  color: white;
  background-color: #e0a0e0;
}

code.coppelia-legacy-remote-api-client.language-python::before {
  content: "Legacy remote API client (Python)";
}

code.coppelia-legacy-remote-api-client.language-c\+\+::before {
  content: "Legacy remote API client (C++)";
}

code.coppelia-legacy-remote-api-client.language-java::before {
  content: "Legacy remote API client (Java)";
}

code.coppelia-legacy-remote-api-client.language-matlab::before {
  content: "Legacy remote API client (MATLAB)";
}

code.coppelia-legacy-remote-api-client.language-octave::before {
  content: "Legacy remote API client (Octave)";
}

code.coppelia-legacy-remote-api-client.language-lua::before {
  content: "Legacy remote API client (Lua)";
}

code.coppelia-legacy-remote-api-client.language-rust::before {
  content: "Legacy remote API client (Rust)";
}

code.coppelia-b0-remote-api-client {
  border-top: 1px solid #e0a0e0;
  background: #fffaff;
}

code.coppelia-b0-remote-api-client::before {
  content: "B0-based remote API client";
  color: white;
  background-color: #e0a0e0;
}

code.coppelia-external-code {
  border-top: 1px solid #a0a0a0;
}

code.coppelia-external-code::before {
  content: "Code";
  color: white;
  background-color: #a0a0a0;
}

code.coppelia-external-code.language-python::before {
  content: "Code (Python)";
}

code.coppelia-external-code.language-c\+\+::before {
  content: "Code (C++)";
}

code.coppelia-external-code.language-java::before {
  content: "Code (Java)";
}

code.coppelia-external-code.language-matlab::before {
  content: "Code (MATLAB)";
}

code.coppelia-external-code.language-octave::before {
  content: "Code (Octave)";
}

code.coppelia-external-code.language-lua::before {
  content: "Code (Lua)";
}

code.coppelia-external-code.language-rust::before {
  content: "Code (Rust)";
}

code.coppelia-terminal {
  border-top: 1px solid #707070;
  background: #cccccc;
}

code.coppelia-terminal::before {
  content: "Terminal";
  color: white;
  background-color: #909090;
}

.multi-language-switcher .tabs-header, .multi-language-switcher .tabs-content {
    margin: 0;
    padding: 0;
}

.multi-language-switcher .tabs-header {
    margin-left: 5em;
    margin-right: 5em;
}

.multi-language-switcher .tabs-header button {
    border: 1px solid #eee;
    border-bottom: 0;
    background: transparent;
    color: #666;
    margin-right: 1em;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    border-color: #f0f0f0;
}

.multi-language-switcher .tabs-header button.active {
    color: #333;
    background: #f7f7f7;
    border: 1px solid #eee;
    border-bottom: 0;
    font-weight: bolder;
}

 /* simStubsGen: classes used by generated documentation */
 code.code-block, code.code-inline {
   white-space: pre;
   unicode-bidi: embed;
   font-family: monospace;
   font-size: 90%;
   background-color: rgba(255,255,255,0.4);
   border: 1px solid rgba(0,0,0,0.2);
   padding: 1px;
 }
 code.code-block {
   display: block;
   margin: 5px;
 }
 code.code-inline {
   display: inline;
 }
 /* simStubsGen: end */
 pre {
   background-color: #CEE7FF;
   border: 1px solid #62A0FF;
   padding: 10px;
   font-family: 'Monotype.com', "Courier New", Courier, monospace;
   font-size: 90%;
   line-height: 125%;
   margin-left: 5em;
   margin-right: 5em;
 }
 p.info {
   margin-left: 3em;
 }
 
 .homeTitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 36pt;
   font-weight: bold;
   color: #003399;
   text-align: center;
 }
 .homeDescription {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20pt;
   color: #003399;
   text-align: center;
 }
 .homeVersion {
   margin: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16pt;
   color: #003399;
   text-align: center;
 }
 #navigation {
   position: fixed;
   top: 0;   
   right: 0;
   background-color: #E1E1E1;
 }
 #navigation ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 #navigation li {
   float: left;
 }
 #navigation a {
   color: #5C5C5C;
   text-decoration: none;
   display: block;
   padding: 3px;
   border: 1px solid #808080;
   background-color: #E1E1E1;
   font-size: small;
 }
 #navigation a:hover {
   color: #E1E1E1;
   text-decoration: none;
   border: 1px solid #808080;
   background-color: #5C5C5C;
 }