chiark - git - mdw - chopwood/blob - chpwd.css

   1 /* -*-css-*-
   2  *
   3  * Style sheet for Chopwood
   4  *
   5  * (c) 2013 Mark Wooding
   6  */
   7
   8 /*----- Licensing notice --------------------------------------------------*
   9  *
  10  * This file is part of Chopwood: a password-changing service.
  11  *
  12  * Chopwood is free software; you can redistribute it and/or modify
  13  * it under the terms of the GNU Affero General Public License as
  14  * published by the Free Software Foundation; either version 3 of the
  15  * License, or (at your option) any later version.
  16  *
  17  * Chopwood is distributed in the hope that it will be useful,
  18  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  19  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  20  * GNU Affero General Public License for more details.
  21  *
  22  * You should have received a copy of the GNU Affero General Public
  23  * License along with Chopwood; if not, see
  24  * <http://www.gnu.org/licenses/>.
  25  */
  26
  27 /*----- General typesetting and layout -----------------------------------*/
  28
  29 body {
  30         background: white;
  31         color: black;
  32         margin: 1ex 2em;
  33 }
  34
  35 h1 {
  36         border-bottom: thick solid;
  37         padding: 8px 0;
  38         margin-bottom: 24px;
  39 }
  40
  41 h2 {
  42         border-top: thin solid;
  43         padding-top: 1ex;
  44         margin-top: 3ex;
  45 }
  46
  47 h1 + h2, h2:first-child {
  48         border-top: none;
  49         padding-top: 0;
  50         margin-top: inherit;
  51 }
  52
  53 h1, h2 {
  54         font-family: sans-serif;
  55         font-weight: bold;
  56 }
  57
  58 div.credits {
  59         border-top: thin solid;
  60         padding-top: 1ex;
  61         margin-top: 3.43ex;
  62         text-align: right;
  63         font-size: small;
  64         font-style: italic;
  65 }
  66
  67 div.warn {
  68         border: thin solid;
  69         padding: 0ex 1em 2ex 1em;
  70         margin: 2ex 1em;
  71         background: red;
  72 }
  73
  74 a { text-decoration: none; }
  75 a:link { color: blue; }
  76 a:link:active, a:visited { color: darkblue; }
  77 a:link:hover, a:visited:hover { background: #ccc; }
  78
  79 dl { display: block; }
  80 dt {
  81         font-weight: bold;
  82         width: 9em;
  83         clear: left;
  84         float: left;
  85 }
  86 dd {
  87         margin: 1.5ex 0 1.5ex 10em;
  88         display: block;
  89 }
  90
  91 /*----- Form layout -------------------------------------------------------*/
  92
  93 /* Common form validation styling. */
  94
  95 .whinge {
  96         font-size: smaller;
  97         visibility: hidden;
  98 }
  99
 100 .login-whinge {
 101         text-align: center;
 102 }
 103
 104 .wrong {
 105         color: red;
 106         visibility: visible;
 107 }
 108
 109 /* Specific forms. */
 110
 111 td.label { text-align: right; }
 112
 113 .expand { height: 100%; }
 114 div.expand-outer { position: relative; }
 115 div.expand-inner {
 116         position: absolute;
 117         width: 50%;
 118         height: 100%;
 119 }
 120 div.expand-reference {
 121         margin-left: 50%;
 122 }
 123
 124 table.expand { width: 95%; }
 125 table.expand,
 126 table.expand tbody,
 127 table.expand tr {
 128         border-collapse: collapse;
 129         border-spacing: 0;
 130 }
 131 table.expand td { padding: 0; }
 132
 133 #acct-list {
 134         width: 100%;
 135         height: 100%;
 136 }
 137
 138 /*----- That's all, folks -------------------------------------------------*/