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