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 div.warn {
  58         border: thin solid;
  59         padding: 0ex 1em 2ex 1em;
  60         margin: 2ex 1em;
  61         background: red;
  62 }
  63
  64 /*----- Form layout -------------------------------------------------------*/
  65
  66 /* Common form validation styling. */
  67
  68 .whinge {
  69         font-size: smaller;
  70         visibility: hidden;
  71 }
  72
  73 .wrong {
  74         color: red;
  75         visibility: visible;
  76 }
  77
  78 /* Specific forms. */
  79
  80 td.label { text-align: right; }
  81
  82 .expand { height: 100%; }
  83 div.expand-outer { position: relative; }
  84 div.expand-inner {
  85         position: absolute;
  86         width: 50%;
  87         height: 100%;
  88 }
  89 div.expand-reference {
  90         margin-left: 50%;
  91 }
  92
  93 table.expand { width: 95%; }
  94 table.expand,
  95 table.expand tbody,
  96 table.expand tr {
  97         border-collapse: collapse;
  98         border-spacing: 0;
  99 }
 100 table.expand td { padding: 0; }
 101
 102 #acct-list {
 103         width: 100%;
 104         height: 100%;
 105 }
 106
 107 /*----- That's all, folks -------------------------------------------------*/