MediaWiki:Common.css

@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
/*@import "https://www.univie.ac.at/rel_jap/css/font-awesome.min.css";*/
/*************************
Hier befinden sich im Wesentlichen css-Befehle, die direkt oder indirekt Einfluss auf das Seitenlayout und die Seitenproportionen haben.
Siehe auch	
* MediaWiki:Vector.css (Farben, spezielle Einzelseiten, Glossar, etc.)
* MediaWiki:Print.css 
Hier: 
* Änderungen am Standardlayout
* Navigationsmenü
****************************/
/* MW Mediaviewer */

.mw-mmv-download-button, 
.mw-mmv-options-button, 
.mw-mmv-reuse-button, 
.mw-mmv-filepage-buttons {
	display: none; 
} 
.mw-mmv-above-fold { 
    max-width: 80%;
    margin: auto;
}
.mw-mmv-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.mw-mmv-post-image { 
  color: #ffe; 
  background-color: rgba(68, 68, 68, 0.5);
}
.mw-mmv-title { 
    background: rgba(73, 73, 73, 0.48);
}
.mw-mmv-image-metadata { 
  background: #262524;
  color: #eee!important;
  border: 0;
}
.mw-mmv-next-image, .mw-mmv-prev-image { 
  width: 10%;
  height: 20%; 
}
.mw-mmv-wrapper a,
.mw-mmv-wrapper a:visited {
  color: #8db3ff;
} 
.mw-mmv-wrapper a:hover  { 
    background: #ccc;
    color: #3365cb;
}
.mw-mmv-image-links li { 
  color: #aaa;
}
.mw-mmv-about-links {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.mw-mmv-image-metadata { 
  background: #262524;
  color: #eee!important;
  border: 0;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis { 
	width:0;
	bottom: 9px;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis:before { 
  background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#494c47 100%); 
  content: '...';  
  font-size: 1.5em;
  width: 5em;
  position: absolute;
  right: 0;
  text-align: right;
}

/* thumb image */

.thumb.tright { 
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#mw-upload-thumbnail {
    position: static;
}
.thumb .thumbinner {
/* width: auto!important;*/
  border: 0;
  padding: 0;
  background: transparent;
}
.thumbcaption {
  display: none;
}
.imgX .thumbimage {
	border:0;
}

/* smallimage*/
.smallimage { 
 margin: 0 auto .5em; 
}
.smallimage div { 
}

/*  Aktuelles  */

*::before, 
*::after {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Framework */

html,
body {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-size: calc(10px + .5vw);
 font-size: calc(12px + .3vw);
 background: #eeeee5 url(/rel_jap/bg/irregular.jpg);
 background-attachment: fixed;
 color: black;
 font-family:  Arial, sans-serif; 
} 

/* Content */
#content  {
 position:relative;
 z-index:1;
 margin: 1em 0 0 10em; 
 padding:0 ;
 line-height: 1.5em;
 font-family: Georgia, Times, serif ; 
 background:#fff; 
  border:0;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 4px 15px rgba(145, 142, 117, 0.5);
 } 
.action-view #content {
    width: calc(100% - 4rem);
    min-height: calc(100% - 9rem);
    max-width: 92rem;
    min-width: 640px;
    margin: 0 auto; 
    padding: 0;
    background: transparent;
    overflow: visible;
    box-shadow: none;
 } 
#siteNotice { 
	font-family: Calibri, sans-serif;
    text-align: left; 
	font-size: 1rem;
	line-height: 2em; 
}
 
/* siteNotice erzeugt den Hintergrund */
.action-view  #siteNotice {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 100%;
    z-index: -1;
    margin: 0 auto;
    max-width: 78rem;
    min-width: 50rem;
    width: calc(100% - 14rem);
    padding: 0;
    box-shadow: 0 4px 15px rgba(145,142,117,0.5);
border-radius: 0 0 .5em .5em;
}

#localNotice {
	background: #f7f6e6; 
 height: 3rem; 
 padding: .25rem 2rem;
 overflow: hidden;
}
.action-view.ns-8 #content, 
.action-view.ns-10 #content {
    width: auto;
    max-width: none;
    background: #fff;
}
.ns--1.action-view #content,
.ns-6.action-view #content, 
.ns-302.action-view #content {
    background: #fff;
 } 
.ns--1.action-view #siteNotice,
.ns-6.action-view #siteNotice,
.ns-8.action-view #siteNotice,
.ns-302.action-view #siteNotice {
    width: auto;
    height: auto;
    max-width: none;
    min-width: auto;
    position: static; 
    box-shadow: none;
}
/****  bodyContent  ****/
 
.action-view #bodyContent,
.wikiEditor-preview-contents {  
 position:static;
    padding: 3.5rem 0 2rem;
 width: auto;
 /*max-width: 50em;*/
 -webkit-hyphens: auto;
 -epub-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
 }  
 .ns--1.action-view #bodyContent,
.ns-6.action-view #bodyContent,
.ns-8.action-view #bodyContent,
.ns-14.action-view #bodyContent {
 max-width: none; 
    padding: 0 2rem 2rem;
    max-width: 70rem;
    margin: auto;
 } 	 
.action-view .mw-content-ltr,
.wikiEditor-preview-contents { 
 font-size:1.1rem;
}

/***   Head   ***/

#mw-page-base, 
#mw-head-base, 
#mw-head {
 position:absolute;
 z-index:4;
}
#mw-page-base {
 height: 9em;
 position:absolute; 
 z-index:0;
 top: 0; 
 left: 0; 
 right: 0; 
 background:transparent;
 }
/* Navigation Containers */
.action-view #left-navigation, 
.action-view #right-navigation,
#ca-unwatch, 
#ca-talk {
 display:none;
 } 
.ns-2 #left-navigation, 
.ns-2 #ca-talk {
 display:block;
 } 

/* Logo */
#p-logo {
 position: absolute;
 z-index:4;
 top: -160px;
 left: 0;
 width: 10em;
 height: 10em;
 background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x ;
}
#p-logo a {
 display: block;
 width: 10em;
 height: 10em;
 background-repeat: no-repeat;
 background-position: center center;
 text-decoration: none;
 }
#mw-panel { 
 z-index:4;
 background: #f5f5ee;
 border-bottom: 1px solid #def;
 }
.action-view #p-logo,
.action-view #mw-panel,
.action-view #mw-head-base  {
 display: none;
}

	/*  Tagline */
	
/* Hide */

#jump-to-nav, 
#contentSub,
#catlinks,
#siteSub,
.subpages {
 display: none;
 }

 
/** Wiki-Navigation **/
#p-personal li {
 line-height: 1.125em;
 padding: 0 .75em 0 0;  
 margin:0;
 float: left;
 font-size: 0.75em;
 white-space: nowrap;
 }
	
.action-view #p-personal {
 display: none;
 }	
.action-view.ns-8 #p-personal, 
.action-view.ns-10 #p-personal {
 display: block;
 left: auto; 
 }

/* hide */	

#p-personal #pt-mytalk,
#p-personal #pt-anontalk,
#p-personal #pt-watchlist,
#p-personal #pt-mycontris {
 display: none;
 }
.action-view #p-tb, 
.action-view #p-personal #pt-mytalk,
.action-view #p-personal #pt-preferences,
.action-view #p-personal #pt-logout,
.action-view #p-personal #pt-anontalk,
.action-view #p-personal #pt-watchlist,
.action-view #p-personal #pt-mycontris,
.action-view #p-personal #pt-login,
#mw-clearyourcache {
 display: none;
 }

/* Panel */
#mw-panel {
 position: absolute;
 top: 10em;
 padding-top: 1em;
 width: 9.5em;
 left: 0;
}

/****************************************
			FOOTER
*****************************************/

#footer {
 position: relative; 
    margin: 1rem auto 0;
    padding:  .5rem 2rem;
 background: transparent;
 text-align: center;
 max-width: 90rem;
 }
#footer ul {
 list-style: none;
 list-style-image: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 }
#footer ul li {
 list-style: none; 
 line-height: 2em ;
 margin:0 ; padding:0 ;
 }
#footer-info {
    float: left;
    margin: .5rem 0;
    max-width:40rem;
}
#footer a,
#footer a:visited { 
 color:#016;
 }
#footer-info-disclaimer,
#footer-info-copyright {
 display:none;
 }
#footer-info-viewcount {
    float: left;
    line-height: 1.4em;
    text-align: left;
    background: rgba(231, 227, 200, 0.65);
    padding: .2em 1em;
} 

#footer-places,
#footer-icons {
	float:right; 
	clear:right;
}
#footer #footer-places {
    padding: 1em 0;
} 
#footer-icons img {  
	margin: 2px;
    border: 0;
 } 
.printfooter {
	display: none;
}

/****************************************
		BASIC TAGS
*****************************************/

/* CODE Maske */
q {
 font-family: Times, "Times New Roman", serif;
 font-style: italic;
 }
code {
 background-color: #f9f9f9;
 }
pre {
 padding: 1em;
 border: 1px dashed #2f6fab;
 color: black;
 background-color: #f9f9f9;
 line-height: 1.3em; 
 }
textarea { 
 font-size: 1.3em;
 background:#ffe;
 color:#005;
 }
 .mw-editfont-monospace, 
 .mw-editfont-sans-serif, 
 .mw-editfont-serif,
 .wikiEditor-ui .ace_editor { 
    font-size: .8rem;
}

 /********************
     Listen 
 ********************/
.mw-parser-output > ul, 
.references  ul,
.verweise ul,
.linkbox ul,
.shortlist ul,
.zitat ul {
 list-style-type: none;
 list-style-image: none;
 }
.mw-parser-output > ul > li::before, 
.references ul li::before, 
.verweise ul li::before, 
.linkbox ul li::before,  
.shortlist ul li::before, 
.zitat ul li::before {
   content:  '\f111' ;/* fa-circle  */
   font-size: .5em;
   float: left; 
   margin-left: -1.3rem;
   color: #0e5892;
 }

li {
 margin-bottom: .7em;
 }
dt {
 font-weight: bold;
 margin-bottom: .1em;
 }
dl {
 margin-top: .2em;
 margin-bottom: .5em; 
 }
.mw-parser-output dd {
 line-height: 1.6em;
 margin-left: 1.5rem;
 margin-bottom: .1em;
 }
.mw-parser-output dd ul,
.mw-parser-output dd ol {
 margin-left: 0;
 padding-left: 0;  
 }

i i { 
 font-style: normal;
 }

 .shortlist ul {
    padding-bottom: .8em;
}
 .shortlist li {
    margin-bottom: 0;
}
/* Tables */

table {
 font-size: 100%;
 }

/* Emulate Center */

.center {
 width: 100%;
 text-align: center;
 }
*.center * {
 margin-left: auto;
 margin-right: auto;
 }

/* Small for tables and similar */

.small {
 font-size: 94%;
 }

#content .right,
.right {
	text-align: right;
}

/**************************
        Headings 
***************************/

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 margin: 0 auto;
 padding-top: .5em;
 padding-bottom: .17em;
 overflow: visible;
 color:#333;
 border: 0 ;
 position: relative;
 }
/* 		firstHeading		 */
 
#content #firstHeading {
  padding: 2.1em 0 1.5em; 
  font-size: 2em;
  line-height: 1.2em;
  font-family: calibri, "Trebuchet MS";
}
.firstHeading {
  font-size: 2.4em;
  line-height: 1.2em;
  font-family: calibri, "Trebuchet MS";
  font-weight: bold;
  text-align: center; 
   padding: 1.5em 0 1.5em; 
   margin: 0 auto;
} 
.ns-6 .firstHeading {
    margin: 0;
    text-align: left;
    font-size: 1.5rem;
    padding: .5rem 0;
}
.firstHeading > span {
 position: static; 
 display: block; 
 padding: 0;  
 margin: auto -4rem;
}
.firstHeading span span {
 display:block;
 font-weight: normal;
 font-size: .75em; line-height:2em; 
}
.firstHeading span span.firstSpan { 
  margin-top: -2rem;
}
.firstHeading span span.bottom {
 line-height: 1.2em;
 padding-top:.18em;
 margin-bottom: -.3em;
}

 	
/*	H2, H3,... 	*/

h2,
h3 { 
 border-width: 0 ;
 } 

#content h2 { 
	font: bold 1.7em/1.2em "Trebuchet MS";
  font-family:calibri, "Trebuchet MS"; 
	text-align: center;
	margin: 1.2em auto 1em; 
	padding: .5em .5rem .17em;
}
#content h2.noborder {
  padding-bottom:0; 
  border:0;
}
.mw-parser-output > h2::after {
  content: '';
  display: block;
  height: 3px;
  background-image: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  position: absolute; 
  left: 0;
  right: 0;
  border-radius: 25%;
  margin-top: 5px;
}

#content h3 { 
  font: bold italic 1.4em/1.2em "Trebuchet MS";
  font-family:calibri, "Trebuchet MS"; 
  text-align: left;
  margin: 1em auto .8rem; 
  padding: .5em .5rem 0em;
  /*clear: left;*/
}
#content h4 { 
  font-family:calibri, "Trebuchet MS"; 
  font-weight:bold; 
  font-size: 1.2em;
  line-height:1.5em; 
  color:#333;
}

	/* Edit section links */
.mw-editsection { 
 color:#ddd; 
 font: normal 9px Arial;  
 text-align: left;
 position: absolute;
    margin: 0;
    right: 3em;
    top: 3em;
    width: 3em;
 } 
.mw-editsection a,
.mw-editsection a:visited { 
 color: #ddd; 
 font-size:9px;
 }
.mw-editsection a:hover { color: #555; text-decoration:none;}

h1 .mw-editsection { display:none;}

/*   Ende Headings    */

/********************************************
	 	NAVIGATION
**********************************************/

/*#siteNotice,  Crumbs */

.crumbs {
    text-align: left;
    overflow: hidden; 
    width: auto !important; 
}
.crumbs,
.crumbs a,
.crumbs a:visited { 
 color: #393930; 
    line-height: 3rem;
    text-transform: lowercase;
}

/**************
Search
**********/

#search2 {
 padding: .6em 1.2em;
 background-color:#FBFBF7; 
 border-top: 1px solid  #ddd;
   border-radius: 0 0 3px 3px;
 }
#simpleSearch {
 width:auto;
 margin:0;
  border-color: #ddd;
  border-radius: 3px; 
 font-size: 1em;
 }
#simpleSearch #searchInput { 
 font-size: .9em; 
}

/******************

Nav, Sitemap 

  s.a. Metalog:Sitemap
********************/

#sitemapTop {
 position: absolute; 
 top: 0; 
 left: 0; 
 right: 0; 
 padding: 1.5em 0;
 font-family: calibri, arial, sans-serif;
    z-index: 3;
    max-width: 78rem;
    width: calc(100% - 14rem);
    min-width: 50rem;
}
#sitemapToggle {
 position: absolute; 
    right: .5rem;
 cursor: zoom-in;
}
#sitemapToggle.close {
 cursor: zoom-out;
}
#toggleButton  {
 position: fixed; 
 top: 0; 
 z-index:1; 
 text-align: center;
 line-height: 3rem;
    padding: .25rem 0;
    padding-left: 50%;
    margin-left: calc(-50% - 3.5rem);
}
#toggleButton::before {
 content: '\f0c9'; 
    display: block;
 margin: auto;
 font-size: 1.5rem;
    background: #efefdf;
    background: #afab91;
    color: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
border-radius: 50%; 
}
.close #toggleButton::before {
 content: '\f00d'; 
}
#bgToggle {
 position: fixed; 
 top: 0; 
 left: 0; 
 right: 0; 
 height: 3.5rem;   
 background-color: #444440; 
 opacity: .05;
}

#contSitemap { 
 position: absolute;  
 left: 0; 
 right: 0;  
 text-align: left;  
    padding: 3rem;
 display: none; 
 background: #fff;
 border-radius: 8px;
}
.headerSitemap {  
    font-family: calibri ;
    font-size: 2em;
    font-weight: bold;
    text-align: center; 
    color: #666666; 
    margin: 0;
}
.sitemap {
 position: relative;  
 margin: auto; 
 font-size: 1.25rem;
    font-weight: bold;
    color: #676767;
    font-family: calibri, arial, sans-serif;
    max-width: 52rem;
}
.sitemapBg {
 border : 4px solid;
 border-radius: 8px;   
 overflow: hidden;
 display: flex; 
 flex-wrap: wrap;
    border: 4px solid;
    border-radius: 8px;
    overflow: hidden;
    display: flex; /* für IE10+ */
    flex-wrap: wrap;
    display: grid; /* für grid-gap */
    grid-template-columns: repeat(auto-fill, minmax(17em,1fr));
    grid-gap: 0 4px;
} 
.sitemap a,
.sitemap a:visited {
    color: #2a4b8d;
}
.sitemap a:hover { 
 background: #e4e4cc;
} 
.part {
    min-width: 17em;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
}
.chapterSitemap {
 position: relative;
 border-left: 3.5em solid #666; 
 padding: 1em 1em 1em 0;
 background-color:#fffeee;
}  

[class*=page-Grundbegriffe] #localNotice { background-color:#CBCBD7; }
[class*=page-Bauten] #localNotice { background-color:#ffe5cb; }
[class*=page-Alltag] #localNotice { background-color:#efefc2; }
[class*=page-Ikonographie] #localNotice { background-color:#dedbef; }
[class*=page-Mythen] #localNotice { background-color:#f0f4e0; }
[class*=page-Geschichte] #localNotice { background-color:#deedf2; }
[class*=page-Texte] #localNotice { background-color:#ece5b6; }
[class*=page-Essay] #localNotice { background-color:#F3EEC7; }

.sitemap dd b {
	padding-left: 1px;
}

.sitemap dd span {
    display: block;
    position: absolute;
    left: -3.55em;
 width: 3.5em;
 text-align: right;
 color: #fff; 
}
.sitemap dl,
.sitemap dd {
 margin: 0;
 padding: 0; 
 }
#content .sitemap ul {
 font-size: 1rem;
 list-style:none; 
 margin: 0;
 padding: 0;
 padding-top: .7em; 
 text-align: left;
 }
.sitemap ul {
 display:none;
}
 
.sitemap li {
 list-style:none; 
 margin: 0;
 color: #777; 
 text-align: left;
 }
.sitemap li a { 
 display: block;  
 padding-left: 1.5rem;
 font-style:normal;
 border-radius: 1em; 
 }
#content .sitemap ul ul {  
    margin-top: -.2em;
    padding-top: 0;
 padding-left: 3rem;
 font-size: .86em;
 font-weight: normal;
 }
.sitemap li li,
.sitemap li li a {  
    display: inline-block;
    margin-left: -.4em;
    padding: 0 .4em;
 }
.sitemap li a.selflink { 
    background: #efefdf;
    background: #e4e4cc; 
    display: block; 
}
.sitemap li a.selflink::before {
 content: '\f04b'; 
 padding-right: .2em;
}
.plusMinus {
 cursor: pointer; 
 position: relative; 
 display: block; 
 border-radius: 0 .95em .95em 0;
}
.plusMinus:hover { 
 background: #e4e4cc;
}
.plusMinus::after {
 content: "\f067"; 
 position: absolute; 
 right: .5em;
}
.plusMinus.close::after {
 content: "\f068"; 
}
.plusMinus::after {
 color: #efefdf; 
 color: #dadaba;
}
#plusMinusAll::after,
.plusMinus:hover::after  {
 color: #afaf9f;  
}
#plusMinusAll {  
    font-size: .86em;
    text-align: right;
    padding: .2em 0 .4em;
    border: 4px solid #efefdf;
    border: 4px solid #e4e4cc;
    border-width: 4px 4px 0;
    border-radius: 6px;
    background: #e4e4cc;
    margin: 0 2% -5px 50%;
    margin-left: calc(100% - 14.4em);
    cursor: pointer;
    width: 13em;
    height: 1.7em;
    overflow: hidden;
    white-space: nowrap;
}
#plusMinusAll::before {
 content:'Details anzeigen';
    font-family: calibri, arial, sans-serif;
}
#plusMinusAll::after {
 content:'\f067'; 
    padding: 0 1em;
}
#plusMinusAll:hover {
    background: #fffeee; 
    z-index: 1;
    position: relative;
}
#plusMinusAll.close::before {
 content:'Details verbergen';
}
#plusMinusAll.close::after {
 content:'\f068';
}
#s-container {
 font-size: 1.2rem; 
 padding: 1.2em 1em 1em;
}

#plusMinusAll { 
    border-color:#dfdfc6; 
    background-color: #dfdfc6;
}

  /********  Suchmaske ***********/	

#mw-searchoptions > table {
 width:35%;
 }

#mw-search-ns1, 
#mw-search-ns3, 
#mw-search-ns5, 
#mw-search-ns7, 
#mw-search-ns9, 
#mw-search-ns11,
#mw-search-ns13,
#mw-search-ns15,
#mw-search-ns101,
#mw-search-ns103,
#mw-search-ns105,
#mw-search-ns107,
#mw-search-ns109,
#mw-search-ns111,
#mw-search-ns113,
#mw-search-ns121,
#mw-search-ns123,
#mw-search-ns125 {
  display: none;
}
#mw-search-ns1 + label,
#mw-search-ns3 + label,
#mw-search-ns5 + label,
#mw-search-ns7 + label,
#mw-search-ns9 + label,
#mw-search-ns11 + label,
#mw-search-ns13 + label,
#mw-search-ns15 + label,
#mw-search-ns101 + label,
#mw-search-ns103 + label,
#mw-search-ns105 + label,
#mw-search-ns107 + label,
#mw-search-ns109 + label,
#mw-search-ns111 + label,
#mw-search-ns113 + label,
#mw-search-ns121 + label,
#mw-search-ns123 + label,
#mw-search-ns125 + label {
  color:#eee; 
  display: block; 
  width: .1em; 
  height: .1em; 
  overflow: hidden;
}

/***********************
   width 
************************/
 
.mw-parser-output > * {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    min-width: 40rem; 
} 
#content p {
    margin: 0 auto .8em; 
} 
.mw-parser-output > p, 
.mw-parser-output > ul li,
.mw-parser-output > ol li,
.mw-parser-output > dl dd {
 text-align: justify;
 line-height: 1.6em;
    position: relative;
 }
 
.mw-parser-output ul,
.mw-parser-output ol {
 line-height: 1.6em;
 text-align:justify;
 margin: 0 auto; 
 padding: .3em 1.5rem .8em 2rem;
 }
 
.mw-parser-output > ul, 
.mw-parser-output > ol,
.mw-parser-output > dl  {
    width: calc(50% - 4rem);
    min-width: 36rem;
}
.mw-parser-output > .zitat {
    margin: 0.8em auto;
    padding: 1.5rem 4rem 1rem;
    width: calc(50% - 8rem);
    min-width: 32rem;
}

/*** 


Mobile s. vector.css 



***/