nu.validator.localentities.files.style.css Maven / Gradle / Ivy
The newest version!
/*
* Copyright (c) 2005, 2006, 2007 Henri Sivonen
* Copyright (c) 2007-2012 Mozilla Foundation
* Copyright (c) 2013 Mathias Bynens
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
body {
font-family: sans-serif;
font-size: inherit;
padding: 3%;
margin: 0;
}
html {
margin: 0;
padding: 0;
font: caption;
}
form {
font: caption;
margin-bottom: 1em;
}
fieldset {
padding: 1.5%;
border: 1px dotted #666666;
margin: 0;
}
#schema, #doc, #nsfilter {
width: 99%;
}
table {
width: 100%;
table-layout: fixed;
}
h1, h2 {
font-size: 1.2em;
font-weight: bold;
}
h3 {
font-size: 1em;
font-weight: bold;
margin-top: 2em;
}
h1 span {
color: #AAAAAA;
}
fieldeset td, fieldeset th {
padding-top: 0.4em;
padding-bottom: 0.4em;
}
tr:first-child td, tr:first-child th {
vertical-align: top;
}
fieldset th {
padding-left: 0;
padding-right: 0.4em;
text-align: right;
width: 8em;
font-weight: inherit;
}
fieldset td {
padding-left: 0;
padding-right: 0;
}
textarea, #doc[type="url"], #schema, #nsfilter {
font-family: Monaco, Consolas, Andale Mono, monospace;
}
.stats {
font-size: 0.85em;
}
.success {
padding: 0.5em;
border: double 6px green;
}
.failure {
padding: 0.5em;
border: double 6px red;
}
ol {
margin-left: 0;
margin-right: 0;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-left: 2.5em;
padding-right: 2.5em;
padding-top: 0;
padding-bottom: 0;
}
li {
margin: 0;
padding: 0.5em;
}
li ol {
padding-right: 0;
margin-top: 0.5em;
margin-bottom: 0;
}
li li {
padding-right: 0;
padding-bottom: 0.2em;
padding-top: 0.2em;
}
.info {
color: black;
background-color: #CCFFFF;
}
.warning {
color: black;
background-color: #FFFFCC;
}
.error {
color: black;
background-color: #FFCCCC;
}
.io, .fatal, .schema {
color: black;
background-color: #FF9999;
}
.internal {
color: black;
background-color: #FF6666;
}
hr {
border-top: 1px dotted #666666;
border-bottom: none;
border-left: none;
border-right: none;
height: 0;
}
p {
margin: 0.5em 0 0.5em 0;
}
li p {
margin: 0;
}
.stats {
margin-top: 0.75em;
}
.lf {
color: #222222;
}
b {
color: black;
background-color: #FF6666;
}
ol.source li {
padding-top: 0;
padding-bottom: 0;
}
ol.source b, ol.source .b {
color: black;
background-color: #FFFFCC;
font-weight: bold;
}
code {
white-space: pre;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}
dl {
margin-top: 0.5em;
}
dd {
margin-left: 1.5em;
padding-left: 0;
}
table.imagereview {
width: 100%;
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
}
col.img {
width: 180px;
}
col.alt {
color: black;
background-color: #FFFFCC;
}
td.alt span {
color: black;
background-color: #FFFFAA;
}
.imagereview th {
font-weight: bold;
text-align: left;
vertical-align: bottom;
}
.imagereview td {
vertical-align: middle;
}
td.img {
padding-right: 0.5em;
padding-left: 0;
padding-top: 0;
padding-bottom: 0.5em;
text-align: right;
}
img {
max-height: 180px;
max-width: 180px;
-ms-interpolation-mode: bicubic;
}
th.img {
padding-right: 0.5em;
padding-left: 0;
padding-top: 0;
padding-bottom: 0.5em;
vertical-align: bottom;
text-align: right;
}
td.alt, td.location {
text-align: left;
padding-right: 0.5em;
padding-left: 0.5em;
padding-top: 0;
padding-bottom: 0.5em;
}
th.alt, th.location {
padding-right: 0.5em;
padding-left: 0.5em;
padding-top: 0;
padding-bottom: 0.5em;
vertical-align: bottom;
}
dd code ~ span {
color: #666;
}
dl.inputattrs {
display: table;
}
dl.inputattrs dt {
display: table-caption;
}
dl.inputattrs dd {
display: table-row;
}
dl.inputattrs > dd > a,
dl.inputattrs .inputattrname,
dl.inputattrs .inputattrtypes {
display: table-cell;
padding-top: 2px;
padding-left: 1.5em;
padding-right: 1.5em;
word-wrap: normal;
}
dl.inputattrs .inputattrtypes {
padding-left: 4px;
padding-right: 4px;
}
.inputattrtypes > a {
color: #666;
}
dl.inputattrs .highlight {
background-color: #FFC;
padding-bottom: 2px;
font-weight: normal;
color: #666;
}
*[irrelevant], .irrelevant {
display: none;
}
@media all and (max-width: 24em) {
body {
padding: 3px;
}
table, thead, tfoot, tbody, tr, th, td {
display: block;
width: 100%;
}
th {
text-align: left;
padding-bottom: 0;
}
}
#outline h2 {
margin-bottom: 0;
}
#outline .heading {
color: #BF4F00;
font-weight: bold;
}
#outline ol {
margin-top: 0;
padding-top: 3px;
}
#outline li {
padding: 3px 0 3px 0;
margin: 0;
list-style: none;
position: relative;
}
#outline li li {
list-style: none;
}
#outline li:first-child::before {
position: absolute;
top: 0;
height: 0.6em;
left: -0.75em;
width: 0.5em;
border-color: #bbb;
border-style: none none solid solid;
content: '';
border-width: 0.1em;
}
#outline li:not(:last-child)::after {
position: absolute;
top: 0;
bottom: -0.6em;
left: -0.75em;
width: 0.5em;
border-color: #bbb;
border-style: none none solid solid;
content: '';
border-width: 0.1em;
}