@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); }