CSS

@charset "utf-8";
@font-face {
	font-family: spaceage;
	src:	local(Space Age),
			local(Space-Age),
			local(space age),
			local(space-age),
}

html {
background-color: hsla(193, 8%, 86%, 1.0);
}

body {
    background-color: #fcfdff;
    background-image:url('https://dl.dropbox.com/u/19383776/webspace/shadowrun/srhintergrund.jpeg');
    background-repeat:repeat-y;
    padding:0;
    margin:10px auto 10px 80px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;/* "DejaVu", "Verdana", sans-serif;*/
    font-size: 10pt;
    width:800px;
    -webkit-border-radius:5px;
    -moz-border-radius:   5px;
    border-radius:        5px;
    -webkit-box-shadow:0px 0px 5px 5px #154264;
    -moz-box-shadow:   0px 0px 5px 5px #154264;
    box-shadow:        0px 0px 5px 5px #154264;
}

div.header { text-align:center; }
div.footer { text-align:center; }

div.content {
    position:relative;
    top:0px;
    left:0px;
    line-height:1.5em;
    padding:0px 0.4em;
}

/* Links */
a[href*="/Comments_on_"] {
	display: none;
	}

a {
	background-color:none;
    text-decoration:none;
    -webkit-border-radius:5px;
    -moz-border-radius:   5px;
    border-radius:        5px;
/*    position:relative; /*why?*/
    }

/*	Linkliste im Kopf und
	alle Links im Fuss	*/
span.bar a,
div.footer a {
    color:#154264;
    font-weight:bold;
	padding-left:0.5ex;
    padding-right:0.5ex;
    }
span.bar a:focus,
div.footer a:focus,
span.bar a:hover,
div.footer a:hover,
span.bar a:active,
div.footer a:active {
    color:#fff;
    background-color:#154264;
	}

/* Links im Inhalt */
div.content a:link,
div.content a:visited {
    color:#154264;
	padding-left:0.2ex;
    padding-right:0.2ex;
    }
div.content a:focus,
div.content a:active,
div.content a:hover {
	color:#fff;
    background-color:#900;
    -webkit-box-shadow:0px 0px 5px 5px #900;
    -moz-box-shadow:   0px 0px 5px 5px #900;
    box-shadow:        0px 0px 5px 5px #900;
} 
/*
div.content a.outside:link:before { content:"\2386 "; } /*⎆ */
*/

/* Anker */
a[name][class="anchor"]:before {
    content: "\2693"; /*?*/
    color:#000;
    font-size:10px;
	}
a.definition {
	text-decoration:none;
	color:inherit;
    }
a[name][class="anchor"]:hover:after {
	content: "#" attr(name) " ";
	position:absolute;
	color:#000;
	z-index:100;
	}

/* Überschriften */
h1, h2, h3, h4 {
    background-color:transparent;				
    font-size:150%;
    margin:1em 0px 5px 0px;
    padding:0px;
    width:100%;
    text-align: center;
    clear: both;
    font-family:Georgia, serif;
    }

h1 { /* Seitenüberschrift */ 
    margin:1em 0px 5px 0px;
    width: 95%;
    font-size:300%;
    font-weight:bold;
    font-family: spaceage, "Space Age", "Ubuntu", "DejaVu", "Verdana", sans-serif;
    text-transform:uppercase;
    text-align:right;
    font-weight:bold;
    /*text-shadow:#aaa 4px 4px 2px;*/
    margin-top:0;
    border-bottom: 5px dotted #154264;
}
h1 a {	color:#154264;	}

div.content h1 { /* Überschriften von Journaleinträgen */
    font-size:200%;
    }

h2, h3, h4 {
    background-color:hsla(206, 20%, 60%, 0.7); /*#7B91A3*/
    -webkit-border-radius:10px;
    -moz-border-radius:   10px;
    border-radius:        10px;
    }
/*h2 {  }*/
h3 { font-size:125%; }
h4 { font-size:110%; }

/*h1:hover, h2:hover, h3:hover, h4:hover { text-shadow: none; }*/
    
/* Linien unter den Überschriften */
/*h1, h2 { border-bottom: 2px solid #154264; }
h3, h4 { border-bottom: 1px dashed #154264; }*/

/* Erstes Objekt keinen Top-Einzug (bei Überschriften wichtig) */
h2:first-child, h3:first-child, h4:first-child {
    margin-top: 0.5em;
}
/* after a subheading, no whitespace */
h2 + p, h3 + p, h4 + p {
    margin-top: 0;
}
/* heading after a heading, no whitespace */
h2 + h3 {
    margin-top: 0;
}
h3 + h4 {
    margin-top: 0;
}

/* Bilder */
img {
    border:none;/* #777777 1px solid;*/
    padding: 0;
    margin: 0.5em;
    -webkit-box-shadow:0px 0px 5px 5px #fff;
    -moz-box-shadow:   0px 0px 5px 5px #fff;
    box-shadow:        0px 0px 5px 5px #fff;
}
a.image:hover {
    background:inherit;
}
/*a.image:hover img {
    background:#900;
}*/
div.content a.image:link:before { content:""; }


/* Horizontale Linie */
hr {
    border:none;
    color:#154264;
    background-color:#154264;
    height:2px; 
    margin-top:2ex;
}

/* Horizontale Linie, Abgrenzung zum footer */
div.footer hr {
    clear:both;
    height:4px;
}

/* Einzeiliger Code */
code {
    background-color: hsla(0,100%,100%, 0.75);
    color:#090;
/*    font-weight:bold;*/
    }

/* Codeblöcke <pre> */
pre {
    color:#090;
    background-color: hsla(0,100%,100%, 0.75);
    font-size:smaller;
/*    font-weight:bold;*/
    line-height:1.2em;
    padding: 0.5em;
    padding-left: 1.5em;
    margin-left: 2em;
    margin-right: 2em;
/*    white-space: pre;*/
    border: #777777 1px solid;
    overflow:hidden;
    -webkit-border-radius:20px 50px 50px 20px;
    -moz-border-radius:   20px 50px 50px 20px;
    border-radius:        20px 50px 50px 20px;
    border: inset;
/*    -webkit-box-shadow:inset 0px 0px 5px 5px #fff;
    -moz-box-shadow:   inset 0px 0px 5px 5px #fff;
    box-shadow:        inset 0px 0px 5px 5px #fff;
    background-color:rgba(0,0,0,.75);*/
}

/* Zitate [quote] [/quote] */
blockquote {
    color:#000;
    background-color:rgba(255, 255, 204, 0.75);
    border-left: 5px solid rgba(255, 240, 124, 1.0);
    padding:1em;
    padding: .5em 1em;
    text-align:justify;
    -webkit-border-radius:10px;
    -moz-border-radius:   10px;
    border-radius:        10px;
}
blockquote p {
	margin: 0;
	margin-top: 0.5em;
}

/* Tabellen */
table.user {
    background-color: rgba(167, 207, 232, 0.75); /*#A7CFE8*/
    border: 1px solid black;
    border-collapse:collapse;
}
table.user tr {
    border: none;
    border-collapse:collapse;
}
table.user th {
    background-color: rgba(7, 54, 9, 0.75); /*#073609*/
    color: #fff;
    border-bottom: 2px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding:5px;
}
table.user td {
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding:5px;
}

/* Listen */
ul { padding-left:2em; }

ul li { list-style-type: none; }
ul li:before { content:"\2622\A0\A0"; color:#154264; font-size:110% }
ul li li:before { content:"\269B\A0\A0"; color:#154264; font-size:110% }
ul li li li:before { content:"\2623\A0\A0"; color:#154264; font-size:110% }
ul li li li li:before { content:"\2023\A0\A0"; color:#154264; font-size:110% }

/* Startseite Einklinken */
div.intro {
    color:#090;
    background-color:rgba(0,0,0,1.0);
    position:fixed;
    width:400px;
	top:15px;
    left:-300px;
    text-align: center;
    overflow:hidden;
    font-size:8pt;
    line-height:1.2em;
    border:0px dashed #009400;
    padding:0.5em;
    margin:0;
    -webkit-border-radius:0px 5px 5px 0px;
    -moz-border-radius:   0px 5px 5px 0px;
    border-radius:        0px 5px 5px 0px;
    -webkit-box-shadow:0px 0px 5px 5px #154264;
    -moz-box-shadow:   0px 0px 5px 5px #154264;
	box-shadow:        0px 0px 5px 5px #154264;
	z-index:-2;
	transition: left 2s;
    -moz-transition: left 2s;
}
div.intro:hover { z-index:100;
    background-color:rgba(0,0,0,.75);
    left: 15px;
	}
div.intro code {
    background-color:transparent;
    }

/* Inhaltsverzeichnis */
div.toc {
    color:inherit;
    background-color:rgba(255,255,255,.9);
    position:fixed;
    max-width:200px;
    top:15px;
    left:875px;
    font-size:inherit;
    line-height:inherit;
/*    border:3px solid rgba(255, 140, 0, .5); */
/*    border-right:8px solid rgba(255, 140, 0, 1.0); /* #FF8c00 */
/*    border-left:5px solid rgba(255, 140, 0, 1.0); /* #FF8c00 */
    padding:0.5em;
    padding-left:1em;
/*    -webkit-border-radius:100px 0px 0px 100px / 10px 0px 0px 10px;
    -moz-border-radius:   100px 0px 0px 100px / 10px 0px 0px 10px;
    border-radius:        100px 0px 0px 100px / 10px 0px 0px 10px;*/
    -webkit-border-radius:0px 100px 100px 0px / 0px 10px 10px 0px;
    -moz-border-radius:   0px 100px 100px 0px / 0px 10px 10px 0px;
    border-radius:        0px 100px 100px 0px / 0px 10px 10px 0px;
    -webkit-box-shadow:0px 0px 5px 5px #154264;
    -moz-box-shadow:   0px 0px 5px 5px #154264;
	box-shadow:        0px 0px 5px 5px #154264;
	z-index:-2;
}
/*div.toc:hover { z-index:100; } */

/* SL-Info "Kasten" */
div.slinfo {
    background-color:transparent;
    border-right: 5px solid #e70;
    cursor:crosshair;
    margin:1em;
    padding:0.5em 1em;    
    -webkit-border-radius:10px;
    -moz-border-radius:   10px;
    border-radius:        10px;
    -webkit-box-shadow:0px 0px 10px #e70;
    -moz-box-shadow:   0px 0px 10px #e70;
    box-shadow:        0px 0px 10px #e70;
}
div.slinfo:before {
    content:"\A0 Chummer, lass dich nicht mit Drachen ein! (SL-Info mit Mausklick.) \A0";
    color:#e70;
    font-weight:bold;
}
div.slinfo * {
    color:transparent;
    background-color:transparent;
	transition: color 2s;
    -moz-transition: color 2s;
}
div.slinfo:hover {
    background-color:transparent;
    -webkit-box-shadow: 0px 0px 10px 10px #900;
    -moz-box-shadow:    0px 0px 10px 10px #900;
    box-shadow:         0px 0px 10px 10px #900;
}
div.slinfo:hover:before {
    content:"\A0 Chummer, lass dich nicht mit Drachen ein! (SL-Info mit Mausklick.) \A0";
    color:#900;
	font-weight:bold;
	}
div.slinfo:active {
    background-color:transparent;
    -webkit-box-shadow: 0px 0px 20px 10px #090;
    -moz-box-shadow:    0px 0px 20px 10px #090;
    box-shadow:         0px 0px 20px 10px #090;
}	
div.slinfo:active * {
	color:inherit;
    background-color:inherit;
}
div.slinfo:active:before {
    content:"\A0 Chummer, lass dich nicht mit Drachen ein! (SL-Info mit Mausklick.) \A0";
    color:#090;
	font-weight:bold;
	}

div.fix {
	position:absolute;
	}
div.aside {
    color:inherit;
    background-color:rgba(255,255,255,.9);
    position:absolute;
    width:300px;
    left:530px;
    font-size:inherit;
    line-height:inherit;
    border-right:8px solid rgba(0, 153, 0, .9); /* #090 */
    padding:0.5em;
    -webkit-border-radius:0px 50px 50px 0px;
    -moz-border-radius:   0px 50px 50px 0px;
    border-radius:        0px 50px 50px 0px;
    -webkit-box-shadow:0px 0px 5px 5px #154264;
    -moz-box-shadow:   0px 0px 5px 5px #154264;
	box-shadow:        0px 0px 5px 5px #154264;
	z-index:-1;
    transition: left 2s;
    -moz-transition: left 2s;
}
div.aside:hover { 
    left:780px;
    z-index:100; } 

/* möglicher Seitenkasten ? */
div.sidebar {
    float:left;
    border-right:1px solid black;
    padding: 0.5ex 1ex 1ex 0;
    margin: 0 1ex 1ex 0;
}

div.oldintro {
    background-color: #000;
    color:#090;
    font-size: 8pt;
    border:1px dashed #009400;
    padding-top: 0.3em;
    padding-left: 3em;
}

.special {
    margin-left:0.5em;
	padding:0.5em 3em;
	border:1px solid #001E66;
	width:50%;
	float:right;
}

/* Kalender */
div.month {
    float:right;
    margin:0;
    padding:0 1ex;
}

    div.content div.month { float:left; }

div.year div.month { float:left; }
div.cal pre {
    margin:0;
    padding:1ex;
    /*background-color:#ffe;*/
}
div.cal pre {
	color:#000;
	background-color:#fff;
    overflow:hidden;
    font-weight:normal;
    padding: 0.5em;
    border: #777777 1px solid;
    -webkit-border-radius:15px;
    -moz-border-radius:   15px;
    border-radius:        15px;
    -webkit-box-shadow:none;
    -moz-box-shadow:   none;
    box-shadow:        none;
	}
div.cal a {
	background-color:transparent;
	border-color:none;
	text-decoration:none;
	font-weight:normal;
	padding:0;
	margin:0;
	}
div.cal a:hover {
    z-index:10;
    }
div.cal a.local {
	color:#fff;
	background-color:#154264;
	font-weight:bold;
    padding:0;
	}
div.cal a.edit {
    background-color:inherit;
    font-weight:normal;
    padding:0;
}
div.cal a.today {
	color:#fff;
	background-color:#900;
	font-weight:bold;
	}
div.cal a:hover {
    color:#fff;
    background-color:#900;
    z-index:100;
}
div.month span.title a.local {
	color:#fff;
	font-weight:normal;
	padding-right:0.5em;
	padding-left:0.5em;
	}


/* Aus der Vorlage übernommen, evtl. Veränderungen */
div.diff { padding-left:5%; padding-right:5% }
div.old { background-color:#FFFFAF }
div.new { background-color:#CFFFCF}
div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
/*div[class="content refer"] p { margin-top:2em; }*/
div.content div.refer hr { display:none; }
div.content div.refer { padding:0; font-size:medium; }
div.content div.refer p { margin:0; }
div.refer a { display:block; }
table.history { border-style:none; }
td.history { border-style:none; }

dt { font-weight:bold; }
dd { margin-bottom:1ex; }
textarea { width:100%; height:80%; }
textarea#summary { height: 3em; }
img.logo {
    float: right;
    clear: right;
    border-style:none;
    background-color:#fff;
}
/*img {
    border: #777777 1px solid;
    padding: 0.5em;
    margin: 0 1em;
    background-color: #e6e6e6;
    color: black;
}*/
div.image span.caption {
    margin: 0 1em;
}
li img, img.smiley, .noborder img {
    border:none;
    padding:0;
    margin:0;
    background:#fff;
    color:#000;
}

div.header img, div.footer img { border:0; padding:0; margin:0; }

.left { float:left; }
.right { float:right; }
div.left .left, div.right .right {
    float:none;
}
.center { text-align:center; }

span.author {
    color: #501;
}

.rc .author {
    font-weight: normal;
    color: #666;
}
.rc .dash {
    display: none;
}
.rc strong {
    font-weight: normal;
    color: inherit;
    display: block;
}
.rc li {
    position:relative;
    padding-right: 5em;
}
.rc .lang {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.rc .type {
    position: absolute;
    top: 1.16em; /* don't forget line-height */
    right: 0;
    z-index: 2;
    background:#fff; /* covers language if no summary */
    padding: 0.1em 0 0.1em 1em;
}

p a.definition {
    color:#666;
    padding: 2px;
    margin-top: 5px;
    border-bottom: 2px solid #000000;
    text-decoration:none;
    display:block;
    clear:both;
}

p a.definition:hover {
    background:#000000;
    color:#FFFFFF;
}

/* rss */
div.rss li span.time { display:none; }
div.rss .description { font: medium monospace; display:inline; }

/* Drucken */
@media print {
body { font:11pt "Neep", "Arial", sans-serif; }
a, a:link, a:visited { color:#000; text-decoration:none; font-style:oblique; font-weight:normal; }
h1 a, h2 a, h3 a, h4 a { font-style:normal; }
a.edit, div.footer, div.refer, form, span.gotobar, a.number span { display:none; }
a[class="url number"]:after, a[class="inter number"]:after { content:"[" attr(href) "]"; }
a[class="local number"]:after { content:"[" attr(title) "]"; }
img[smiley] { line-height: inherit; }
pre { border:0; font-size:10pt; }
}

/* input Fenster */
/* scrollen nervt also rechts an den Rand damit */
form.edit {
	position: fixed;
	right: 0px;
	top: 5px;
	z-index: 100;
	background-color: transparent;
    border: 1px solid #900;
}
form.edit * {
    background-color: none;
    color: hsla(0,0%,0%,.5);
}

form.edit:active,
form.edit:hover {
	background-color: hsla(0, 100%, 100%, .9);
}

form.edit *:active,
form.edit *:hover {
    color: hsla(0,0%,0%,1);
}
    
#text, #summary {
	background-color: transparent;
	border-style: none;
}

#text:active, #summary:active,
#text:hover, #summary:hover {
	background-color: hsla(0, 100%, 100%, .9);
    color: hsla(0,0%,0%,1);
}