wrapper.fhtml: Add `license' relationship to the AGPL link.

[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 -----------------------------------*/

body {
	background: white;
	color: black;
	margin: 1ex 2em;
}

h1 {
	border-bottom: thick solid;
	padding: 8px 0;
	margin-bottom: 24px;
}

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

h1 + h2, h2:first-child {
	border-top: none;
	padding-top: 0;
	margin-top: inherit;
}

h1, h2 {
	font-family: sans-serif;
	font-weight: bold;
}

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

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

a { text-decoration: none; }
a:link { color: blue; }
a:link:active, a:visited { color: darkblue; }
a:link:hover, a:visited:hover { background: #ccc; }

dl { display: block; }
dt {
	font-weight: bold;
	width: 9em;
	clear: left;
	float: left;
}
dd {
	margin: 1.5ex 0 1.5ex 10em;
	display: block;
}

/*----- 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 -------------------------------------------------*/