MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 122: | Zeile 122: | ||
padding-right: 0; | padding-right: 0; | ||
} | } | ||
+ | /*______________________________________________ | ||
+ | |||
+ | BILDER | ||
+ | Sidebox | ||
+ | Bildbox (Galerie1) | ||
+ | Dia | ||
+ | Galerie2 (Sidepage) | ||
+ | TEXT | ||
+ | Textbox | ||
+ | Linkbox | ||
+ | Zitat | ||
+ | Thisway | ||
+ | POPUPS | ||
+ | GLOSSAR | ||
+ | ______________________________________________ | ||
+ | */ | ||
+ | |||
+ | #toc, | ||
+ | .sidebox, | ||
+ | .sidebox_Wrapper, | ||
+ | .left_Wrapper { | ||
+ | position: absolute; | ||
+ | right:-7em; left:auto; | ||
+ | font: normal normal 1em Arial; | ||
+ | margin:0 0 1em 0; | ||
+ | padding: 0; | ||
+ | border:0; | ||
+ | width: 14em; | ||
+ | } | ||
+ | .top12 {top:13.3em;} | ||
+ | .left_Wrapper { | ||
+ | right: auto; left:-7em; top: auto; | ||
+ | } | ||
+ | .sidebox_Wrapper .sidebox, | ||
+ | .left_Wrapper .sidebox, | ||
+ | .sidebox_Wrapper #toc { | ||
+ | position:static; margin-bottom:1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | /********************************************* | ||
+ | TOC | ||
+ | **********************************************/ | ||
+ | |||
+ | #toc {} | ||
+ | #toc li.toclevel-1 .toctext {display:none;} | ||
+ | #toc li.toclevel-2 .toctext {display: block;} | ||
+ | |||
+ | |||
+ | /*************************************** | ||
+ | BILDER | ||
+ | ***************************************/ | ||
+ | .box { margin: 1.5em 0;} | ||
+ | |||
+ | .bild img { border: 1px solid #aaa; padding: 1px;} | ||
+ | |||
+ | .bildtext { | ||
+ | font-size: .91em; | ||
+ | font-family: Arial; | ||
+ | color:#554; | ||
+ | text-align:center; | ||
+ | padding: 0 6px; | ||
+ | } | ||
+ | |||
+ | /******* sidebox *******/ | ||
+ | |||
+ | .sidebox { | ||
+ | overflow: visible; top:auto; | ||
+ | padding-top:.3em; | ||
+ | } | ||
+ | |||
+ | .sbUe { | ||
+ | position:absolute; left:-1.3em; | ||
+ | width:.6em; z-index:4; | ||
+ | margin: 1.2em 0 0; padding:0 .3em; | ||
+ | line-height: 13px; | ||
+ | text-transform:uppercase; text-align:left; | ||
+ | text-transform:lowercase; | ||
+ | font-size:12px; | ||
+ | font-family: Typewriter, Courier, mono; | ||
+ | background:#eeeee8; color:#555; | ||
+ | border: solid #bbb 1px; | ||
+ | border-width: 1px 0 1px 1px; | ||
+ | overflow:visible; | ||
+ | } | ||
+ | .sbUe a{ | ||
+ | display:block; padding:6px 0 0; | ||
+ | background: url(../../../w2/skins/newCSS/no.gif); | ||
+ | width:15em; height:112px; | ||
+ | color:#333; | ||
+ | } | ||
+ | .sbUe a:hover { | ||
+ | background: url(../../../w2/skins/newCSS/no.gif); color:#C33; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | .left_Wrapper .sbUe { left:auto; right:-1.3em; border-width: 1px 1px 1px 0;} | ||
+ | .left_Wrapper .sbUe a { | ||
+ | position:relative; text-align: right; left:-14.4em; | ||
+ | } | ||
+ | |||
+ | .sbBody { | ||
+ | position:relative; z-index:2; | ||
+ | background-color: #fafaf8; | ||
+ | border: 1px solid #aaa; | ||
+ | padding: .8em 0; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .sidebox .bildtext a { | ||
+ | display:block; color:#555; } | ||
+ | .sidebox .bildtext a:hover { | ||
+ | color:#000; background:#eeeee8; } | ||
+ | |||
+ | /******* bildbox *******/ | ||
+ | |||
+ | .bildbox { | ||
+ | text-align:center; | ||
+ | margin: .5em 0; padding: 1em 0; | ||
+ | } | ||
+ | table.bildbox { | ||
+ | margin: 0 auto 1.5em; padding: 0; | ||
+ | max-width: 640px; | ||
+ | } | ||
+ | .bildbox td, | ||
+ | .bild td, | ||
+ | td.bildbox, | ||
+ | td.bild {vertical-align:top;} | ||
+ | |||
+ | .bildbox img {border:1px solid #aaa; padding: 1px; margin:.25em;} | ||
+ | |||
+ | .largebox {margin-left: -3em; margin-right: -3em; } | ||
+ | .noborder img {border:0;} | ||
+ | .nomargin {margin:0; padding:0} | ||
+ | |||
+ | /******* dia *******/ | ||
+ | |||
+ | .dia { | ||
+ | border: 1px solid #fff; | ||
+ | margin: auto; | ||
+ | } | ||
+ | .dia_aussen { | ||
+ | background: #f5f5ee; | ||
+ | border: 1px solid #999; | ||
+ | margin:4px;padding:0; | ||
+ | } | ||
+ | .noborder .dia_aussen { | ||
+ | border: 1px solid #fff; | ||
+ | } | ||
+ | .dia_aussen:hover { | ||
+ | background: #eeeee8; | ||
+ | border: 1px solid #ccc; | ||
+ | margin:0; padding:4px; | ||
+ | } | ||
+ | |||
+ | .dia_innen { | ||
+ | border: 1px solid #f5f5ee; | ||
+ | overflow:hidden; | ||
+ | background: #fff; | ||
+ | } | ||
+ | .dia img {border:0; padding:0; margin:0} | ||
+ | |||
+ | .sbBody .dia { | ||
+ | border: 1px solid #fafaf8; | ||
+ | } | ||
+ | |||
+ | .noborder .dia_aussen, | ||
+ | .noborder .dia_innen { | ||
+ | border: 1px solid #fff; | ||
+ | } | ||
+ | /************ Galerie 2, Sidepage **************/ | ||
+ | |||
+ | .galerie2 { | ||
+ | margin: 3em auto 2em; | ||
+ | text-align:center; | ||
+ | background: #eeeee8; | ||
+ | border: 1px solid #eeeee8; | ||
+ | } | ||
+ | .galerie2 .dia_innen { | ||
+ | float:left; | ||
+ | width: 96px; | ||
+ | height:120px; | ||
+ | border-collapse:separate; | ||
+ | } | ||
+ | .galerie2 .dia_innen:hover {border-color:#fc3;} | ||
+ | .galerie2 .bildtext { | ||
+ | clear:left; | ||
+ | padding: .6em 0 .8em; | ||
+ | } | ||
+ | .galerie2 .bildtext span { | ||
+ | padding: 0 2em; | ||
+ | background: url(/rel_jap/w/skins/common/images/lupe.gif) no-repeat right top; | ||
+ | } | ||
+ | .galerie2 h2, | ||
+ | .galerie2 .bildtext span span { | ||
+ | padding: auto 0 ; margin: auto 0 ; | ||
+ | border:0; background:none; | ||
+ | } | ||
+ | /************************************** | ||
+ | TEXTE | ||
+ | **************************************/ | ||
+ | |||
+ | /****** textbox ******/ | ||
+ | |||
+ | .textbox { | ||
+ | float: right; width: 22em; | ||
+ | margin: .2em -18em 2em 2em; | ||
+ | } | ||
+ | .textbox_body { | ||
+ | padding: 1em; border: 1px solid #ccc; | ||
+ | background-color:#f5f5f1; | ||
+ | } | ||
+ | .textbox h2, | ||
+ | .textbox h3, | ||
+ | .textbox h4 { | ||
+ | margin:.5em 0 1em !important; | ||
+ | padding: 0 !important; | ||
+ | font: bold 1.3em "Trebuchet MS"; | ||
+ | text-align: center; | ||
+ | border:none; background-image:none; | ||
+ | } | ||
+ | |||
+ | /****** linkbox ******/ | ||
+ | |||
+ | .linkbox { | ||
+ | margin: 3em -1em 2em; | ||
+ | padding: 0; color:#332; | ||
+ | } | ||
+ | .linkbox h2 { | ||
+ | margin:0 !important ; | ||
+ | padding: 0 16pt .18em !important; | ||
+ | text-align:left; | ||
+ | border:0; | ||
+ | color: #554 !important; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | .linkbox p, | ||
+ | .linkbox li {line-height: 1.75em !important;} | ||
+ | |||
+ | .linkbox ul { margin-bottom:0; margin-top:0; | ||
+ | padding-top:0; padding-bottom:0} | ||
+ | .linkbox p { margin:1em 0;} | ||
+ | |||
+ | .linkbox > div { | ||
+ | margin: 0; | ||
+ | padding: 1.5em 2em; | ||
+ | border-color: #aaa; | ||
+ | border-style: solid dotted; | ||
+ | border-width: 1px 2px; | ||
+ | background: #f3f3ea; | ||
+ | background: #f5f5ee; | ||
+ | } | ||
+ | |||
+ | /***** thisway ******/ | ||
+ | |||
+ | #thisway { | ||
+ | margin: 3em 0 0; | ||
+ | text-align:right; color:#888;} | ||
+ | #thisway ul {text-align: left; float: left; width: 12em;} | ||
+ | #thisway li {padding: 0; line-height: 1.1em; | ||
+ | font-size: 11px; } | ||
+ | #thisway div { | ||
+ | padding: 0; | ||
+ | margin: 0 -10em 1em ; | ||
+ | text-align: right; | ||
+ | background:#fff; | ||
+ | font-size: .9em; | ||
+ | line-height: 35px;} | ||
+ | #thisway span { | ||
+ | white-space:nowrap; | ||
+ | padding:.5em 2em; | ||
+ | border: 1px solid #aaa; | ||
+ | border-width: 0; | ||
+ | } | ||
+ | #thisway img { float:right;} | ||
+ | #bodyContent #thisway a {text-decoration: none; background:none; color:#a9461b; padding:0;} | ||
+ | #bodyContent #thisway a:hover {color:#9d4119; background-color:#f5f5ee; } | ||
+ | /* Kommentare */ | ||
+ | |||
+ | #showtalk { | ||
+ | margin: 4em -1em 0; | ||
+ | color:#332; | ||
+ | } | ||
+ | |||
+ | #showtalk .show {display:block;} | ||
+ | #showtalk .hide {display:none;} | ||
+ | |||
+ | #showtalkUe h2 { | ||
+ | font-size: 1em; | ||
+ | padding: .2em .5em; | ||
+ | margin: 0; | ||
+ | background: none; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | text-align:left; | ||
+ | clear:none; | ||
+ | color:#003; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | #showtalkUe span.show { | ||
+ | float: right; | ||
+ | cursor: pointer; | ||
+ | font-size: .9em; | ||
+ | color:#888; | ||
+ | } | ||
+ | |||
+ | #showtalk span.show:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #talkText { | ||
+ | padding: 1em 2em; background:#f5f5ff; | ||
+ | border: 1px solid #ccc; | ||
+ | border-top: 0; | ||
+ | } | ||
+ | #talkFooter { | ||
+ | border-top: 1px solid #ccc; | ||
+ | margin: 2em 0 0; | ||
+ | text-align: center; | ||
+ | display:block; | ||
+ | font-size: .9em; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #talkFooter:hover { background:#e5e5ff;} | ||
+ | |||
+ | |||
+ | .writeTalk { | ||
+ | text-align: center; | ||
+ | margin:5em 0 3em; | ||
+ | font-size: .91em; | ||
+ | border-top: 1px solid #ccc;} | ||
+ | .writeTalk a { | ||
+ | position:relative; top:-.9em; | ||
+ | border: 1px solid #ccc; | ||
+ | padding: .4em 1.2em !important; | ||
+ | background: #e9e9ee !important; | ||
+ | color:#000 !important; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .writeTalk a:hover { | ||
+ | border: 1px solid #aaa; | ||
+ | text-decoration:none; | ||
+ | background: #d5d5ff !important; | ||
+ | color:#003 !important; | ||
+ | } | ||
+ | |||
+ | /************************************* | ||
+ | POPUPS | ||
+ | **************************************/ | ||
+ | |||
+ | #ppScreen { | ||
+ | position:absolute; left:0px; top:0px; z-index:19; | ||
+ | display: none; | ||
+ | background:#000; color:#777; | ||
+ | opacity: .7; | ||
+ | filter: alpha(opacity=70); | ||
+ | } | ||
+ | |||
+ | #ppImgDiv { | ||
+ | position:absolute; z-index:20; | ||
+ | margin:auto; padding:2px; | ||
+ | border:1px solid #777; | ||
+ | background:#cfc7bb; | ||
+ | color:#333; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size:1.27em; line-height:1.2em; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #ppImgDiv p { | ||
+ | text-align:left; | ||
+ | padding: .5em 0; | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | |||
+ | #ppImgDiv img { | ||
+ | padding:2px; border: 1px solid #999; | ||
+ | } | ||
+ | |||
+ | #ppImgDiv #ppIndex { | ||
+ | padding: 2px; | ||
+ | border-bottom:1px solid #999; | ||
+ | font-size:12px !important; | ||
+ | } | ||
+ | .ppFloat { | ||
+ | position: absolute; color:#fff; | ||
+ | border:0; | ||
+ | text-align: left; padding: 40px 15px 10px; | ||
+ | } | ||
+ | .ppClick { | ||
+ | position: absolute; color:#fff; | ||
+ | border:0; | ||
+ | text-align: right; padding: 5px 85px 5px 10px; font-size:11px !important; | ||
+ | background: url(/rel_jap/bg/help.gif) no-repeat right; | ||
+ | } | ||
+ | .ppClick span { visibility: hidden; } | ||
+ | .ppClick:hover span { visibility: visible; } | ||
+ | |||
+ | #ppImgDiv a { color: #eb8; | ||
+ | border:0;} | ||
+ | #ppImgDiv .ppFloat a:hover { color: #eb8; background:#000; } | ||
+ | |||
+ | .pp_text { display:none } | ||
+ | |||
+ | /*vorwärts rückwärts*/ | ||
+ | |||
+ | #bck1, #nxt1 { | ||
+ | position: absolute; top:0; | ||
+ | display: block; | ||
+ | padding: 0; margin: 0; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #bck1 { | ||
+ | left: 0; | ||
+ | background:url(/rel_jap/bg/larr.gif) no-repeat bottom left ; | ||
+ | } | ||
+ | #bck1:hover { | ||
+ | background:url(/rel_jap/bg/larr2.gif) no-repeat bottom left; | ||
+ | } | ||
+ | #nxt1 { | ||
+ | text-align:right; | ||
+ | background:url(/rel_jap/bg/rarr.gif) no-repeat bottom right ; | ||
+ | } | ||
+ | #nxt1:hover { | ||
+ | background:url(/rel_jap/bg/rarr2.gif) no-repeat bottom right ; | ||
+ | } | ||
+ | |||
+ | /*************************************** | ||
+ | GLOSSAR | ||
+ | ****************************************/ | ||
+ | |||
+ | .glossar { | ||
+ | color: #666; | ||
+ | font-family: "Trebuchet MS"; | ||
+ | } | ||
+ | .glossar2 { | ||
+ | color:#124374; | ||
+ | font-family: "Trebuchet MS", Arial; | ||
+ | font-weight:bold; | ||
+ | cursor: help; | ||
+ | cursor: url(/rel_jap/bilderneu/kanji26.cur), help; | ||
+ | position:relative; | ||
+ | } | ||
+ | .glossar2:hover {background:#f3f5ff; | ||
+ | } | ||
+ | |||
+ | .glossar2 span { display: block; } | ||
+ | |||
+ | .glossar2 .g_body { | ||
+ | position:absolute; | ||
+ | top:1.4em; left:-8em; | ||
+ | text-align:center; | ||
+ | font: normal 9pt/12pt Arial; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .textbox .glossar2 {font-weight:bold;} | ||
+ | .glossar2#showTooltip { position:relative;} | ||
+ | |||
+ | .glossar2 .g_body { display: none; } | ||
+ | |||
+ | .glossar2#showTooltip .g_body, | ||
+ | .glossar2:hover .g_body { display: block; } | ||
+ | |||
+ | |||
+ | .glossar2 .g_schatten, | ||
+ | .glossar2 .g_tooltip { | ||
+ | width:17em; position:absolute; | ||
+ | border: #26a solid 1px; | ||
+ | background-color: #f3f5ff; color:#048; | ||
+ | padding:.5em; | ||
+ | cursor: default; | ||
+ | filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666677,direction=135); | ||
+ | -webkit-box-shadow: 1px 1px 3px #667; | ||
+ | -moz-box-shadow: 1px 1px 3px #667; | ||
+ | box-shadow: 1px 1px 3px #667; | ||
+ | } | ||
+ | .glossar2 .g_schatten { | ||
+ | margin: 4px; position:absolute; | ||
+ | background: #004; | ||
+ | border-color: #d7dae9; | ||
+ | opacity: .15; | ||
+ | filter: alpha(opacity=15); | ||
+ | } | ||
+ | .g_romaji, | ||
+ | .g_text, | ||
+ | .g_kanji { padding: 0 1em; } | ||
+ | .glossar2 .g_kanji {font-size: 1.6em; line-height:1em; padding-bottom:.3em;} | ||
+ | .glossar2 .g_romaji, | ||
+ | .glossar2 .g_romaji i { | ||
+ | font:normal normal x-small/1em Arial; | ||
+ | padding-bottom:.5em; text-transform:uppercase; | ||
+ | } | ||
+ | .jap {font-family:"MS Mincho", "MS PGothic" } | ||
+ | .g_link { } |
Version vom 11. Februar 2012, 14:35 Uhr
#googlesearch {
text-align:left;
background-color:#f5f5ee ;
padding: 9px 0 ;
}
#googlesearch input {
display: inline-block;
vertical-align: middle;
background: #fff;
font-size: 12px;
line-height: normal;
padding: 0;
margin:0;
margin-left:19px;
border: 1px solid #bbb;
border-radius: 2px;
}
#googlesearch #suchtext {
width: 116px;
padding: 2px 3px;
padding-right: 20px;
}
#googlesearch #button {
margin-left: -18px;
border:0;
}
#content .editlink {
text-align:right;
font-size:x-small;
margin-top:-.3em;
}
/******** credits ***********/
.credits {font-size: xx-small;}
.credits a {display:inline !important;}
/******** Schlagworte ***********/
.ns-14 a[href *="Glossar:"],
.ns-14 a[href *="Skt:"],
.ns-14 a[href *="Lektoren:"],
.ns-14 a[href *="Metalog:"]
{font-size: x-small; }
.ns-14 h3 {font-size: 1em; background:none; }
/*******************/
.float_left {width:220px;float:left;margin:0 2.5em 1em -7px; }
.float_right {width:220px; float:right; margin:0 -1em 1em 2.5em;}
.float_left td {vertical-align:top; }
/*******************/
.sysop, .user {display: none;}
.anon {display: block;}
.mw-warning-with-logexcerpt { display:none;}
/*******************/
.anmToc {font-size: .9em; color:#555; padding: .2em .5em; margin:2px 0 0; border: 1px solid #aaa;}
/********* Wiki Spezialseiten ***********/
table.diff {padding-top: 11em}
.mw-specialpagesgroup {background:#eeeee5 !important}
.fullImageLink {text-align: center; background-color: #f5f5f5; border: 1px solid #aaa; margin: 0 auto 1em; padding: 3em 0 1em; }
/********** Anmerkungen*************/
sup.reference {font-size: .8em; line-height: 1em; vertical-align:text-top; }
.bildtext sup.reference {font-size: .9em; }
/******* Einzelseiten *******/
.page-Alltag_Matsuri #p-logo{
background: url(/rel_jap/wikibilder/matsuri23.gif) no-repeat bottom right;
}
.page-Ikonographie_Glücksgötter #toc {margin-top:-60px
}
.page-Ikonographie_Glücksgötter #toctitle {
background: #fff url(/rel_jap/wikibilder/Takarabune.gif) no-repeat top;
padding-top: 200px;
}
.page-Mythen_Geister #toc h2 {
background: url(/rel_jap/wikibilder/yurei_kyosai_kl.gif) no-repeat bottom left;
padding-top: 96px;}
.page-Mythen_Tengu #toc h2 {
background: url(/rel_jap/wikibilder/tengu_kurama.gif) no-repeat top left;
padding-top: 77px;}
.page-Mythen_Symboltiere_Namazue #toc {margin-top:-100px
}
.page-Mythen_Symboltiere_Namazue #toctitle {
background: #fff url(/rel_jap/wikibilder/Namazu_shamisen.png) no-repeat top;
padding-top: 194px;
}
.page-Geschichte_Amidismus #toc h2 {
background: url(/rel_jap/wikibilder/kuya3.gif) no-repeat 50px 0;
padding-top: 77px;}
.page-Grundbegriffe #toc h2 {
background: url(/rel_jap/wikibilder/Charms2.jpg) no-repeat top;
padding-top: 80px;}
/*********** WIKI GADGETS *****************/
a.toparrow {
color:#aaa;
font-weight: normal; font-style:normal; font-size:9px; line-height: 1.2em;
text-align: center;
float: right; width:2.5em;
padding:0;
margin: 0 -6pt 0 0;
text-decoration:none; }
a.toparrow:hover {color:#555;}
#showtalk a.toparrow {display:none;}
a.toparrow, .editsection {margin-top:9px;}
.noborder a.toparrow {display:none;}
div#content a.external[href^="http://www.univie.ac.at/rel_jap/an"],
div#content a.external[href^="http://www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href^="http://www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href^="http://www.univie.ac.at/rel_jap/an"] {
background: none;
padding-right: 0;
}
/*______________________________________________
BILDER
Sidebox
Bildbox (Galerie1)
Dia
Galerie2 (Sidepage)
TEXT
Textbox
Linkbox
Zitat
Thisway
POPUPS
GLOSSAR
______________________________________________
*/
#toc,
.sidebox,
.sidebox_Wrapper,
.left_Wrapper {
position: absolute;
right:-7em; left:auto;
font: normal normal 1em Arial;
margin:0 0 1em 0;
padding: 0;
border:0;
width: 14em;
}
.top12 {top:13.3em;}
.left_Wrapper {
right: auto; left:-7em; top: auto;
}
.sidebox_Wrapper .sidebox,
.left_Wrapper .sidebox,
.sidebox_Wrapper #toc {
position:static; margin-bottom:1em;
}
/*********************************************
TOC
**********************************************/
#toc {}
#toc li.toclevel-1 .toctext {display:none;}
#toc li.toclevel-2 .toctext {display: block;}
/***************************************
BILDER
***************************************/
.box { margin: 1.5em 0;}
.bild img { border: 1px solid #aaa; padding: 1px;}
.bildtext {
font-size: .91em;
font-family: Arial;
color:#554;
text-align:center;
padding: 0 6px;
}
/******* sidebox *******/
.sidebox {
overflow: visible; top:auto;
padding-top:.3em;
}
.sbUe {
position:absolute; left:-1.3em;
width:.6em; z-index:4;
margin: 1.2em 0 0; padding:0 .3em;
line-height: 13px;
text-transform:uppercase; text-align:left;
text-transform:lowercase;
font-size:12px;
font-family: Typewriter, Courier, mono;
background:#eeeee8; color:#555;
border: solid #bbb 1px;
border-width: 1px 0 1px 1px;
overflow:visible;
}
.sbUe a{
display:block; padding:6px 0 0;
background: url(../../../w2/skins/newCSS/no.gif);
width:15em; height:112px;
color:#333;
}
.sbUe a:hover {
background: url(../../../w2/skins/newCSS/no.gif); color:#C33;
text-decoration:none;}
.left_Wrapper .sbUe { left:auto; right:-1.3em; border-width: 1px 1px 1px 0;}
.left_Wrapper .sbUe a {
position:relative; text-align: right; left:-14.4em;
}
.sbBody {
position:relative; z-index:2;
background-color: #fafaf8;
border: 1px solid #aaa;
padding: .8em 0;
overflow:hidden;
}
.sidebox .bildtext a {
display:block; color:#555; }
.sidebox .bildtext a:hover {
color:#000; background:#eeeee8; }
/******* bildbox *******/
.bildbox {
text-align:center;
margin: .5em 0; padding: 1em 0;
}
table.bildbox {
margin: 0 auto 1.5em; padding: 0;
max-width: 640px;
}
.bildbox td,
.bild td,
td.bildbox,
td.bild {vertical-align:top;}
.bildbox img {border:1px solid #aaa; padding: 1px; margin:.25em;}
.largebox {margin-left: -3em; margin-right: -3em; }
.noborder img {border:0;}
.nomargin {margin:0; padding:0}
/******* dia *******/
.dia {
border: 1px solid #fff;
margin: auto;
}
.dia_aussen {
background: #f5f5ee;
border: 1px solid #999;
margin:4px;padding:0;
}
.noborder .dia_aussen {
border: 1px solid #fff;
}
.dia_aussen:hover {
background: #eeeee8;
border: 1px solid #ccc;
margin:0; padding:4px;
}
.dia_innen {
border: 1px solid #f5f5ee;
overflow:hidden;
background: #fff;
}
.dia img {border:0; padding:0; margin:0}
.sbBody .dia {
border: 1px solid #fafaf8;
}
.noborder .dia_aussen,
.noborder .dia_innen {
border: 1px solid #fff;
}
/************ Galerie 2, Sidepage **************/
.galerie2 {
margin: 3em auto 2em;
text-align:center;
background: #eeeee8;
border: 1px solid #eeeee8;
}
.galerie2 .dia_innen {
float:left;
width: 96px;
height:120px;
border-collapse:separate;
}
.galerie2 .dia_innen:hover {border-color:#fc3;}
.galerie2 .bildtext {
clear:left;
padding: .6em 0 .8em;
}
.galerie2 .bildtext span {
padding: 0 2em;
background: url(/rel_jap/w/skins/common/images/lupe.gif) no-repeat right top;
}
.galerie2 h2,
.galerie2 .bildtext span span {
padding: auto 0 ; margin: auto 0 ;
border:0; background:none;
}
/**************************************
TEXTE
**************************************/
/****** textbox ******/
.textbox {
float: right; width: 22em;
margin: .2em -18em 2em 2em;
}
.textbox_body {
padding: 1em; border: 1px solid #ccc;
background-color:#f5f5f1;
}
.textbox h2,
.textbox h3,
.textbox h4 {
margin:.5em 0 1em !important;
padding: 0 !important;
font: bold 1.3em "Trebuchet MS";
text-align: center;
border:none; background-image:none;
}
/****** linkbox ******/
.linkbox {
margin: 3em -1em 2em;
padding: 0; color:#332;
}
.linkbox h2 {
margin:0 !important ;
padding: 0 16pt .18em !important;
text-align:left;
border:0;
color: #554 !important;
font-style:normal;
}
.linkbox p,
.linkbox li {line-height: 1.75em !important;}
.linkbox ul { margin-bottom:0; margin-top:0;
padding-top:0; padding-bottom:0}
.linkbox p { margin:1em 0;}
.linkbox > div {
margin: 0;
padding: 1.5em 2em;
border-color: #aaa;
border-style: solid dotted;
border-width: 1px 2px;
background: #f3f3ea;
background: #f5f5ee;
}
/***** thisway ******/
#thisway {
margin: 3em 0 0;
text-align:right; color:#888;}
#thisway ul {text-align: left; float: left; width: 12em;}
#thisway li {padding: 0; line-height: 1.1em;
font-size: 11px; }
#thisway div {
padding: 0;
margin: 0 -10em 1em ;
text-align: right;
background:#fff;
font-size: .9em;
line-height: 35px;}
#thisway span {
white-space:nowrap;
padding:.5em 2em;
border: 1px solid #aaa;
border-width: 0;
}
#thisway img { float:right;}
#bodyContent #thisway a {text-decoration: none; background:none; color:#a9461b; padding:0;}
#bodyContent #thisway a:hover {color:#9d4119; background-color:#f5f5ee; }
/* Kommentare */
#showtalk {
margin: 4em -1em 0;
color:#332;
}
#showtalk .show {display:block;}
#showtalk .hide {display:none;}
#showtalkUe h2 {
font-size: 1em;
padding: .2em .5em;
margin: 0;
background: none;
border-bottom: 1px solid #ccc;
text-align:left;
clear:none;
color:#003;
font-family:Georgia, "Times New Roman", Times, serif;
}
#showtalkUe span.show {
float: right;
cursor: pointer;
font-size: .9em;
color:#888;
}
#showtalk span.show:hover {
text-decoration: underline;
}
#talkText {
padding: 1em 2em; background:#f5f5ff;
border: 1px solid #ccc;
border-top: 0;
}
#talkFooter {
border-top: 1px solid #ccc;
margin: 2em 0 0;
text-align: center;
display:block;
font-size: .9em;
cursor: pointer;
}
#talkFooter:hover { background:#e5e5ff;}
.writeTalk {
text-align: center;
margin:5em 0 3em;
font-size: .91em;
border-top: 1px solid #ccc;}
.writeTalk a {
position:relative; top:-.9em;
border: 1px solid #ccc;
padding: .4em 1.2em !important;
background: #e9e9ee !important;
color:#000 !important;
font-weight: bold;
}
.writeTalk a:hover {
border: 1px solid #aaa;
text-decoration:none;
background: #d5d5ff !important;
color:#003 !important;
}
/*************************************
POPUPS
**************************************/
#ppScreen {
position:absolute; left:0px; top:0px; z-index:19;
display: none;
background:#000; color:#777;
opacity: .7;
filter: alpha(opacity=70);
}
#ppImgDiv {
position:absolute; z-index:20;
margin:auto; padding:2px;
border:1px solid #777;
background:#cfc7bb;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.27em; line-height:1.2em;
text-align:center;
}
#ppImgDiv p {
text-align:left;
padding: .5em 0;
font-size: 1em;
}
#ppImgDiv img {
padding:2px; border: 1px solid #999;
}
#ppImgDiv #ppIndex {
padding: 2px;
border-bottom:1px solid #999;
font-size:12px !important;
}
.ppFloat {
position: absolute; color:#fff;
border:0;
text-align: left; padding: 40px 15px 10px;
}
.ppClick {
position: absolute; color:#fff;
border:0;
text-align: right; padding: 5px 85px 5px 10px; font-size:11px !important;
background: url(/rel_jap/bg/help.gif) no-repeat right;
}
.ppClick span { visibility: hidden; }
.ppClick:hover span { visibility: visible; }
#ppImgDiv a { color: #eb8;
border:0;}
#ppImgDiv .ppFloat a:hover { color: #eb8; background:#000; }
.pp_text { display:none }
/*vorwärts rückwärts*/
#bck1, #nxt1 {
position: absolute; top:0;
display: block;
padding: 0; margin: 0;
text-align:center;
}
#bck1 {
left: 0;
background:url(/rel_jap/bg/larr.gif) no-repeat bottom left ;
}
#bck1:hover {
background:url(/rel_jap/bg/larr2.gif) no-repeat bottom left;
}
#nxt1 {
text-align:right;
background:url(/rel_jap/bg/rarr.gif) no-repeat bottom right ;
}
#nxt1:hover {
background:url(/rel_jap/bg/rarr2.gif) no-repeat bottom right ;
}
/***************************************
GLOSSAR
****************************************/
.glossar {
color: #666;
font-family: "Trebuchet MS";
}
.glossar2 {
color:#124374;
font-family: "Trebuchet MS", Arial;
font-weight:bold;
cursor: help;
cursor: url(/rel_jap/bilderneu/kanji26.cur), help;
position:relative;
}
.glossar2:hover {background:#f3f5ff;
}
.glossar2 span { display: block; }
.glossar2 .g_body {
position:absolute;
top:1.4em; left:-8em;
text-align:center;
font: normal 9pt/12pt Arial;
z-index:1;
}
.textbox .glossar2 {font-weight:bold;}
.glossar2#showTooltip { position:relative;}
.glossar2 .g_body { display: none; }
.glossar2#showTooltip .g_body,
.glossar2:hover .g_body { display: block; }
.glossar2 .g_schatten,
.glossar2 .g_tooltip {
width:17em; position:absolute;
border: #26a solid 1px;
background-color: #f3f5ff; color:#048;
padding:.5em;
cursor: default;
filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666677,direction=135);
-webkit-box-shadow: 1px 1px 3px #667;
-moz-box-shadow: 1px 1px 3px #667;
box-shadow: 1px 1px 3px #667;
}
.glossar2 .g_schatten {
margin: 4px; position:absolute;
background: #004;
border-color: #d7dae9;
opacity: .15;
filter: alpha(opacity=15);
}
.g_romaji,
.g_text,
.g_kanji { padding: 0 1em; }
.glossar2 .g_kanji {font-size: 1.6em; line-height:1em; padding-bottom:.3em;}
.glossar2 .g_romaji,
.glossar2 .g_romaji i {
font:normal normal x-small/1em Arial;
padding-bottom:.5em; text-transform:uppercase;
}
.jap {font-family:"MS Mincho", "MS PGothic" }
.g_link { }