*/
border-collapse: separate;
}
th {
text-align: left;
}
main {
/* Remove this once all IEs support
element */
display: block;
}
/* Layout */
#wrapper {
min-width: 400px;
}
#header {
border-bottom: 1px solid #bbb;
}
@media not print {
#header {
box-shadow: 0 0 7px #aaa;
}
}
#header > div {
padding-left: 15px;
padding-right: 15px;
/* Work-around for old browsers: */
background-color: #F8F3E4;
background: linear-gradient(to bottom, #ffffff -10%, #F8F3E4 100%);
position: relative;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.menu-toggler {
display: none;
margin-top: 20px;
width: 44px;
height: 44px;
cursor: pointer;
}
/* draw hamburger menu */
.hamburger {
margin: 20px 0 0 4px;
transition: 0.4s;
}
.hamburger, .hamburger::before, .hamburger::after {
display: block;
content: "";
height: 4px;
width: 36px;
background: #333;
border-radius: 5px;
}
.hamburger::before {
transform: translateY(-8px);
}
.hamburger::after {
transform: translateY(4px);
}
/* transform hamburger menu to X */
.opened .hamburger {
transform: rotate(45deg);
}
.opened .hamburger::before {
opacity: 0;
}
.opened .hamburger::after {
transform: translateY(-4px) rotate(-90deg);
}
.tomcat-logo {
height: 92px;
width: auto;
margin: 12px 37px 12px 12px;
transition: 0.4s;
}
.asf-logos {
position: relative;
top: 8px;
}
.asf-logos img {
height: 83px;
margin-right: 15px;
transition: 0.4s;
}
#header h1 {
margin-top: 0.6em;
margin-bottom: 0;
}
#header .versionInfo {
font-size: 13pt;
margin-bottom: 1em;
}
#middle {
display: table;
table-layout: fixed;
margin: 0;
width: 100%;
}
#middle > div { display: table-row; }
#middle > div > div { display: table-cell; vertical-align: top; }
#mainLeft {
width: 190px;
transition: width 0.4s;
}
#nav-wrapper {
margin-top: -2px; /* to overwrite border of element above - use 1 additional pixel to hide rendering effects */
padding: 0.75em;
background-color: #F8F3E4;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
font-size: 10pt;
border-bottom-right-radius: 20px;
box-shadow: 0 0 5px #aaa;
}
#mainLeft h2 {
margin-bottom: 0.2em;
font-size: 1.2em;
}
#mainLeft ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#mainLeft ul a {
text-indent: -0.6em;
padding-left: 1.4em;
display: block;
text-decoration: none;
color: #444;
}
#mainLeft ul a:hover {
color: #000;
background-color: #D1c9b9;
}
#mainRight {
padding-left: 14px;
padding-right: 20px;
}
#footer {
margin-top: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-top: 1px solid #ccc;
color: #444;
text-align: center;
/* font-style: italic; */
font-size: 9pt;
}
/* Content */
#content div.text {
padding-left: 1em;
padding-left: 1em;
}
#content h3, #content h4, #content h5, #content h6 {
padding-left: 5px;
padding-right: 5px;
background-color: #eaeaea;
}
@media not print {
#content h3, #content h4, #content h5, #content h6 {
border: 1px solid #ccc;
border-radius: 4px;
}
}
#content h4, #content h5, #content h6 {
background-color: #f6f6f6;
}
code {
background-color: rgb(224,255,255);
}
div.codeBox pre code, code.attributeName, code.propertyName, code.noHighlight, .noHighlight code {
background-color: transparent;
}
div.codeBox {
overflow: auto;
margin: 1em 0;
}
div.codeBox pre {
margin: 0;
padding: 4px;
border: 1px solid #999;
border-radius: 5px;
background-color: #eff8ff;
display: table; /* To prevent s from taking the complete available width. */
/*
When it is officially supported, use the following CSS instead of display: table
to prevent big s from exceeding the browser window:
max-width: available;
width: min-content;
*/
}
div.codeBox pre.wrap {
white-space: pre-wrap;
}
table.defaultTable tr, table.detail-table tr {
border: 1px solid #CCC;
}
table.defaultTable tr:nth-child(even), table.detail-table tr:nth-child(even) {
background-color: #FAFBFF;
}
table.defaultTable tr:nth-child(odd), table.detail-table tr:nth-child(odd) {
background-color: #EEEFFF;
}
table.defaultTable th, table.detail-table th {
background-color: #88b;
color: #fff;
}
table.defaultTable th, table.defaultTable td, table.detail-table th, table.detail-table td {
padding: 5px 8px;
}
.socialmedia {
margin-right: 40px;
float: left;
}
.searchbox {
position: relative;
max-width: 190px;
height: 2.25em;
overflow: hidden;
}
.searchbox form {
margin: 0;
}
.searchbox input, .searchbox button {
height: 100%;
}
.searchbox button {
position: absolute;
top: 0;
right: 0;
}
.asfevents {
padding-top: 1em;
}
input[type=search] {
-webkit-appearance: none;
}
@media (max-width: 960px){
/* target screens smaller than max-width */
#header h1 {
margin-top: 20px;
font-size: 1.67em;
}
.tomcat-logo {
margin-left: 24px;
}
.tomcat-logo, .asf-logos img {
height: 63px;
}
/* show the menu-toggler */
.menu-toggler {
display: block;
}
/* hide the navigation */
#mainLeft {
width: 0;
}
#nav-wrapper {
display: none;
}
/* show the navigation when class opened is added to #mainleft */
#mainLeft.opened {
width: 190px;
}
#mainLeft.opened #nav-wrapper {
display: block;
}
}
/* Printer-only Styles */
@media print {
.noPrint { display: none; }
.asf-logos{ display: none; }
#mainLeft { display: none; }
a { color: inherit; text-decoration: none; }
}