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 h1 {
  30         border-bottom-style: solid;
  31         border-bottom-width: medium;
  32         padding-bottom: 1ex;
  33 }
  34
  35 h2 {
  36         border-top-style: solid;
  37         border-top-width: thin;
  38         padding-top: 1ex;
  39         margin-top: 4ex;
  40 }
  41
  42 h1 + h2, h2:first-child {
  43         border-top-style: hidden;
  44         margin-top: inherit;
  45 }
  46
  47 div.credits {
  48         border-top-style: solid;
  49         border-top-width: thin;
  50         padding-top: 0.5ex;
  51         margin-top: 2ex;
  52         text-align: right;
  53         font-size: small;
  54         font-style: italic;
  55 }
  56
  57 /*----- Form layout -------------------------------------------------------*/
  58
  59 /* Common form validation styling. */
  60
  61 .whinge {
  62         font-size: smaller;
  63         visibility: hidden;
  64 }
  65
  66 .wrong {
  67         color: red;
  68         visibility: visible;
  69 }
  70
  71 /* Specific forms. */
  72
  73 td.label { text-align: right; }
  74
  75 .expand { height: 100%; }
  76 div.expand-outer { position: relative; }
  77 div.expand-inner {
  78         position: absolute;
  79         width: 50%;
  80         height: 100%;
  81 }
  82 div.expand-reference {
  83         margin-left: 50%;
  84 }
  85
  86 table.expand { width: 95%; }
  87 table.expand,
  88 table.expand tbody,
  89 table.expand tr {
  90         border-collapse: collapse;
  91         border-spacing: 0;
  92 }
  93 table.expand td { padding: 0; }
  94
  95 #acct-list {
  96         width: 100%;
  97         height: 100%;
  98 }
  99
 100 /*----- That's all, folks -------------------------------------------------*/