mirror of
https://github.com/netsurf-browser/netsurf
synced 2024-12-23 12:36:51 +03:00
4b0c3f0efe
Any errors from the fetch which are not already handled are reported with an internal query page instead of a modal dialog. This is much less invasive for the user and much more in keeping with how this is handled by other browsers. The handler is similar to the timeout handler but the functionality is kept separate as it is intended timeout handling be extended in future.
422 lines
6.7 KiB
CSS
422 lines
6.7 KiB
CSS
html, body {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
body {
|
|
color: #000;
|
|
background-color: #fff;
|
|
font-family: sans-serif;
|
|
font-size: 94%;
|
|
margin: 0 auto;
|
|
position: relative; }
|
|
|
|
h1, h2, h3, h4, h5, h6, h7, p, ul, dl, ol, table {
|
|
margin-left: 5mm;
|
|
margin-right: 5mm; }
|
|
|
|
a:link {
|
|
text-decoration: underline;
|
|
color: #00f; }
|
|
|
|
a:visited {
|
|
text-decoration: underline;
|
|
color: #60a; }
|
|
|
|
a:hover {
|
|
text-decoration: none; }
|
|
|
|
a:active {
|
|
text-decoration: underline;
|
|
color: #f00; }
|
|
|
|
h1 {
|
|
font-size: 200%;
|
|
font-weight: bold; }
|
|
|
|
h2 {
|
|
font-size: 160%;
|
|
padding-top: 5mm;
|
|
border-top: 1px solid black; }
|
|
|
|
h3 {
|
|
font-size: 140%;
|
|
font-weight: bold; }
|
|
|
|
h4 {
|
|
font-size: 120%;
|
|
font-weight: bold; }
|
|
|
|
h5 {
|
|
font-size: 120%;
|
|
font-style: italic; }
|
|
|
|
h1, h2, h3 {
|
|
clear: both; }
|
|
|
|
dl {
|
|
padding: 0; }
|
|
|
|
dt {
|
|
padding: 0;
|
|
font-weight: bold;
|
|
margin-bottom: 0.3em; }
|
|
|
|
dd {
|
|
padding: 0;
|
|
margin-left: 5mm;
|
|
margin-bottom: 1em; }
|
|
|
|
dd > ul {
|
|
margin-top: 0;
|
|
margin-left: 0.5em;
|
|
padding-left: 0;
|
|
margin-bottom: 1em; }
|
|
|
|
.banner {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #94adff;
|
|
color: black;
|
|
text-align: left; }
|
|
|
|
.banner img {
|
|
border: none;
|
|
color: #000;
|
|
height: 86px;
|
|
width: 308px;
|
|
display: block; }
|
|
|
|
.footer {
|
|
clear: both;
|
|
font-style: italic;
|
|
color:#666;
|
|
text-align: right; }
|
|
|
|
.footer p {
|
|
margin-top: 1.5em;
|
|
padding-top: 0.4em;
|
|
border-top: 2px solid #94adff; }
|
|
|
|
input.default-action {
|
|
color: white;
|
|
background: rgb(0, 96, 223);
|
|
border-color: rgb(0, 96, 223);
|
|
}
|
|
|
|
/*
|
|
* Directory Listing Style
|
|
*/
|
|
|
|
body#dirlist {
|
|
background-color: #abf;
|
|
padding-bottom: 2em; }
|
|
|
|
body#dirlist h1 {
|
|
padding: 5mm;
|
|
margin: 0;
|
|
border-bottom: 2px solid #bcf; }
|
|
|
|
body#dirlist p {
|
|
padding: 2px 5mm;
|
|
margin: 0; }
|
|
|
|
body#dirlist div {
|
|
display: table;
|
|
width: 94%;
|
|
margin: 5mm auto 2em auto;
|
|
padding: 0; }
|
|
|
|
body#dirlist a, strong {
|
|
display: table-row;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
body#dirlist a.odd {
|
|
background-color: #bcf; }
|
|
|
|
body#dirlist a.even {
|
|
background-color: #b2c3ff; }
|
|
|
|
body#dirlist span {
|
|
display: table-cell;
|
|
vertical-align: middle; }
|
|
|
|
body#dirlist em > span {
|
|
padding-bottom: 1px; }
|
|
|
|
body#dirlist a + a>span {
|
|
border-top: 1px solid #9af; }
|
|
|
|
body#dirlist a {
|
|
background-position: 4px 50%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
body#dirlist a.dir {
|
|
background-image: url("resource:icons/directory.png"); }
|
|
|
|
body#dirlist a.file {
|
|
background-image: url("resource:icons/content.png"); }
|
|
|
|
body#dirlist span.name {
|
|
padding-left: 27px;
|
|
min-height: 20px;}
|
|
|
|
body#dirlist a.dir > span.name {
|
|
font-weight: bold; }
|
|
|
|
body#dirlist a.dir > span.type {
|
|
font-weight: bold; }
|
|
|
|
body#dirlist span.size {
|
|
text-align: right;
|
|
padding-right: 0.3em; }
|
|
|
|
body#dirlist span.size + span.size {
|
|
text-align: left;
|
|
padding-right: 0; }
|
|
|
|
|
|
/*
|
|
* configuration listing style
|
|
*/
|
|
|
|
body#configlist table.config {
|
|
border-spacing: 0; }
|
|
|
|
body#configlist table.config tr:nth-child(2n-1) {
|
|
background: #eee; }
|
|
|
|
body#configlist table.config tr:first-child th {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-family: sans-serif;
|
|
background: #ddd; }
|
|
|
|
body#configlist table.config tr th {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
font-family: monospace; }
|
|
|
|
body#configlist table.config td, body#configlist table.config th {
|
|
padding-left: 1em; }
|
|
|
|
body#configlist table.config tr *:nth-child(3) {
|
|
padding-left: 3em; }
|
|
|
|
body#configlist table.config tr *:nth-child(4) {
|
|
padding-left: 3em;
|
|
font-family: monospace;
|
|
padding-right: 1em; }
|
|
|
|
body#configlist .null-content {
|
|
font-style: italic; }
|
|
|
|
|
|
/*
|
|
* about:imagecache
|
|
*/
|
|
|
|
p.imagecachelist {
|
|
border-spacing: 0px;
|
|
margin-top: 1.2em;
|
|
margin-bottom: 1.2em;
|
|
display: table;
|
|
}
|
|
|
|
p.imagecachelist a:nth-child(2n+3) {
|
|
background: #e8edff;
|
|
}
|
|
|
|
p.imagecachelist strong, p.imagecachelist a {
|
|
display: table-row;
|
|
}
|
|
|
|
p.imagecachelist strong span {
|
|
background: #c8d5ff;
|
|
}
|
|
|
|
p.imagecachelist span {
|
|
border-top: 1px solid #bcf;
|
|
padding: 2px 0.5em;
|
|
display: table-cell;
|
|
}
|
|
|
|
/*
|
|
* authentication query styling
|
|
*/
|
|
|
|
body#authentication {
|
|
max-width: 45em;
|
|
}
|
|
|
|
body#authentication h1 {
|
|
padding: 0.8em 0.4em 0.5em 0.4em;
|
|
border-bottom: 0.1em solid #444;
|
|
margin: 0 0 1.3em 0;
|
|
background: #777;
|
|
color: white;
|
|
}
|
|
|
|
body#authentication form {
|
|
/* Just to center the form on the page */
|
|
margin: 0 auto;
|
|
/* To see the outline of the form */
|
|
padding: 1em;
|
|
border: 1px solid #CCC;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
body#authentication table {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
margin: 1.5em auto;
|
|
}
|
|
|
|
body#authentication label {
|
|
/* To make sure that all labels have the same size and are properly aligned */
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
|
|
body#authentication table th {
|
|
text-align: right;
|
|
}
|
|
|
|
body#authentication table td {
|
|
text-align: left;
|
|
}
|
|
|
|
body#authentication table input {
|
|
/* To give the same size to all text fields */
|
|
width: 20em;
|
|
box-sizing: border-box;
|
|
margin-right: 10%;
|
|
|
|
/* To harmonize the look & feel of text field border */
|
|
border: 1px solid #999;
|
|
}
|
|
|
|
body#authentication div#buttons {
|
|
text-align: right;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
body#authentication div#buttons input#login {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
/*
|
|
* privacy query styling
|
|
*/
|
|
|
|
body#privacy {
|
|
max-width: 45em;
|
|
}
|
|
|
|
body#privacy h1 {
|
|
padding: 0.8em 0.4em 0.5em 0.4em;
|
|
border-bottom: 0.1em solid #444;
|
|
margin: 0 0 1.3em 0;
|
|
background: #c55;
|
|
color: white;
|
|
}
|
|
|
|
body#privacy form {
|
|
/* Just to center the form on the page */
|
|
margin: 0 auto;
|
|
/* To see the outline of the form */
|
|
padding: 1em;
|
|
border: 1px solid #CCC;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
body#privacy form div + div {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
body#privacy div#buttons {
|
|
text-align: right;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
body#privacy div#buttons input#back {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
/*
|
|
* timeout query styling
|
|
*/
|
|
|
|
body#timeout {
|
|
max-width: 45em;
|
|
}
|
|
|
|
body#timeout h1 {
|
|
padding: 0.8em 0.4em 0.5em 0.4em;
|
|
border-bottom: 0.1em solid #444;
|
|
margin: 0 0 1.3em 0;
|
|
background: #c55;
|
|
color: white;
|
|
}
|
|
|
|
body#timeout form {
|
|
/* Just to center the form on the page */
|
|
margin: 0 auto;
|
|
/* To see the outline of the form */
|
|
padding: 1em;
|
|
border: 1px solid #CCC;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
body#timeout form div + div {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
body#timeout div#buttons {
|
|
text-align: right;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
body#timeout div#buttons input#back {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
/*
|
|
* fetch error query styling
|
|
*/
|
|
|
|
body#fetcherror {
|
|
max-width: 45em;
|
|
}
|
|
|
|
body#fetcherror h1 {
|
|
padding: 0.8em 0.4em 0.5em 0.4em;
|
|
border-bottom: 0.1em solid #444;
|
|
margin: 0 0 1.3em 0;
|
|
background: #c55;
|
|
color: white;
|
|
}
|
|
|
|
body#fetcherror form {
|
|
/* Just to center the form on the page */
|
|
margin: 0 auto;
|
|
/* To see the outline of the form */
|
|
padding: 1em;
|
|
border: 1px solid #CCC;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
body#fetcherror form div + div {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
body#fetcherror div#buttons {
|
|
text-align: right;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
body#fetcherror div#buttons input#back {
|
|
margin-right: 1em;
|
|
}
|