internal.css (6695B)
- @import url("about:nscolours.css");
- html, body {
- margin: 0;
- padding: 0; }
- html {
- padding: 2em;
- }
- body {
- font-family: sans-serif;
- font-size: 94%;
- margin: 0 auto;
- position: relative;
- border-width: 2px;
- border-style: solid; }
- 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;
- padding: 5mm;
- margin: 0;
- border-bottom-width: 2px;
- border-bottom-style: solid; }
- h2 {
- font-size: 160%;
- padding-top: 5mm;
- border-top-width: 1px;
- border-top-style: solid; }
- h1+h2 {
- border-top: none;
- }
- 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-width: 2px;
- border-top-style: solid; }
- input.default-action {
- color: white;
- background: rgb(0, 96, 223);
- border-color: rgb(0, 96, 223);
- }
- /*
- * Directory Listing Style
- */
- body#dirlist {
- padding-bottom: 2em; }
- body#dirlist p {
- padding: 2px 5mm;
- margin: 0; }
- body#dirlist div {
- display: table;
- width: 94%;
- margin: 5mm auto 2em auto;
- padding: 0; }
- body#dirlist strong {
- display: table-row;
- margin: 0;
- padding: 0;
- font-size: 120%;
- }
- body#dirlist a {
- display: table-row;
- margin: 0;
- padding: 0; }
- body#dirlist span {
- display: table-cell;
- vertical-align: middle; }
- body#dirlist a > span {
- padding-top: 0.1em; }
- body#dirlist em > span {
- padding-bottom: 1px; }
- body#dirlist a + a>span {
- border-top-width: 1px;
- border-top-style: solid; }
- 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; }
- /*
- * certificate display style
- */
- body#certificate table.info {
- width: 90%;
- margin: 1.2em auto 0;
- }
- body#certificate table.info th {
- width: 14em;
- vertical-align: top;
- text-align: right;
- font-weight: bold;
- font-family: sans-serif;
- padding-right: 1em;
- }
- body#certificate table.info td.data {
- font-family: monospace;
- font-size: 90%;
- }
- /*
- * configuration listing style
- */
- body#configlist table.config {
- border-spacing: 0;
- font-size: 85%;
- margin: 1.3em 0;
- width: 100%;
- box-sizing: border-box }
- 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; }
- body#configlist table.config tr th {
- text-align: left;
- font-weight: normal;
- font-family: monospace; }
- body#configlist table.config tr+tr th,
- body#configlist table.config tr+tr td {
- border-top-width: 1px;
- border-top-style: solid;
- }
- 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 strong, p.imagecachelist a {
- display: table-row;
- }
- p.imagecachelist span {
- padding: 2px 0.5em;
- display: table-cell;
- }
- p.imagecachelist a+a span {
- border-top-width: 1px;
- border-top-style: solid;
- }
- /*
- * authentication query styling
- */
- body#authentication {
- max-width: 45em;
- }
- body#authentication form {
- /* Just to center the form on the page */
- margin: 0 auto;
- /* To see the outline of the form */
- padding: 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 form {
- /* Just to center the form on the page */
- margin: 0 auto;
- /* To see the outline of the form */
- padding: 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 form {
- /* Just to center the form on the page */
- margin: 0 auto;
- /* To see the outline of the form */
- padding: 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 form {
- /* Just to center the form on the page */
- margin: 0 auto;
- /* To see the outline of the form */
- padding: 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;
- }