bibis/public/style.css

/** theme: default **/
/** bibis-version: 0.9.3 **/
/*
Copying and distribution of this file, with or without modification,
are permitted in any medium without royalty provided the copyright
notice and this notice are preserved.  This file is offered as-is,
without any warranty.
*/

*
	{
	border: none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

body
	{
	background: #12110c;
	color: #ccc;
	line-height: 1.5;
	margin: 1em;
	word-break: break-all;
	}

h1, h2, h3, h4, h5, h6, dl, ul, ol, p
	{
	background: #2b2b2b;
	color: #ccc;
	}

h2, dl, ul
	{
	border-top: medium solid #12110c;
	}

h1, h2, button, label, b
	{
	font-weight: 600;
	}

h1, h2, ul
	{
	padding: 0.25em 1em;
	}

h1
	{
	text-align: center;
	}

ul
	{
	list-style: none;
	}

dd ul
	{
	background: #12110c;
	border-bottom: thin solid #12110c;
	border-top: thin solid #12110c;
	color: #fff;
	margin: 0.5em 0 0;
	}

dl
	{
	display: block; /*dillo*/
	padding: 0.5em 1em 0;
	}

dt
	{
	font-weight: normal;
	}

dd
	{
	clear: both; /* see: .post-time */
	padding-bottom: 0.5em;
	}

p
	{
	padding: 0 1em 0.5em;
	}

form ul
	{
	padding-top: 0.5em;
	}

form ul li
	{
	padding: 0 0 0.5em;
	}

label
	{
	display: block;
	font-size: 80%;
	}

button, textarea, input
	{
	font-family: inherit;
	border: thin solid;
	font-size: 100%;
	line-height: 1.5;
	}

textarea, input
	{
	background: #2b2b2b;
	box-sizing: border-box;
	border-color: #000;
	color: #ccc;
	width: 100%;
	padding: 0 0.25em;
	}

input[type='checkbox']
	{
	padding: 0;
	vertical-align: baseline;
	width: auto;
	}

input[type='file']
	{
	background: none;
	color: #ccc;
	font-size: 70%;
	padding: 0.25em;
	}

input[type='file']:hover
	{
	background: #4d4d4d;
	color: #ccc;
	}

textarea
	{
	height: 6em;
	}

button
	{
	background: #ccc;
	border-color: #ccc;
	color: #2b2b2b;
	cursor: pointer;
	padding: 0.25em 1.5em;
	text-align: center;
	}

button:hover
	{
	background: #4d4d4d;
	border-color: #4d4d4d;
	color: #ccc;
	}

a
	{
	background: none;
	color: #e3c093;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}

/* class */

.spooftime-text
	{
	font-style: italic;
	font-weight: 400;
	}

:checked ~ .spooftime-text
	{
	background: #0ff;
	color: #000;
	font-style: normal;
	font-weight: 600;
	}

.form-li-submit
	{
	text-align: right;
	}

.post-time
	{
	background: none;
	color: #8c8c8c;
	float: right;
	}

a.post-time:hover
	{
	background: none;
	color: #b3b3b3;
	}

.post-time.is-future
	{
	background: #0ff;
	color: #000;
	}

.pager
	{
	background: #12110c;
	color: #ccc;
	height: 2em;
	line-height: 2;
	padding: 1em 0;
	}

.pager-after a,
.pager-before a
	{
	display: block;
	}

.pager-after
	{
	float: left;
	}

.pager-after a
	{
	background: none;
	color: #ccc;
	padding: 0.5em 1em;
	}

.pager-after a:hover
	{
	background: none;
	color: #fff;
	}

.pager-before
	{
	float: right;
	}

.pager-before a
	{
	background: #2b2b2b;
	color: #ccc;
	padding: 0.5em 1.5em 0.5em 2em;
	}

.pager-before a:hover
	{
	background: #4d4d4d;
	color: #ccc;
	text-decoration: none;
	}

/* for modern browsers, and netsurf */

@media (min-width: 880.1px)
	{

	body
		{
		left: -125px;
		margin: 1em auto;
		position: relative;
		width: 600px;
		}

	.menu
		{
		background: none;
		border: none;
		color: #ccc;
		margin: 0.75em 0 0 600px;
		position: fixed;
		top: 0;
		}

	.menu li
		{
		width: 200px;
		}

	.menu a
		{
		background: none;
		color: #ccc;
		display: block;
		line-height: 2;
		}

	.menu a:hover	
		{
		background: none;
		color: #fff;
		}

	}