303 lines
5.6 KiB
CSS
303 lines
5.6 KiB
CSS
@charset "utf-8";
|
|
/*
|
|
Licensed to the Apache Software Foundation (ASF) under one or more
|
|
contributor license agreements. See the NOTICE file distributed with
|
|
this work for additional information regarding copyright ownership.
|
|
The ASF licenses this file to You under the Apache License, Version 2.0
|
|
(the "License"); you may not use this file except in compliance with
|
|
the License. You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
/* Fonts */
|
|
@import url("fonts/fonts.css");
|
|
|
|
/* General style */
|
|
|
|
h1, h2, h3, h4, h5, h6, th {
|
|
font-weight: 600;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
body, input {
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size: 10.5pt;
|
|
}
|
|
|
|
code, pre {
|
|
font-family: Consolas, monospace;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
text-align: left;
|
|
}
|
|
table *:not(table) {
|
|
/* Prevent border-collapsing for table child elements like <div> */
|
|
border-collapse: separate;
|
|
}
|
|
|
|
th {
|
|
text-align: left;
|
|
}
|
|
|
|
main {
|
|
/* Remove this once all IEs support <main> 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;
|
|
}
|
|
|
|
#header .logo {
|
|
float: left;
|
|
padding-top: 10px;
|
|
min-width: 190px;
|
|
}
|
|
|
|
#header .logo img{
|
|
/* To avoid that the Font Descender being added to the parent div's height */
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#header .asfLogo {
|
|
float: right;
|
|
position: relative;
|
|
top: 8px;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#mainLeft > div {
|
|
margin-top: -1px; /* to overwrite border of element above */
|
|
padding-left: 16px;
|
|
padding-right: 14px;
|
|
padding-top: 6px;
|
|
padding-bottom: 15px;
|
|
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 <pre>s from taking the complete available width. */
|
|
/*
|
|
When it is officially supported, use the following CSS instead of display: table
|
|
to prevent big <pre>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;
|
|
}
|
|
|
|
|
|
p.notice {
|
|
border: 1px solid rgb(255, 0, 0);
|
|
background-color: rgb(238, 238, 238);
|
|
color: rgb(0, 51, 102);
|
|
padding: 0.5em;
|
|
margin: 1em 2em 1em 1em;
|
|
}
|
|
|
|
|
|
/* Changelog-Styles */
|
|
|
|
ul.changelog {
|
|
padding-left: 1em;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul.changelog li{
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
ul.changelog img {
|
|
vertical-align: middle
|
|
}
|
|
|
|
|
|
/* Printer-only Styles */
|
|
@media print {
|
|
.noPrint { display: none; }
|
|
#middle > div > div#mainLeft { display: none; }
|
|
a { color: inherit; text-decoration: none; }
|
|
}
|
|
|
|
/* Fix for Comments section which contains a <h4> */
|
|
#comments_thread h1, #comments_thread h2, #comments_thread h3, #comments_thread h4, #comments_thread h5, #comments_thread h6 {
|
|
border: none;
|
|
background-color: transparent;
|
|
} |