glasnost/templates/glasnost.entrouvert.org/web/css/glasnost.css

@import "default.css";

html, body {
	margin: 0;
	padding: 0;
	font-family: "Bitstream Vera Sans", Verdana, sans-serif;
}

body {
	margin: 0 1em;
}

h1#logo {
	display: block;
	padding: 40px 0 0 0;
	overflow: hidden;
	background-image: url('/images/glasnost.png');
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:40px; /* for IE5.5's bad box model */
}

ul#nav {
	width: 13em;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

ul#nav li {
	margin-bottom: 1em;
}

ul#nav strong {
	display: block;
	border-bottom: 1px solid #ccc;
}

ul#nav strong a {
	color: black;
	text-decoration: none;
}

ul#nav ul {
	list-style: none;
	padding: 0;
	margin: 0.2em 0 0 1em;
	font-weight: bold;
	font-size: 90%;
}

ul#nav ul li {
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
}

ul#nav ul li a {
	padding: 0 0.2em;
	color: black;
	text-decoration: none;
	display: block;
}

ul#nav ul li a:hover {
	color: #800;
	background: #eee;
}

div#main-content {
	margin-left: 14em;
	padding-left: 1em;
	padding-bottom: 1em;
	border: 0px solid #ccc;
	border-width: 0 0 1px 1px;
	max-width: 40em;
}

div#footer {
	margin: 0 0 0.5em 14em;
	max-width: 50em; /* 40 / 0.8 */
	text-align: right;
	font-size: 80%;
}

div#footer a {
	margin: 0 0.5em;
	padding: 0 0.2em;
	color: black;
	border: 1px solid #ccc;
	border-top: 0px;
	font-size: inherit;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 0 0 6px 6px;
}

div#footer a:hover {
	background: #eee;
}

div#main-content p {
	text-align: justify;
}

div#main-content a:link, div#main-content a:visited {
	color: #800;
}

ul.article-meta {
	list-style: none;
	font-size: 80%;
	float: right;
	text-align: center;
	border: 1px solid #ccc;
	margin: -1em 0 1em 1em;
	padding: 0;
	max-width: 15em;
}

div#main-content ul.article-meta li {
	padding: 0 0.3em;
	margin: 0;
}

div#main-content h1, div#main-content h2.title {
	border-bottom: 1px solid #ccc;
	margin-left: -1em;
	padding-left: 1em;
}

div#main-content div.error-message h1 {
	border-bottom: 1px solid #c00;
}

div#main-content li {
	margin-bottom: 0.5em;
}

div#commands {
	position: absolute;
	top: 1em;
	left: 16em;
	max-width: 40em;
}

div.dropdown {
	margin: 0;
	padding: 0;
	width: 10em;
	float: left;
	margin-right: 1em;
	font-size: 80%;
}

div.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-top: 0;
	display: none;
}

div.dropdown span {
	display: block;
	border: 1px solid #ccc;
	background: white url('/images/v.png') top right no-repeat;
}

div.dropdown:hover span {
	background: #eee;
}

div.dropdown span:after {
	content: "...";
}

div.dropdown:hover span:after {
	content: "";
}

div.dropdown li {
	padding: 0;
}

div.dropdown:hover ul {
	display: block;
	background: white;
	/*background: url('/images/ntbg.png');*/
}

div#commands a {
	display: block;
	color: black;
	border: 1px solid white;
	text-decoration: none;
	padding-left: 0.3em;
}

div#commands a:hover {
	background: #eee;
	border: 1px outset black;
}

div#commands a:active {
	border: 1px inset black;
}
	

div#main-content a.button, input.button {
	color: black;
	border: 1px outset #aaa;
}

div#main-content a.button:active, input.button:active {
	border: 1px inset #aaa;
}

hr {
	color: #ccc;
	background-color: #ccc;
	border: 0;
	height: 1px;
}

td.translation-ok, td.translation-missing {
	text-align: center;
}

td.translation-ok {
	background: #ccc;
}

pre {
	background: #eee;
	border: 1px solid #ccc;
	padding: 2px;
}

textarea {
	border: 1px solid black;
}

div.preview {
	border: 1px solid #ccc;
	font-size: 80%;
	width: 80%;
}

div.preview li {
	list-style: circle;
	list-style-position: inside;
	margin-left: 1em;
}