/* css - Stylesheet 
website     : OPALS - Orientation and Processing of Airborne Laser Scanning Data 
copyright   : Research Groups Photogrammetry and Remote Sensing, Department of Geodesy and Geoinformation, Technische Universität Wien, Austria
design      : Werner Mücke
created     : 2009/08/03
last update : 2020/03/08 wk
*/

div.geo {
  font-family: Helvetica;
  font-weight: bold;
}


body {
  margin           : 0;
  padding          : 0;  
  background-image : linear-gradient(rgb(187,187,187) 0, white 166px);
  background-repeat: repeat-x; /*wk: in case the contents are wider than the viewport (on small displays using Firefox)*/
  text-align       : left;
  font-family      : Lucida Grande, Verdana, Geneva, Arial, sans-serif;
  font-size        : 12px;
}

div#header {
  width: 100%; 
  position: relative;
}

div#version_selector {
  position: absolute; 
  left: 20px; 
  top: 10px; 
  z-index: 1000;
}

div#header_content {
  padding-top: 30px;
  padding-bottom: 10px; 
}

a#TU, a#GEO {
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  padding: 0;
}
a#TU img, a#GEO img {
  width: auto;
  height: 90px;
}

a#opals {
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  padding: 0;
}

a#opals img {
  width: auto;
  height: 100px;
}

a#opals::after {
  clear: both;
  display: table;
}

div#text {
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  float: left;
}

div#TU {
  font-size: 16px;
  line-height: 26px;
}

div#opals {
  font-size: 21px;
  line-height: 26px; 
  margin: 6px 0;
}

div#geo {
  font-size: 13px;
  line-height: 26px;
}

.clearfix {
  clear: both;
  display: table;
}


body > *, #nav-path.navpath {
  max-width:  1109px;
  margin: 0 auto;
}

div.image img {
  max-width: 100%;
}

/* make it inherit margin from body or otherwise, namespaces and classes pages show contents on the very left */
html > body > div.contents {
  margin: 0 auto;
}

#version_switch {
  border:0;
}


h1 {
  font-size: 130%;
  color: #444444;
  border-bottom: 2px solid #444444;
  padding-bottom: 8px;
}
h2 {
  color: #444444;
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #444444;
  padding-bottom: 4px;
}
h3 {
  color: #444444;
  font-size: 110%;
}

a {
  color: #006699;
}

#footer div {
  float: right;
  font-size: 80%;
}

/* overwrite tabs.css */
.sm-dox {
  background: none;
}

.sm-dox a span.sub-arrow {
  border-color: currentColor transparent transparent transparent;
}

#main-menu a:focus, #main-menu a:hover, #main-menu a:active {
  text-shadow: none;
  text-decoration: underline;
}

#main-menu > li > a:focus  > span.sub-arrow,
#main-menu > li > a:hover  > span.sub-arrow,
#main-menu > li > a:active > span.sub-arrow {
  border-top-color: rgb(255, 132, 0);
}

#main-menu > li ul > li > a > span.sub-arrow {
  border-left-color: #006699;
}

#main-menu > li ul > li > a:focus  > span.sub-arrow,
#main-menu > li ul > li > a:hover  > span.sub-arrow,
#main-menu > li ul > li > a:active > span.sub-arrow {
  border-left-color: rgb(255, 132, 0);
}


#main-nav {
  border-bottom: 1px solid #dddddd;
}

#main-menu a {
  background-image:none;
  color: #006699;
}

#main-menu li {
  background: #eeeeee;
  border  : 1px solid #dddddd;
  text-align: center;
}

/*Make the tab for the search box as high as the other ones.*/
#main-menu li[style~="float:right"] {
  height: 38px;
  background: none;
}

#main-menu > li > ul li {
  border: none;
}

#MSearchField, #MSearchBox .left, #MSearchBox .right {
  background: white
}

/* search.css */
DIV.searchresults {
  margin: 0 auto;
}

/*overwrite doxygen navpath-style*/
.navpath ul
{
  font-size: 11px;
  background-image:none;
  height:30px;
  /*line-height:30px;*/
  color:#006699;
  border:none;
  border-bottom  : 1px solid #dddddd;
  overflow:hidden;
  margin:0 0 0 40px;
  padding:0px;
}

.navpath li
{
  list-style-type:none;
  float:left;
  padding-left:10px;
  padding-right:15px; 
  background: url(arrow.png);
  background-repeat:no-repeat;
  background-position:right;
  color: #006699;
}

.navpath li.navelem a
{
  height:32px;
  display:block;
  text-decoration: none;
  outline: none;
  background: url(arrow.png) no-repeat 0 10px;
  padding: 0 0 0 12px;
  color: #006699;
}

.navpath li.navelem a:hover, .navpath li.navelem a:visited
{
  color: #006699;
  text-decoration:underline;
}

.navpath li.footer
{
  list-style-type:none;
  float:right;
  padding-left:10px;
  padding-right:15px;
  background-image:none;
  background-repeat:no-repeat;
  background-position:right;
  color: #006699;
  font-size: 8pt;
}

/* div-block that is visible in firefox only 
http://stackoverflow.com/questions/952861/targeting-only-firefox-with-css */
div.firefox_only { 
  display:none; 
}
@-moz-document url-prefix() {
  div.firefox_only {
    display: block; 
  }
}
/* Content */
DIV.contents .alert {
  color          : red;
  font-weight    : bold;
  padding        : 3px 0 4px 25px;
  background    : url(cross.jpg) no-repeat 0px 1px;
}
DIV.contents .download_ok {
  font-weight    : bold;
  font-size      : 110%;
  padding        : 5px 0 5px 0px;
}
DIV.contents a, DIV.contents a:visited {
  font-weight: bold;
  color: #006699;
}

/*overwrite doxygen list-style*/
DIV.contents ul > li {
  list-style    : none;
  background    : url(arrow.png) no-repeat 0 7px; 
  padding        : 0 0 0 12px;
}

/*overwrite doxygen title-styles*/
DIV.header {
  background-image: none;
  background-repeat: repeat-x;
  background-color: inherit;
  margin: 0 auto;
  border-bottom: none;
}
DIV.headertitle
{
  padding: 18px 5px 0px 7px;
}
DIV.title {
  color: #444444;
  text-align: center;
  font-size: 150%;
}
/*overwrite doxygen anchor-style*/
DIV.contents a.anchor {
  text-decoration: none;
  font-weight    : bold;
}
/*overwrite doxygen link-style*/
DIV.contents a.download_zip, DIV.contents a.download_exe {
  padding        : 10px 0 5px 30px;
  margin        : 120px 0 0 0;
  background    : url(save.ico) 5px 8px no-repeat;
  text-decoration: none;
  color: #006699;
}
DIV.contents a.download_info {
  padding        : 10px 0 5px 30px;
  margin        : 120px 0 0 0;
  background    : url(info.ico) 5px 8px no-repeat;
  text-decoration: none;
  color: #006699;
}
a.info {
  text-decoration: none;
  color: #006699;
}

/*overwrite doxygen toc-style*/
div.toc {
    padding: 14px 25px;
    background-color: #F4F6FA;
    border: 1px solid #D8DFEE;
    border-radius: 7px 7px 7px 7px;
    float: right;
    height: auto;
    margin: 0 20px 10px 10px;
    max-width: 50%;
}
div.toc h3 {
  color: #006699;
}
DIV.toc ul li {
  background: none;
}
DIV.toc li {
  font-size: 85%;
}
DIV.toc a {
  padding: 0 0 0 12px;
  background: url(arrow.png) no-repeat 0 50%; 
  color: #006699;
}
/* make the list of modules more compact */
div.ModulesList { position:relative; }
div.ModulesList p { display:none }
div.ModulesList dt { visibility:hidden }
div.ModulesList a { visibility:visible }
div.ModulesList dl { margin-top:0px; margin-bottom:0px; float:left; width:329px }

/* wk: short examples. Prepend "cmdline:" or "Python:" and display that string, together with the following div on the same line.*/
div.cmdline:before { content : "Cmdline:"; font-size:smaller; vertical-align: top }
div.python:before  { content : "Python: "; font-size:smaller; vertical-align: top }
div.cmdline > div.fragment, div.python > div.fragment { display:inline-block }


/* wk: mark external links by a following respective image */
a[href^="http://"], a[href^="https://"] {
 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC") no-repeat scroll right center transparent;
 padding-right: 13px;
}

/* don't show links to the GEO website (including /opals/), the link to the TU website in the header, and the link to doxygen in the footer as external */
a[href^="http://www.geo.tuwien.ac.at"], a[href^="http://opals.geo.tuwien.ac.at"], #header a, #footer a {
  background:none;
  padding-right: auto;
}

/* doxygen's \copydetails also copies the "see also" section. In such a section, OPALS module header pages refer to the module page. Module pages use \copydetails to copy the detailed documentation from module header pages. Hide the respective "see also" section there...  */
p + dl.section.see {
  display:none
}
/* But don't hide it in module header pages themselves. Doxygen is configured to repeat the short description in section "Detailed Description", resulting in 2 paragraphs. */
p + p + dl.section.see {
  display:block
}

/* wm: style for display of release date on download overview page */
.download_display_release {
  font-size: 0.8em;
  color: #888888;
}

/* wk: show links to options (created with doxygen-custom-command opalsparam) in the parameter table in the same color as they are presented with in the parameter table itself. !important should not be necessary, but Firefox needs it. */
a.paramname[href^='#param.'] { color: #602020 !important; font-weight : bold }
a.paramname[href^='ref_parameters.html#param.'] { color: #602020 !important; font-weight : bold }

/* wk: make parameter tables work */
div.paramsummary span.paramname { padding-right: 1ex; font-weight:bold }

div.paramsummary { cursor:pointer }
div.paramsummary::before { content : '\25BC'; color: black }
div.paramsummary.closed::before { content : '\25B6' }
div.paramdetails { width:95%; margin-left: auto; display:block }
div.paramdetails.closed { display:none }

/* wk 2020-02-29 for some reason, doxygen.css defines text-indent:-53px; padding-left:53px; On Firefox (not on Chrome), the left side of the contents of our code examples' div's are then hidden. Setting both to 0 works for both browsers. */
div.fragment > div.line {
  text-indent: 0;
  padding-left: 0;
}