chpwd.css: Use the abbreviated border-setting notation.

[chopwood] / chpwd.css

/* -*-css-*-
 *
 * Style sheet for Chopwood
 *
 * (c) 2013 Mark Wooding
 */

/*----- Licensing notice --------------------------------------------------*
 *
 * This file is part of Chopwood: a password-changing service.
 *
 * Chopwood is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation; either version 3 of the
 * License, or (at your option) any later version.
 *
 * Chopwood is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public
 * License along with Chopwood; if not, see
 * <http://www.gnu.org/licenses/>.
 */

/*----- General typesetting and layout -----------------------------------*/

h1 {
	border-bottom: medium solid;
	padding-bottom: 1ex;
}

h2 {
	border-top: thin solid;
	padding-top: 1ex;
	margin-top: 4ex;
}

h1 + h2, h2:first-child {
	border-top-style: hidden;
	margin-top: inherit;
}

div.credits {
	border-top: thin solid;
	padding-top: 0.5ex;
	margin-top: 2ex;
	text-align: right;
	font-size: small;
	font-style: italic;
}

div.warn {
	border: thin solid;
	padding: 0ex 1em 2ex 1em;
	margin: 2ex 1em;
	background: red;
}

/*----- Form layout -------------------------------------------------------*/

/* Common form validation styling. */

.whinge {
	font-size: smaller;
	visibility: hidden;
}

.login-whinge {
	text-align: center;
}

.wrong {
	color: red;
	visibility: visible;
}

/* Specific forms. */

td.label { text-align: right; }

.expand { height: 100%; }
div.expand-outer { position: relative; }
div.expand-inner {
	position: absolute;
	width: 50%;
	height: 100%;
}
div.expand-reference {
	margin-left: 50%;
}

table.expand { width: 95%; }
table.expand,
table.expand tbody,
table.expand tr {
	border-collapse: collapse;
	border-spacing: 0;
}
table.expand td { padding: 0; }

#acct-list {
	width: 100%;
	height: 100%;
}

/*----- That's all, folks -------------------------------------------------*/