MediaWiki:Common.css

#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;
 }

/******** editlinks ***********/	
#content .editlink {
 text-align:right;
 font-size:x-small;
 margin-top:-.3em;
}

/******** 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;
 }

/*******************/	
.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; }

select#namespace option {
 display:none;
 }
select#namespace option[value="0"],
select#namespace option[value="4"],
select#namespace option[value="6"],
select#namespace option[value="8"],
select#namespace option[value="10"],
select#namespace option[value="100"], 
select#namespace option[value="102"], 
select#namespace option[value="104"], 
select#namespace option[value="106"], 
select#namespace option[value="108"], 
select#namespace option[value="110"], 
select#namespace option[value="112"], 
select#namespace option[value="120"], 
select#namespace option[value="122"], 
select#namespace option[value="124"], 
select#namespace option[value="200"] {
 display:block;
 }

/********** 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;
}

/*______________________________________________

GLOSSAR
BILDER
  Sidebox
  Bildbox (Galerie1)
  Dia
  Galerie2 (Sidepage)
TEXT
  Textbox
  Linkbox
  Zitat
  Thisway
POPUPS
  ______________________________________________
*/ 
/*************************************** 
			GLOSSAR SMALL
****************************************/

#glossarSmall {
 border: 1px solid #ccc;
 border-radius: 5px;
 background-color: #f9f9f9;
 clear: both;
 padding: 0 30px; 
 margin: 5em -13px 0;
 font-family: Arial, 'Arial Unicode MS';
 font-size: 12px;
 line-height: 1.5em;
} 
#glossarSmall div {
 margin: 6px 0;
 padding: 0;
 font-size: 10px;
 color: #999;
 text-align: right;
}
#glossarSmall .hide { 
 height: 1.5em; 
 cursor: pointer;
 overflow: hidden; 
}
#glossarSmall .hide:before {
 content: "… anzeigen …";
}
#glossarSmall .show {
 height: auto;
 cursor: pointer;
}
#glossarSmall .show:before {
 content: "… schließen …";
}
#glossarSmall .show:after {
 content: " ";
}
.action-view #bodyContent #glossarSmall p {
 margin : -11px 0 0;
 padding: 2px 5px;
 text-align:center; 
 border: 1px solid #ccc;
 border-radius: 3px;
 background: #eee;
 color: #666;
 font: normal 12px/16px Arial;
} 
.action-view #bodyContent #glossarSmall p.ueSkt {
 margin: 1em 0 .6em;
}
#glossarSmall small {
 display: list-item;
 list-style: square;
 font-size: 12px; 
 line-height: 1.5em;
 margin: 0 15pt 2px;
 padding: 0 5pt; 
 border-bottom: 1px solid #eee; 
 text-align: left;
 color: #444;
 cursor: auto;
 }
#glossarSmall span:after {
 content: " ";
 }
/***************************************
				BILDER
***************************************/
/****** Floats ******/
.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;
 }

.box {
 margin: 1.5em 0;
 }
.bild img {
 border: 1px solid #aaa;
 padding: 1px;
 }
.bildtext { 
 font-size: 12px; 
 font-family: Arial;
 color:#554; 
 text-align:center;  padding: 0 6px;
}
.bildtext p {
 text-align: left;
 padding-left: 10px;
 padding-right: 10px;
}

/******* bildbox *******/

.bildbox {
	text-align:center;
	margin: 1.5em 0; padding: 0;
	}
table.bildbox {
	margin: 0 auto 1.5em; padding: 0;
	max-width: 640px;
	}
div .bildbox:first-child, 
div + .bildbox{
 margin-top:0;
 }
.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_innen a {
 cursor: url(/rel_jap/bilderneu/zoomin.cur), hand; 
}
.dia img {border:0; padding:0; margin:0}
	
.sbBody .dia {
  border: 1px solid #fafaf8;
}

.noborder .dia_aussen,
.noborder .dia_innen {
  border: 1px solid #fff; 
 }

/******** credits ***********/	
.credits {
 font-size: xx-small;
 }
.credits a {
 display:inline !important;
 }

.credits2 {
 position: relative;
 margin:auto;
 }
.credits2 img {
 border:0 !important;
 position:absolute;
 bottom:2em;
 right:-3px;
 }
.credits2 img:hover {
 background:#fffccc;
 }

/************  Galerie **************/

.galerie1,
.galerie2 {
 margin: 2em auto; 
 text-align:center;
}
.galerie2 {
 background: #eeeee8;
 border: 1px solid #eeeee8;
}
div .galerie1:first-child,
div + .galerie1,
div .galerie2:first-child, 
div + .galerie2 {
 margin-top:0;
 }

/* galerie1 */

.galerie1 ul {
 margin:0; padding: 0; 
 list-style:none; 
 text-align: center;
 }
.galerie1 li {
 vertical-align: top; 
 margin:0 5px; padding: 0; 
 list-style:none; 
 display: inline-block;  
 }
.galerie1 img {
 vertical-align: top; 
 }

/* galerie2 */

.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
**************************************/

/****** zitat ******/

.zitat {
 margin:1.5em 0 ; 
 padding: 0 1.5em 0 2.2em;
 }
div .zitat:first-child,
div + .zitat  {
 margin-top: 0;
 }
.quelle,
#bodyContent p.quelle {text-align: right; color:#888; font-size: .9em;}


/****** boxen******/

.textbox, 
.linkbox,
#catlinks,
.references {
 font-size: .9em;
 }

/****** textbox ******/

.textbox {
 float: right; width: 22em;
 margin: .2em -222px 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;
}
.linkbox .quelle { 
 margin-top: 2.5em; margin-bottom:-4.2em; 
 font: normal x-small Arial;
 }

.references {
 margin:  -2em -1em 1em;
 padding: 2em 3.5em 2em;
 border-color: #aaa;
 border-style: solid dotted;
 border-width: 1px 2px;
 background: #fbfbf7;
 color:#333;
 line-height: 1.75em;
 }

/***** thisway ******/

#thisway {	
 position: absolute; bottom:40px; right:20px; 
 text-align: right; 
 font-size: .8em; 
 line-height: 35px; 
 color:#888;
 }
#thisway a { 
 display: inline-block;
 text-decoration: none; 
 background: url(/rel_jap/w/images/5/5f/Thisway.gif) no-repeat right;
 padding-right:10em; 
 }
#thisway.zurueck  { 
 text-align: left; right: auto; left:20px; 
 }
#thisway.zurueck  a { 
 background: url(/rel_jap/w/images/b/b8/Wayback.png) no-repeat left;
 padding:0 0 0 10em; 
 }
#thisway a:hover,
#thisway.zurueck a:hover { 
 background-color:#F5F5EE;
 text-decoration:underline;
 }

/************************************* 
			POPUPS 
**************************************/

#ppScreen {
 position:fixed; left:0px; top:0px; z-index:19;
 display: none;
 background:#000; color:#777;
 opacity: .7;
 filter: alpha(opacity=70);
 }
#ppScreen:hover,
.ppDiv:hover,
.ppText:hover,
.ppClick:hover {
 cursor: help;
 cursor: url(/rel_jap/bilderneu/zoomout.cur),help; 
}
.ppDiv {
 position:absolute; 
 z-index:20; 
 left: 0;
 width: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:.8em; line-height:1.2em;
 }
.ppFrame {	
 position:relative;
 float: left; 
 margin-right: 20px;
 padding:2px;	
 text-align: center;
 border:1px solid #777;	
 background:#cfc7bb;  
 color:#333;
 }	
.ppDiv img {
 padding:2px;
 border: 1px solid #999;
 }	
.ppIndex {
	padding: 2px;
	border-bottom:1px solid #999;	
	font-size:12px !important;
	}
.ppClick {
 position: absolute;
 right: -3px; top: -31px;
 height: 50px; width: 30em;  
 padding-right: 35px;
 color:#fff;
 text-align: right; 
 font-size:11px !important;
 background: url(/rel_jap/bg/help.gif) no-repeat right bottom;
 }
.ppClick span {
 visibility: hidden;
 }
.ppClick:hover span {
 visibility: visible;
 }
.ppText {
 min-width: 7em;
 color:#fff;
 border:0;
 text-align: left; 
 margin-left: 40%; 
 padding: 25px 15px 10px 20px;
 background:#444;
 }
.ppText a, 
.ppText a:visited {
 color: #eb8;
 background:none;
 }
.ppText a:hover {
 color: #eb8;
 background:#000;
 }
.ppText dl {
 margin-bottom: 1em; 
 }

.pp_text { display:none }

/*vorwärts rückwärts*/

.ppBack, .ppNext { 
 position: absolute;
 top: 0; bottom: 0; 
 width: 50%; 
 display: block;
 background:url(/rel_jap/bg/no.gif);
 }
.ppBack {
 left: 0; 
 }
.ppNext { 
 right: 0; 
 }
.ppBack:hover {
 background:url(/rel_jap/bg/larr2.gif) no-repeat bottom  left;
 }
.ppNext:hover {
 background:url(/rel_jap/bg/rarr2.gif) no-repeat bottom right ;
 }
.ppDiv .editsection  {
 margin-right: 0; 
 }
.ppDiv div.editsection  {
 float:left; 
 width: auto;
 margin-top: -2px;
 }