MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(417 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
+ | @import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; | ||
+ | |||
+ | /******* Aktuelles ***********/ | ||
+ | .L_nav { | ||
+ | color: #999; | ||
+ | font-size: .85em; | ||
+ | } | ||
+ | |||
+ | .pfFormInput .formInput, .pfFormInput .forminput_button { | ||
+ | font-size: 1em; | ||
+ | line-height: 1.6em; | ||
+ | margin-right: 0.25em; | ||
+ | border: 0; | ||
+ | border-radius: 0.3em; | ||
+ | box-shadow: 0 0 0.2em #aaa; | ||
+ | padding: 0 0.4em; | ||
+ | } | ||
+ | .pfFormInput .forminput_button { | ||
+ | color: #fff; | ||
+ | box-shadow: 0 0 0; | ||
+ | background: #0073ab; | ||
+ | } | ||
+ | .sysoplinks { | ||
+ | font-size: small; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .crop .tright { | ||
+ | margin-right: -5rem; | ||
+ | } | ||
+ | .crop .tleft { | ||
+ | margin-left: -2rem; | ||
+ | } | ||
+ | .bildliste_cont { | ||
+ | max-width: 55rem; | ||
+ | margin: auto; | ||
+ | } | ||
+ | .bildliste { | ||
+ | display: grid; | ||
+ | grid-template-columns: 220px 1fr; | ||
+ | margin: 5px auto; | ||
+ | } | ||
+ | .bildliste:last-child { | ||
+ | border-width: 1px 1px 1px 0; | ||
+ | margin-bottom: .5rem; | ||
+ | } | ||
+ | .bildliste_img { | ||
+ | display: grid; | ||
+ | align-items: center; | ||
+ | justify-items: center; | ||
+ | width: 190px; | ||
+ | padding: 15px; | ||
+ | background: #dfddd0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .bildliste_text { | ||
+ | padding: 15px 1.5em; | ||
+ | border: 1px solid #dfddd0; | ||
+ | font-size: .85em; | ||
+ | display: grid; | ||
+ | align-items: center; | ||
+ | } | ||
+ | .bildliste_cont .smw-plainlist-furtherresults { | ||
+ | display: block; | ||
+ | text-align: right; | ||
+ | padding-top: 1em; | ||
+ | } | ||
+ | |||
+ | .spalten { | ||
+ | column-count: 3; | ||
+ | -webkit-column-count: 3; | ||
+ | -moz-column-count: 3; | ||
+ | -ms-column-count: 3; | ||
+ | -o-column-count: 3; | ||
+ | } | ||
+ | .ns-6 .MediaTransformError { | ||
+ | /*height: 3em !important;*/ | ||
+ | max-height: 13em; | ||
+ | overflow: hidden; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .ns-6 .multipageimage:hover div.MediaTransformError { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | /* MW Mediaviewer */ | ||
+ | |||
+ | .mw-mmv-download-button, | ||
+ | .mw-mmv-options-button, | ||
+ | .mw-mmv-reuse-button { | ||
+ | display: none; | ||
+ | } | ||
+ | .mw-mmv-overlay { | ||
+ | background-color: rgba(0, 0, 0, 0.7); | ||
+ | } | ||
+ | .mw-mmv-post-image { | ||
+ | color: #ffe; | ||
+ | background-color: #444; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | } | ||
+ | .mw-mmv-next-image, .mw-mmv-prev-image { | ||
+ | width: 10%; | ||
+ | height: 20%; | ||
+ | } | ||
+ | .mw-mmv-above-fold sup { | ||
+ | display: none; | ||
+ | } | ||
+ | /*****************************/ | ||
+ | html, body { | ||
+ | font-size: calc(12px + .4vw); | ||
+ | } | ||
+ | body { | ||
+ | font-family: Calibri,'PT Sans', Arial, Helvetica, sans-serif; | ||
+ | max-width: 70rem; | ||
+ | margin:auto; | ||
+ | position: relative; | ||
+ | background-color: rgb(154, 183, 148); | ||
+ | background-color: rgb(194, 216, 189); | ||
+ | background-color: rgb(222, 218, 206); | ||
+ | background-image: url(images/9/9d/Kaschemi7g.jpg); | ||
+ | padding: 0; | ||
+ | } | ||
+ | body.action-edit { | ||
+ | max-width: none; | ||
+ | } | ||
+ | /******** Navigation ******/ | ||
+ | #mw-navigation, | ||
+ | #footer { | ||
+ | font-family: arial, sans-serif; | ||
+ | } | ||
+ | #mw-page-base { | ||
+ | height: 3rem; | ||
+ | background-image: linear-gradient(#fff 20%,rgba(246,246,246,0) 100%); | ||
+ | background-image: none; | ||
+ | background-color: rgba(255, 255, 255, 0.7); | ||
+ | } | ||
+ | #mw-head { | ||
+ | font-size: .9em; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | background: #eee; | ||
+ | height: 3rem; | ||
+ | width: auto; | ||
+ | } | ||
+ | #right-navigation, | ||
+ | #left-navigation { | ||
+ | margin-top: .5rem; | ||
+ | } | ||
+ | #left-navigation { | ||
+ | float: right; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 3em; | ||
+ | } | ||
+ | |||
+ | #right-navigation { | ||
+ | margin-right: 3em; | ||
+ | } | ||
+ | .vectorTabs { | ||
+ | padding-left: 0; | ||
+ | background: 0; | ||
+ | } | ||
+ | div.vectorTabs, | ||
+ | div.vectorTabs span, | ||
+ | div.vectorTabs ul, | ||
+ | div.vectorTabs ul li, | ||
+ | div.vectorTabs li.selected, | ||
+ | div#mw-head div.vectorMenu h3 { | ||
+ | background: transparent; | ||
+ | background-image: none; | ||
+ | } | ||
+ | div.vectorTabs span:hover { | ||
+ | background: #fff; | ||
+ | } | ||
+ | #mw-panel { | ||
+ | font-size: inherit; | ||
+ | width: 12rem; | ||
+ | left: 2rem; | ||
+ | top: 3rem; | ||
+ | background: rgba(245, 245, 241, 0.68); | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #p-search { | ||
+ | position: absolute; | ||
+ | right: 100%; | ||
+ | } | ||
+ | #simpleSearch { | ||
+ | width: max(12.6em, 20vw); | ||
+ | } | ||
+ | #simpleSearch #searchInput { | ||
+ | font-size: .8em | ||
+ | } | ||
+ | .action-view #p-Hilfe, | ||
+ | .action-view #p-Diese_Seite, | ||
+ | .action-view #p-tb { | ||
+ | display: none; | ||
+ | } | ||
+ | /******* User Funktionen *********/ | ||
+ | #p-logo { | ||
+ | height: auto; | ||
+ | position: relative; | ||
+ | } | ||
+ | #p-logo a { | ||
+ | width: 10rem; | ||
+ | } | ||
+ | #p-logo::after { | ||
+ | content:'Kamigraphie — ein Wiki von Studierenden für Studierende'; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | width: 8rem; | ||
+ | font-size: .75em; | ||
+ | padding: 1rem; | ||
+ | font-style: italic; | ||
+ | color: #666; | ||
+ | margin: 0 auto; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | /* Hauptseite */ | ||
+ | .k_wrapper { | ||
+ | background-image: url(images/5/5c/Logo2.jpg); | ||
+ | } | ||
+ | #p-personal ul { | ||
+ | padding: 0; | ||
+ | margin: 1em 0.2em 0; | ||
+ | } | ||
+ | #p-personal li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | min-width: 1.5em; | ||
+ | } | ||
+ | #p-personal li:first-child, | ||
+ | #pt-login { | ||
+ | background-position: right top; | ||
+ | padding: 1.5em 0 0 !important; | ||
+ | } | ||
+ | #p-personal a { | ||
+ | display: none; | ||
+ | margin-right: -1.5em; | ||
+ | padding: .4em 1em .1em 2em; | ||
+ | background-color: #f4f4f0; | ||
+ | } | ||
+ | #p-personal li:first-child a { | ||
+ | padding: 1em 1em .1em; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | #p-personal #pt-login a { | ||
+ | padding: 1em ; | ||
+ | border-radius: 4px ; | ||
+ | } | ||
+ | #p-personal li:last-child a { | ||
+ | padding-bottom: 1em; | ||
+ | border-radius: 0 0 4px 4px; | ||
+ | } | ||
+ | #p-personal:hover a { | ||
+ | display: block; | ||
+ | } | ||
+ | #p-cactions-label span { | ||
+ | color: transparent; | ||
+ | margin-left: -1em; | ||
+ | } | ||
+ | #p-cactions-label span::before { | ||
+ | content: '\f0ad'; | ||
+ | color: #777; | ||
+ | position: absolute; | ||
+ | } | ||
+ | /* hide */ | ||
+ | |||
+ | #p-namespaces, | ||
+ | #pt-anonuserpage, | ||
+ | #pt-anontalk, | ||
+ | #pt-mytalk, | ||
+ | #pt-createaccount, | ||
+ | #t-recentchangeslinked, | ||
+ | .action-view #ca-nstab-main { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /***** Nav-Symbole *********/ | ||
+ | |||
+ | #mw-navigation *::before, | ||
+ | .mw-editsection *::before { | ||
+ | font-family: FontAwesome; | ||
+ | text-rendering: auto; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | font-size: 16px; | ||
+ | letter-spacing: normal; | ||
+ | color: #777; | ||
+ | display: inline-block; | ||
+ | padding: 0 .2em; | ||
+ | width: 30px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #ca-view.selected a, | ||
+ | #ca-watch, | ||
+ | #ca-unwatch { | ||
+ | display: none !important; | ||
+ | } | ||
+ | #ca-talk.new a:before { | ||
+ | color:#ddd; | ||
+ | } | ||
+ | |||
+ | .action-view #ca-edit a, | ||
+ | .action-view #ca-view a, | ||
+ | .action-view #ca-history a, | ||
+ | .action-view #ca-talk a, | ||
+ | .action-view #ca-viewsource a, | ||
+ | .action-view #ca-delete a, | ||
+ | .action-view #ca-move a , | ||
+ | .action-view #ca-watch a , | ||
+ | .action-view #ca-move a , | ||
+ | .action-view #ca-unwatch a , | ||
+ | .action-view #ca-protect a { | ||
+ | font-size: 14px; | ||
+ | color: transparent; | ||
+ | width: 36px; | ||
+ | overflow: hidden; | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | .action-view #ca-view a::before { | ||
+ | content:' \f06e '; /* fa-eye */ | ||
+ | } | ||
+ | .action-view #ca-edit a::before, | ||
+ | .mw-editsection a::before { | ||
+ | content:' \f040 '; /* fa-pencil */ | ||
+ | } | ||
+ | .action-view #ca-history a::before { | ||
+ | content:' \f017 '; /* fa-clock-o */ | ||
+ | } | ||
+ | .action-view #ca-talk a::before { | ||
+ | content:' \f086 '; /* fa-comments */ | ||
+ | } | ||
+ | .action-view #ca-viewsource a::before { | ||
+ | content:' \f121 '; /* fa-code */ | ||
+ | } | ||
+ | .action-view #ca-delete a::before { | ||
+ | content:' \f014 '; /* fa-trash-o */ | ||
+ | } | ||
+ | .action-view #ca-move a::before { | ||
+ | content:' \f0b2 '; /* fa-move-alt */ | ||
+ | } | ||
+ | .action-view #ca-protect a::before { | ||
+ | content:' \f023 '; /* fa-lock */ | ||
+ | } | ||
+ | .action-view #ca-watch a::before { | ||
+ | content:' \f580 '; /* fa-grin */ | ||
+ | } | ||
+ | |||
+ | /******** Content ******/ | ||
+ | #content { | ||
+ | margin: 0; | ||
+ | padding: 0 0 .5rem 14rem; | ||
+ | background: rgba(255, 255, 255, 0.7); | ||
+ | border:0; | ||
+ | } | ||
+ | .ns-0 #content::after { | ||
+ | content: 'Kamigraphie ist ein von Studierenden erstelltes Wiki-Web. Der Herausgeber übernimmt keine Garantie für die Richtigkeit der einzelnen Artikel.'; | ||
+ | display: block; | ||
+ | font-size: .9em; | ||
+ | padding: .5rem 1.5rem; | ||
+ | font-style: italic; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #footer { | ||
+ | background-image: none; | ||
+ | margin: 0; | ||
+ | background: linear-gradient( rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.05)); | ||
+ | padding-left: 14rem; | ||
+ | } | ||
+ | #footer ul li { | ||
+ | padding: 0; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | font-size:1.1em; | ||
+ | background: #fff; | ||
+ | padding: 0 6rem 4rem; | ||
+ | padding-right: max(20%,6rem); | ||
+ | border:0; | ||
+ | border-top: 0.1px solid #fff; | ||
+ | background: #fff; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | /* BLOCK TAGS, max WIDTH */ | ||
+ | |||
+ | #bodyContent p, | ||
+ | #bodyContent ul, | ||
+ | #bodyContent ol, | ||
+ | #bodyContent dl, | ||
+ | #bodyContent h4, | ||
+ | #bodyContent h5, | ||
+ | #bodyContent h6 { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | #bodyContent p { | ||
+ | margin: 0 auto .7em; | ||
+ | hyphens: auto; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #bodyContent ul + p { | ||
+ | margin: .8em auto .7em; | ||
+ | } | ||
+ | |||
+ | #bodyContent ul { | ||
+ | list-style-image:none; | ||
+ | } | ||
+ | #bodyContent li, | ||
+ | #bodyContent dd { | ||
+ | margin-left: 2rem; | ||
+ | margin-right: 2rem; | ||
+ | } | ||
+ | #bodyContent li li, | ||
+ | #bodyContent dd li, | ||
+ | #bodyContent li dd, | ||
+ | #bodyContent dd dd { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | #bodyContent dl { | ||
+ | margin: .2em auto .5em; | ||
+ | } | ||
+ | #bodyContent .zitat::before { | ||
+ | content: '„'; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | font-size: 5rem; | ||
+ | font-family: georgia,times,serif; | ||
+ | color: #cfcdcd; | ||
+ | line-height: 1rem; | ||
+ | margin-left: -5rem; | ||
+ | margin-top: -1rem; | ||
+ | } | ||
+ | #bodyContent .pseudozitat, | ||
+ | #bodyContent .zitat { | ||
+ | padding: 0 2rem 0 4rem; | ||
+ | margin: 1em 0; | ||
+ | } | ||
+ | .zitat { | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | /* ÜBERSCHRIFTEN */ | ||
+ | |||
+ | h2, h3, h4, h5 { | ||
+ | line-height:1.3em; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | #content #firstHeading { | ||
+ | font-size: 2em; | ||
+ | background: #fff; | ||
+ | border: 0; | ||
+ | border-radius: .5rem 0 0 0; | ||
+ | padding: 3.5rem 6rem 3rem; | ||
+ | margin: 0; | ||
+ | font-family: trebuchet ms; | ||
+ | font-weight: bold; | ||
+ | color: rgb(186, 64, 32); | ||
+ | } | ||
+ | #content h2, | ||
+ | #content h3 { | ||
+ | font-family: trebuchet MS; | ||
+ | font-weight: bold; | ||
+ | color: #6f100b; | ||
+ | } | ||
+ | #content h2 { | ||
+ | font-size: 1.4em; | ||
+ | margin: 1.7em 0 .7em -2rem; | ||
+ | padding: 0; | ||
+ | clear: left; | ||
+ | border: 0; | ||
+ | } | ||
+ | #content .toc h2 { | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | #content h3 { | ||
+ | font-size: 1.2em; | ||
+ | margin: .8em -.5rem .6em; | ||
+ | padding: 0 .5rem; | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | h3 .mw-headline { | ||
+ | } | ||
+ | #content h4 { | ||
+ | font-size: 1.16em; | ||
+ | margin: 0.7em auto 0.5em; | ||
+ | } | ||
+ | #content h5 { | ||
+ | font-size: 1em; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #content h6 { | ||
+ | font-size: .8em; | ||
+ | margin: -.5em auto -.8em; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | pre { | ||
+ | /* font-size: 1.1em; */ | ||
+ | max-width: 50em; | ||
+ | margin: 0 auto .5em; | ||
+ | } | ||
+ | .ns-8 pre { | ||
+ | /* font-size: 1.1em; */ | ||
+ | max-width: none; | ||
+ | } | ||
+ | |||
+ | #mw-panel.collapsible-nav .portal { | ||
+ | border-bottom: 1px solid #bbd; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | /* HIDE */ | ||
+ | |||
+ | #siteNotice, | ||
+ | #jump-to-nav, | ||
+ | #siteSub, | ||
+ | #contentSub, #contentSub2 { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* LISTEN */ | ||
+ | |||
+ | .mw-content-ltr dl, | ||
+ | .mw-content-ltr ol, | ||
+ | .mw-content-ltr ul { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: .5em; | ||
+ | } | ||
+ | .mw-content-ltr ol ol, | ||
+ | .mw-content-ltr ol ul, | ||
+ | .mw-content-ltr ul ol, | ||
+ | .mw-content-ltr ul ul { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | /* KLASSEN */ | ||
+ | |||
+ | .gallery_new { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | justify-content: center; | ||
+ | align-content: space-around; | ||
+ | align-items: flex-start; | ||
+ | } | ||
+ | |||
+ | /*.links:after { content:" ₪"; }*/ | ||
+ | |||
+ | .zweifel {background-color:#ff0;} | ||
+ | |||
+ | .komm {color:#888;} | ||
+ | |||
+ | .bild {margin: .6em auto auto; text-align: center; width: 420px; } | ||
+ | |||
+ | p.titel { | ||
+ | font-size: 1em; | ||
+ | line-height: 1.5em; | ||
+ | padding: 1em 0 0; | ||
+ | margin: 0; | ||
+ | border-top: 1px solid #aaa; | ||
+ | } | ||
+ | p.titel big { | ||
+ | font-size: 1.7em; | ||
+ | } | ||
+ | .quellen {color:#555; font-size:.9em; text-align: right; margin:.5em 1.5em 1.5em;} | ||
+ | |||
+ | .ryoiki a, | ||
+ | .hachiman a, | ||
+ | .fudoki a { | ||
+ | padding: 0 !important; background: none !important;} | ||
+ | .ryoiki a:after, | ||
+ | .hachiman a:after, | ||
+ | .fudoki a:after { | ||
+ | content:" H"; | ||
+ | line-height:1em; | ||
+ | font-size: .8em; | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | .ryoiki a:after { content:" R"; } | ||
+ | .fudoki a:after { content:" F"; } | ||
+ | |||
+ | #toc { | ||
+ | float:right; | ||
+ | clear:right; | ||
+ | padding: 0; | ||
+ | width: min(25em,max(15em,50%)); | ||
+ | float: right; | ||
+ | margin: 0 0 1.5em 1.5em; | ||
+ | font-size: .85em; | ||
+ | } | ||
+ | #toc * { | ||
+ | overflow: hidden; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .toctext { | ||
+ | display: block; | ||
+ | width: 18em; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | #toc .toclevel-1 { | ||
+ | margin-left:1em; | ||
+ | margin-right:1em; | ||
+ | } | ||
+ | .toc .toctitle { | ||
+ | padding: .5em; | ||
+ | } | ||
+ | span.tocnumber { | ||
+ | display: none; | ||
+ | } | ||
+ | /*********** Tabellen ***************/ | ||
+ | .question { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | display: block; | ||
+ | width: 12em; | ||
+ | font-size: .8em; | ||
+ | color: green; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | /************************ | ||
+ | |||
+ | INFOBOX | ||
+ | |||
+ | *************************/ | ||
+ | .info { | ||
+ | border-radius: .6rem; | ||
+ | box-shadow: 0 0 .2rem 0 #d2cdbf; | ||
+ | overflow: hidden; | ||
+ | width: min(25em,max(15em,50%)); | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin: 0 -5rem 1.5em 1.5em; | ||
+ | font-size: .85em; | ||
+ | background: #f8f8f5; | ||
+ | } | ||
+ | .info table { | ||
+ | width: 100%; | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | .info td { | ||
+ | padding: 0; | ||
+ | } | ||
+ | .info .info_text { | ||
+ | background: #ddd; | ||
+ | } | ||
+ | .info_text td { | ||
+ | background: #fff; | ||
+ | } | ||
+ | .info_text th { | ||
+ | font-style: italic; | ||
+ | font-weight: normal; | ||
+ | width: 15%; | ||
+ | white-space: nowrap; | ||
+ | text-align: right; | ||
+ | background: #eae9e0; | ||
+ | } | ||
+ | .info_text td, | ||
+ | .info_text th { | ||
+ | border: 1px solid rgb(187 187 187 / 50%); | ||
+ | padding: 0px .5em; | ||
+ | } | ||
+ | .info .info_header { | ||
+ | text-align: center; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | line-height: 2.5em; | ||
+ | background:#e2dfce; | ||
+ | background: #5e9cba; | ||
+ | background: #611b06; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .info_img { | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | } | ||
+ | .info_img img { | ||
+ | width: fit-content; | ||
+ | max-width: 100%; | ||
+ | height: inherit; | ||
+ | } | ||
+ | .info_img_text { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | width: 100%; | ||
+ | padding: .25em 0; | ||
+ | background: rgb(0 0 0 / 50%); | ||
+ | visibility: hidden; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .info_img:hover .info_img_text { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | .info .reference a { | ||
+ | color: #fed11c; | ||
+ | } | ||
+ | .info sup.reference:target { | ||
+ | background: #000; | ||
+ | } | ||
+ | .info_kontext { | ||
+ | padding: .5em 1em; | ||
+ | border-bottom: 1px solid rgb(187 187 187 / 50%); | ||
+ | } | ||
+ | .info #toc { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | font-size: 1em; | ||
+ | border-width: 0; | ||
+ | } | ||
+ | /* Farben */ | ||
+ | |||
+ | .person, | ||
+ | .person th { | ||
+ | background: #E6F0E4; | ||
+ | } | ||
+ | .person .info_grid { | ||
+ | background: #E6F0E4; | ||
+ | } | ||
+ | .person th.info_header { | ||
+ | background:#CEE7C4; | ||
+ | } | ||
+ | .gottheit, | ||
+ | .gottheit th { | ||
+ | background: #E4E2F0; | ||
+ | } | ||
+ | .gottheit .info_grid { | ||
+ | background: #E4E2F0; | ||
+ | } | ||
+ | .gottheit th.info_header { | ||
+ | background:#A6A4CF; | ||
+ | } | ||
+ | .geister , | ||
+ | .geister th { | ||
+ | background: #f0e2ed; | ||
+ | } | ||
+ | .geister .info_grid { | ||
+ | background: #F0E2ED; | ||
+ | } | ||
+ | .geister th.info_header { | ||
+ | background:#CCA7C7; | ||
+ | } | ||
+ | .quelle , | ||
+ | .quelle th { | ||
+ | background: #FAF4B0; | ||
+ | } | ||
+ | .quelle .info_grid { | ||
+ | background: #FFFDD7; | ||
+ | } | ||
+ | .quelle th.info_header { | ||
+ | background: #FAE67F; | ||
+ | } | ||
+ | .ritus , | ||
+ | .ritus th { | ||
+ | background: #E4FFF6; | ||
+ | } | ||
+ | .ritus .info_grid { | ||
+ | background: #F5FFFf; | ||
+ | } | ||
+ | .ritus th.info_header { | ||
+ | background: #C4F0E2; | ||
+ | } | ||
+ | .info_map { | ||
+ | margin: 6px 0 0 ; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | .bau, | ||
+ | .bau th { | ||
+ | background: #F6E7A8; | ||
+ | } | ||
+ | .bau .info_map { | ||
+ | } | ||
+ | .bau { | ||
+ | background: #FDFCDA; | ||
+ | } | ||
+ | .bau .info_grid { | ||
+ | background: #FDFCDA; | ||
+ | } | ||
+ | .bau th.info_header { | ||
+ | background: #ECCA72; | ||
+ | } | ||
+ | |||
+ | /*************************/ | ||
+ | .prettytable, | ||
+ | .wikitable { | ||
+ | margin: 1em auto 1em !important; | ||
+ | background: #f9f9f9; | ||
+ | border: 1px #aaa solid; | ||
+ | border-collapse: collapse; | ||
+ | clear: both; | ||
+ | } | ||
+ | .prettytable th, | ||
+ | .prettytable td, | ||
+ | .wikitable th, | ||
+ | .wikitable td { | ||
+ | border: 1px #aaa solid; | ||
+ | padding: .2em .4em !important; | ||
+ | } | ||
+ | .prettytable th, | ||
+ | .wikitable th { | ||
+ | text-align: center; | ||
+ | background: #eee; | ||
+ | } | ||
+ | .prettytable caption, | ||
+ | .wikitable caption { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* Zebra-Tabellen (von Wikipedia)*/ | ||
+ | table.wikitable.zebra tr:nth-child(even) { | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | .literatur { | ||
+ | font-size: .85em; | ||
+ | } | ||
+ | .literatur li { | ||
+ | list-style: none; | ||
+ | text-indent: -3em; | ||
+ | } | ||
+ | |||
+ | .navbar_inline { | ||
+ | margin: -1.8em 0 1.8em; | ||
+ | border-bottom: 1px solid #aaa; | ||
+ | padding: 0 .5em; | ||
+ | text-align:right; | ||
+ | } | ||
+ | /********** Anmerkungen*************/ | ||
+ | |||
+ | sup.reference {font-size: .8em; line-height: 1em; vertical-align:text-top; } | ||
+ | |||
+ | #content a.external[href*="amigraphie"], | ||
+ | #mw_content a.external[href*="amigraphie"] { | ||
+ | background: none; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
/*********** WIKI GADGETS *****************/ | /*********** WIKI GADGETS *****************/ | ||
− | .editsection { | + | |
− | + | .mw-editsection, | |
− | margin-left: | + | .toctoggle { |
− | color: # | + | color:#888; |
− | + | font-size:9px !important; | |
− | width: | + | margin-left: 1em; |
− | margin-left: - | + | } |
− | text-align: left; | + | .mw-editsection-bracket { |
+ | display: none; | ||
+ | } | ||
+ | .mw-editsection, | ||
+ | .mw-editsection a { | ||
+ | color:transparent; | ||
+ | } | ||
+ | .mw-editsection a:hover, | ||
+ | .toctoggle a:hover { | ||
+ | color:#888; | ||
+ | } | ||
+ | .mw-editsection { | ||
+ | float: right; | ||
+ | float: none; | ||
+ | position: absolute; | ||
+ | color: #AAA; | ||
+ | width: 7em; | ||
+ | margin-left: -7em; | ||
+ | padding-top: 1.5em; | ||
+ | text-align: left; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | *:hover > .mw-editsection { | ||
+ | visibility: visible; | ||
} | } | ||
Zeile 19: | Zeile 881: | ||
text-decoration:none; } | text-decoration:none; } | ||
a.toparrow:hover {color:#555;} | a.toparrow:hover {color:#555;} | ||
+ | |||
+ | |||
+ | |||
+ | #srBox | ||
+ | { | ||
+ | background:#EEE; | ||
+ | border:solid 1px silver; | ||
+ | padding:0.2em; | ||
+ | margin:0.2em 0; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #srBox td small | ||
+ | { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #srBox input[type="text"] | ||
+ | { | ||
+ | background:#FFF; | ||
+ | border:solid 1px silver; | ||
+ | width:100%; | ||
+ | margin:0 1em 0 0; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #srBox a | ||
+ | { | ||
+ | background:#ccf; | ||
+ | border:solid 1px silver; | ||
+ | padding:1px 0.3em; | ||
+ | font-size:90%; | ||
+ | color:#333; | ||
+ | } | ||
+ | |||
+ | #srBox a:hover | ||
+ | { | ||
+ | background:#99f; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #srBox a:focus | ||
+ | { | ||
+ | background:#fff; | ||
+ | color:#33C; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul.gallery, | ||
+ | #file, | ||
+ | .fullMedia { | ||
+ | text-align: center; | ||
+ | } | ||
+ | div.tright, | ||
+ | div.tleft { | ||
+ | margin-top: .2em; | ||
+ | } | ||
+ | |||
+ | /* Verweise */ | ||
+ | .update { | ||
+ | font-size: x-small; | ||
+ | text-align: right; | ||
+ | } | ||
+ | /* REFERENCES */ | ||
+ | /* make the Cite extension list of references look smaller and highlight clicked reference in blue */ | ||
+ | ol.references { font-size: 92%; } | ||
+ | ol.references > li:target { background-color: #ddeeff; } | ||
+ | sup.reference:target { background-color: #ddeeff; } | ||
+ | |||
+ | li[id^="cite_note"] { | ||
+ | clear: both; | ||
+ | } | ||
+ | .reference-text .floatright { | ||
+ | width: 80px; | ||
+ | line-height: 80px; | ||
+ | text-align: center; | ||
+ | background: #e8e7de; | ||
+ | border-radius: .5em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | /* Mobiles */ | ||
+ | |||
+ | @media only screen and (orientation: portrait), (max-width: 940px ) { | ||
+ | |||
+ | body { | ||
+ | /* text-size-adjust: 200%;*/ | ||
+ | max-width: inherit; | ||
+ | text-size-adjust: none; | ||
+ | font-size: min(max(2vh,16px),220%); | ||
+ | } | ||
+ | .info { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | margin: 0 auto 2em; | ||
+ | } | ||
+ | .info .toc > ul { | ||
+ | column-width: 12em; | ||
+ | } | ||
+ | |||
+ | .toctext { | ||
+ | width: auto; | ||
+ | } | ||
+ | #content { | ||
+ | padding: 135px 0 0 ; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | padding: 0 6rem 4rem; | ||
+ | } | ||
+ | #mw-panel { | ||
+ | width: auto; | ||
+ | padding: 10px; | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | align-items: stretch; | ||
+ | justify-content: center; | ||
+ | gap: 16px; | ||
+ | background: transparent; | ||
+ | top: 160px; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | padding:0; | ||
+ | height: 0; | ||
+ | } | ||
+ | #mw-panel:hover { | ||
+ | background: #f5f5f1; | ||
+ | height: auto; | ||
+ | } | ||
+ | #mw-panel #p-logo + .portal .body { | ||
+ | margin-top: 2em; | ||
+ | } | ||
+ | #p-logo { | ||
+ | position: absolute; | ||
+ | top: -150px; | ||
+ | left: 10px; | ||
+ | } | ||
+ | #p-logo::after { | ||
+ | position: absolute; | ||
+ | left: 150px; | ||
+ | top: 0; | ||
+ | width: 8em; | ||
+ | } | ||
+ | .portal { | ||
+ | width: 8em; | ||
+ | height: 0; | ||
+ | margin-top: 0; | ||
+ | transition: height 500ms; | ||
+ | opacity: 0; | ||
+ | transition: height 500ms, opacity 1s; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #mw-panel .portal { | ||
+ | background: #f5f5f1; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #mw-panel:hover .portal { | ||
+ | height: 16em; | ||
+ | margin-top: 1.5em; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | #mw-panel::before { | ||
+ | content: '\f0c9'; | ||
+ | line-height: 2em; | ||
+ | width: 2em; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | right: .1em; | ||
+ | top: -3rem; | ||
+ | font-size: 2rem; | ||
+ | background: #f5f5f1; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | #mw-panel:hover::before { | ||
+ | color: #ba4121; | ||
+ | background: #fff; | ||
+ | } | ||
+ | #mw-head { | ||
+ | background: transparent; | ||
+ | width: 0; | ||
+ | } | ||
+ | #p-search { | ||
+ | } | ||
+ | #left-navigation, | ||
+ | #p-personal, | ||
+ | #p-views, | ||
+ | #p-cactions { | ||
+ | display: none; | ||
+ | } | ||
+ | } |
Aktuelle Version vom 2. Juni 2023, 09:49 Uhr
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
/******* Aktuelles ***********/
.L_nav {
color: #999;
font-size: .85em;
}
.pfFormInput .formInput, .pfFormInput .forminput_button {
font-size: 1em;
line-height: 1.6em;
margin-right: 0.25em;
border: 0;
border-radius: 0.3em;
box-shadow: 0 0 0.2em #aaa;
padding: 0 0.4em;
}
.pfFormInput .forminput_button {
color: #fff;
box-shadow: 0 0 0;
background: #0073ab;
}
.sysoplinks {
font-size: small;
text-align: right;
}
.crop .tright {
margin-right: -5rem;
}
.crop .tleft {
margin-left: -2rem;
}
.bildliste_cont {
max-width: 55rem;
margin: auto;
}
.bildliste {
display: grid;
grid-template-columns: 220px 1fr;
margin: 5px auto;
}
.bildliste:last-child {
border-width: 1px 1px 1px 0;
margin-bottom: .5rem;
}
.bildliste_img {
display: grid;
align-items: center;
justify-items: center;
width: 190px;
padding: 15px;
background: #dfddd0;
text-align: center;
}
.bildliste_text {
padding: 15px 1.5em;
border: 1px solid #dfddd0;
font-size: .85em;
display: grid;
align-items: center;
}
.bildliste_cont .smw-plainlist-furtherresults {
display: block;
text-align: right;
padding-top: 1em;
}
.spalten {
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
}
.ns-6 .MediaTransformError {
/*height: 3em !important;*/
max-height: 13em;
overflow: hidden;
visibility: hidden;
}
.ns-6 .multipageimage:hover div.MediaTransformError {
visibility: visible;
}
/* MW Mediaviewer */
.mw-mmv-download-button,
.mw-mmv-options-button,
.mw-mmv-reuse-button {
display: none;
}
.mw-mmv-overlay {
background-color: rgba(0, 0, 0, 0.7);
}
.mw-mmv-post-image {
color: #ffe;
background-color: #444;
background-color: rgba(255, 255, 255, 0.1);
}
.mw-mmv-next-image, .mw-mmv-prev-image {
width: 10%;
height: 20%;
}
.mw-mmv-above-fold sup {
display: none;
}
/*****************************/
html, body {
font-size: calc(12px + .4vw);
}
body {
font-family: Calibri,'PT Sans', Arial, Helvetica, sans-serif;
max-width: 70rem;
margin:auto;
position: relative;
background-color: rgb(154, 183, 148);
background-color: rgb(194, 216, 189);
background-color: rgb(222, 218, 206);
background-image: url(images/9/9d/Kaschemi7g.jpg);
padding: 0;
}
body.action-edit {
max-width: none;
}
/******** Navigation ******/
#mw-navigation,
#footer {
font-family: arial, sans-serif;
}
#mw-page-base {
height: 3rem;
background-image: linear-gradient(#fff 20%,rgba(246,246,246,0) 100%);
background-image: none;
background-color: rgba(255, 255, 255, 0.7);
}
#mw-head {
font-size: .9em;
position: absolute;
top: 0;
right: 0;
background: #eee;
height: 3rem;
width: auto;
}
#right-navigation,
#left-navigation {
margin-top: .5rem;
}
#left-navigation {
float: right;
margin-left: 0px;
margin-right: 3em;
}
#right-navigation {
margin-right: 3em;
}
.vectorTabs {
padding-left: 0;
background: 0;
}
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs li.selected,
div#mw-head div.vectorMenu h3 {
background: transparent;
background-image: none;
}
div.vectorTabs span:hover {
background: #fff;
}
#mw-panel {
font-size: inherit;
width: 12rem;
left: 2rem;
top: 3rem;
background: rgba(245, 245, 241, 0.68);
margin: 0;
padding: 0;
}
#p-search {
position: absolute;
right: 100%;
}
#simpleSearch {
width: max(12.6em, 20vw);
}
#simpleSearch #searchInput {
font-size: .8em
}
.action-view #p-Hilfe,
.action-view #p-Diese_Seite,
.action-view #p-tb {
display: none;
}
/******* User Funktionen *********/
#p-logo {
height: auto;
position: relative;
}
#p-logo a {
width: 10rem;
}
#p-logo::after {
content:'Kamigraphie — ein Wiki von Studierenden für Studierende';
text-align: center;
display: block;
width: 8rem;
font-size: .75em;
padding: 1rem;
font-style: italic;
color: #666;
margin: 0 auto;
pointer-events: none;
}
/* Hauptseite */
.k_wrapper {
background-image: url(images/5/5c/Logo2.jpg);
}
#p-personal ul {
padding: 0;
margin: 1em 0.2em 0;
}
#p-personal li {
float: none;
margin: 0;
padding: 0;
min-width: 1.5em;
}
#p-personal li:first-child,
#pt-login {
background-position: right top;
padding: 1.5em 0 0 !important;
}
#p-personal a {
display: none;
margin-right: -1.5em;
padding: .4em 1em .1em 2em;
background-color: #f4f4f0;
}
#p-personal li:first-child a {
padding: 1em 1em .1em;
border-radius: 4px 4px 0 0;
}
#p-personal #pt-login a {
padding: 1em ;
border-radius: 4px ;
}
#p-personal li:last-child a {
padding-bottom: 1em;
border-radius: 0 0 4px 4px;
}
#p-personal:hover a {
display: block;
}
#p-cactions-label span {
color: transparent;
margin-left: -1em;
}
#p-cactions-label span::before {
content: '\f0ad';
color: #777;
position: absolute;
}
/* hide */
#p-namespaces,
#pt-anonuserpage,
#pt-anontalk,
#pt-mytalk,
#pt-createaccount,
#t-recentchangeslinked,
.action-view #ca-nstab-main {
display:none;
}
/***** Nav-Symbole *********/
#mw-navigation *::before,
.mw-editsection *::before {
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
letter-spacing: normal;
color: #777;
display: inline-block;
padding: 0 .2em;
width: 30px;
text-align: center;
}
#ca-view.selected a,
#ca-watch,
#ca-unwatch {
display: none !important;
}
#ca-talk.new a:before {
color:#ddd;
}
.action-view #ca-edit a,
.action-view #ca-view a,
.action-view #ca-history a,
.action-view #ca-talk a,
.action-view #ca-viewsource a,
.action-view #ca-delete a,
.action-view #ca-move a ,
.action-view #ca-watch a ,
.action-view #ca-move a ,
.action-view #ca-unwatch a ,
.action-view #ca-protect a {
font-size: 14px;
color: transparent;
width: 36px;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.action-view #ca-view a::before {
content:' \f06e '; /* fa-eye */
}
.action-view #ca-edit a::before,
.mw-editsection a::before {
content:' \f040 '; /* fa-pencil */
}
.action-view #ca-history a::before {
content:' \f017 '; /* fa-clock-o */
}
.action-view #ca-talk a::before {
content:' \f086 '; /* fa-comments */
}
.action-view #ca-viewsource a::before {
content:' \f121 '; /* fa-code */
}
.action-view #ca-delete a::before {
content:' \f014 '; /* fa-trash-o */
}
.action-view #ca-move a::before {
content:' \f0b2 '; /* fa-move-alt */
}
.action-view #ca-protect a::before {
content:' \f023 '; /* fa-lock */
}
.action-view #ca-watch a::before {
content:' \f580 '; /* fa-grin */
}
/******** Content ******/
#content {
margin: 0;
padding: 0 0 .5rem 14rem;
background: rgba(255, 255, 255, 0.7);
border:0;
}
.ns-0 #content::after {
content: 'Kamigraphie ist ein von Studierenden erstelltes Wiki-Web. Der Herausgeber übernimmt keine Garantie für die Richtigkeit der einzelnen Artikel.';
display: block;
font-size: .9em;
padding: .5rem 1.5rem;
font-style: italic;
text-align: right;
}
#footer {
background-image: none;
margin: 0;
background: linear-gradient( rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.05));
padding-left: 14rem;
}
#footer ul li {
padding: 0;
}
#bodyContent {
font-size:1.1em;
background: #fff;
padding: 0 6rem 4rem;
padding-right: max(20%,6rem);
border:0;
border-top: 0.1px solid #fff;
background: #fff;
width: auto;
}
/* BLOCK TAGS, max WIDTH */
#bodyContent p,
#bodyContent ul,
#bodyContent ol,
#bodyContent dl,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6 {
margin-left: auto;
margin-right: auto;
}
#bodyContent p {
margin: 0 auto .7em;
hyphens: auto;
text-align: justify;
}
#bodyContent ul + p {
margin: .8em auto .7em;
}
#bodyContent ul {
list-style-image:none;
}
#bodyContent li,
#bodyContent dd {
margin-left: 2rem;
margin-right: 2rem;
}
#bodyContent li li,
#bodyContent dd li,
#bodyContent li dd,
#bodyContent dd dd {
margin-right: 0;
}
#bodyContent dl {
margin: .2em auto .5em;
}
#bodyContent .zitat::before {
content: '„';
display: block;
position: absolute;
font-size: 5rem;
font-family: georgia,times,serif;
color: #cfcdcd;
line-height: 1rem;
margin-left: -5rem;
margin-top: -1rem;
}
#bodyContent .pseudozitat,
#bodyContent .zitat {
padding: 0 2rem 0 4rem;
margin: 1em 0;
}
.zitat {
color: #666;
}
/* ÜBERSCHRIFTEN */
h2, h3, h4, h5 {
line-height:1.3em;
overflow: visible;
}
#content #firstHeading {
font-size: 2em;
background: #fff;
border: 0;
border-radius: .5rem 0 0 0;
padding: 3.5rem 6rem 3rem;
margin: 0;
font-family: trebuchet ms;
font-weight: bold;
color: rgb(186, 64, 32);
}
#content h2,
#content h3 {
font-family: trebuchet MS;
font-weight: bold;
color: #6f100b;
}
#content h2 {
font-size: 1.4em;
margin: 1.7em 0 .7em -2rem;
padding: 0;
clear: left;
border: 0;
}
#content .toc h2 {
font-size: 1em;
}
#content h3 {
font-size: 1.2em;
margin: .8em -.5rem .6em;
padding: 0 .5rem;
border-bottom: 1px solid #ddd;
}
h3 .mw-headline {
}
#content h4 {
font-size: 1.16em;
margin: 0.7em auto 0.5em;
}
#content h5 {
font-size: 1em;
margin: 0 auto;
}
#content h6 {
font-size: .8em;
margin: -.5em auto -.8em;
font-weight: normal;
}
pre {
/* font-size: 1.1em; */
max-width: 50em;
margin: 0 auto .5em;
}
.ns-8 pre {
/* font-size: 1.1em; */
max-width: none;
}
#mw-panel.collapsible-nav .portal {
border-bottom: 1px solid #bbd;
background: transparent;
}
/* HIDE */
#siteNotice,
#jump-to-nav,
#siteSub,
#contentSub, #contentSub2 {
display: none;
}
/* LISTEN */
.mw-content-ltr dl,
.mw-content-ltr ol,
.mw-content-ltr ul {
margin-top: 0;
margin-bottom: .5em;
}
.mw-content-ltr ol ol,
.mw-content-ltr ol ul,
.mw-content-ltr ul ol,
.mw-content-ltr ul ul {
margin-top: 0;
margin-bottom: 0;
}
/* KLASSEN */
.gallery_new {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: space-around;
align-items: flex-start;
}
/*.links:after { content:" ₪"; }*/
.zweifel {background-color:#ff0;}
.komm {color:#888;}
.bild {margin: .6em auto auto; text-align: center; width: 420px; }
p.titel {
font-size: 1em;
line-height: 1.5em;
padding: 1em 0 0;
margin: 0;
border-top: 1px solid #aaa;
}
p.titel big {
font-size: 1.7em;
}
.quellen {color:#555; font-size:.9em; text-align: right; margin:.5em 1.5em 1.5em;}
.ryoiki a,
.hachiman a,
.fudoki a {
padding: 0 !important; background: none !important;}
.ryoiki a:after,
.hachiman a:after,
.fudoki a:after {
content:" H";
line-height:1em;
font-size: .8em;
vertical-align:top;
}
.ryoiki a:after { content:" R"; }
.fudoki a:after { content:" F"; }
#toc {
float:right;
clear:right;
padding: 0;
width: min(25em,max(15em,50%));
float: right;
margin: 0 0 1.5em 1.5em;
font-size: .85em;
}
#toc * {
overflow: hidden;
white-space: nowrap;
}
.toctext {
display: block;
width: 18em;
text-overflow: ellipsis;
}
#toc .toclevel-1 {
margin-left:1em;
margin-right:1em;
}
.toc .toctitle {
padding: .5em;
}
span.tocnumber {
display: none;
}
/*********** Tabellen ***************/
.question {
position: absolute;
right: 0;
display: block;
width: 12em;
font-size: .8em;
color: green;
line-height: 1.3em;
}
/************************
INFOBOX
*************************/
.info {
border-radius: .6rem;
box-shadow: 0 0 .2rem 0 #d2cdbf;
overflow: hidden;
width: min(25em,max(15em,50%));
float: right;
clear: right;
margin: 0 -5rem 1.5em 1.5em;
font-size: .85em;
background: #f8f8f5;
}
.info table {
width: 100%;
border: 0;
padding: 0;
margin: 0;
border-collapse: collapse;
}
.info td {
padding: 0;
}
.info .info_text {
background: #ddd;
}
.info_text td {
background: #fff;
}
.info_text th {
font-style: italic;
font-weight: normal;
width: 15%;
white-space: nowrap;
text-align: right;
background: #eae9e0;
}
.info_text td,
.info_text th {
border: 1px solid rgb(187 187 187 / 50%);
padding: 0px .5em;
}
.info .info_header {
text-align: center;
font-style: normal;
font-weight: bold;
line-height: 2.5em;
background:#e2dfce;
background: #5e9cba;
background: #611b06;
color: #fff;
}
.info_img {
text-align: center;
position: relative;
}
.info_img img {
width: fit-content;
max-width: 100%;
height: inherit;
}
.info_img_text {
position: absolute;
bottom: 0;
width: 100%;
padding: .25em 0;
background: rgb(0 0 0 / 50%);
visibility: hidden;
color: #fff;
}
.info_img:hover .info_img_text {
visibility: visible;
}
.info .reference a {
color: #fed11c;
}
.info sup.reference:target {
background: #000;
}
.info_kontext {
padding: .5em 1em;
border-bottom: 1px solid rgb(187 187 187 / 50%);
}
.info #toc {
width: 100%;
float: none;
margin: 0;
font-size: 1em;
border-width: 0;
}
/* Farben */
.person,
.person th {
background: #E6F0E4;
}
.person .info_grid {
background: #E6F0E4;
}
.person th.info_header {
background:#CEE7C4;
}
.gottheit,
.gottheit th {
background: #E4E2F0;
}
.gottheit .info_grid {
background: #E4E2F0;
}
.gottheit th.info_header {
background:#A6A4CF;
}
.geister ,
.geister th {
background: #f0e2ed;
}
.geister .info_grid {
background: #F0E2ED;
}
.geister th.info_header {
background:#CCA7C7;
}
.quelle ,
.quelle th {
background: #FAF4B0;
}
.quelle .info_grid {
background: #FFFDD7;
}
.quelle th.info_header {
background: #FAE67F;
}
.ritus ,
.ritus th {
background: #E4FFF6;
}
.ritus .info_grid {
background: #F5FFFf;
}
.ritus th.info_header {
background: #C4F0E2;
}
.info_map {
margin: 6px 0 0 ;
border: 1px solid #ccc;
}
.bau,
.bau th {
background: #F6E7A8;
}
.bau .info_map {
}
.bau {
background: #FDFCDA;
}
.bau .info_grid {
background: #FDFCDA;
}
.bau th.info_header {
background: #ECCA72;
}
/*************************/
.prettytable,
.wikitable {
margin: 1em auto 1em !important;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
clear: both;
}
.prettytable th,
.prettytable td,
.wikitable th,
.wikitable td {
border: 1px #aaa solid;
padding: .2em .4em !important;
}
.prettytable th,
.wikitable th {
text-align: center;
background: #eee;
}
.prettytable caption,
.wikitable caption {
font-weight: bold;
}
/* Zebra-Tabellen (von Wikipedia)*/
table.wikitable.zebra tr:nth-child(even) {
background: #fff;
}
.literatur {
font-size: .85em;
}
.literatur li {
list-style: none;
text-indent: -3em;
}
.navbar_inline {
margin: -1.8em 0 1.8em;
border-bottom: 1px solid #aaa;
padding: 0 .5em;
text-align:right;
}
/********** Anmerkungen*************/
sup.reference {font-size: .8em; line-height: 1em; vertical-align:text-top; }
#content a.external[href*="amigraphie"],
#mw_content a.external[href*="amigraphie"] {
background: none;
padding-right: 0;
}
/*********** WIKI GADGETS *****************/
.mw-editsection,
.toctoggle {
color:#888;
font-size:9px !important;
margin-left: 1em;
}
.mw-editsection-bracket {
display: none;
}
.mw-editsection,
.mw-editsection a {
color:transparent;
}
.mw-editsection a:hover,
.toctoggle a:hover {
color:#888;
}
.mw-editsection {
float: right;
float: none;
position: absolute;
color: #AAA;
width: 7em;
margin-left: -7em;
padding-top: 1.5em;
text-align: left;
visibility: hidden;
}
*:hover > .mw-editsection {
visibility: visible;
}
a.toparrow {
color:#aaa;
font-weight: normal; font-style:normal; font-size:9px; line-height: 1.2em;
text-align: center;
float: right; width:3.5em;
padding:0;
margin: 0 .5em 0 0 ;
text-decoration:none; }
a.toparrow:hover {color:#555;}
#srBox
{
background:#EEE;
border:solid 1px silver;
padding:0.2em;
margin:0.2em 0;
color: black;
}
#srBox td small
{
white-space: nowrap;
}
#srBox input[type="text"]
{
background:#FFF;
border:solid 1px silver;
width:100%;
margin:0 1em 0 0;
color: black;
}
#srBox a
{
background:#ccf;
border:solid 1px silver;
padding:1px 0.3em;
font-size:90%;
color:#333;
}
#srBox a:hover
{
background:#99f;
color:#fff;
text-decoration:none;
}
#srBox a:focus
{
background:#fff;
color:#33C;
text-decoration:none;
}
ul.gallery,
#file,
.fullMedia {
text-align: center;
}
div.tright,
div.tleft {
margin-top: .2em;
}
/* Verweise */
.update {
font-size: x-small;
text-align: right;
}
/* REFERENCES */
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 92%; }
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
li[id^="cite_note"] {
clear: both;
}
.reference-text .floatright {
width: 80px;
line-height: 80px;
text-align: center;
background: #e8e7de;
border-radius: .5em;
overflow: hidden;
}
/* Mobiles */
@media only screen and (orientation: portrait), (max-width: 940px ) {
body {
/* text-size-adjust: 200%;*/
max-width: inherit;
text-size-adjust: none;
font-size: min(max(2vh,16px),220%);
}
.info {
width: 100%;
float: none;
margin: 0 auto 2em;
}
.info .toc > ul {
column-width: 12em;
}
.toctext {
width: auto;
}
#content {
padding: 135px 0 0 ;
}
#bodyContent {
padding: 0 6rem 4rem;
}
#mw-panel {
width: auto;
padding: 10px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
gap: 16px;
background: transparent;
top: 160px;
left: 0;
right: 0;
padding:0;
height: 0;
}
#mw-panel:hover {
background: #f5f5f1;
height: auto;
}
#mw-panel #p-logo + .portal .body {
margin-top: 2em;
}
#p-logo {
position: absolute;
top: -150px;
left: 10px;
}
#p-logo::after {
position: absolute;
left: 150px;
top: 0;
width: 8em;
}
.portal {
width: 8em;
height: 0;
margin-top: 0;
transition: height 500ms;
opacity: 0;
transition: height 500ms, opacity 1s;
overflow: hidden;
}
#mw-panel .portal {
background: #f5f5f1;
padding: 0;
margin: 0;
}
#mw-panel:hover .portal {
height: 16em;
margin-top: 1.5em;
opacity: 1;
}
#mw-panel::before {
content: '\f0c9';
line-height: 2em;
width: 2em;
padding: 0;
position: absolute;
right: .1em;
top: -3rem;
font-size: 2rem;
background: #f5f5f1;
border-radius: 50%;
}
#mw-panel:hover::before {
color: #ba4121;
background: #fff;
}
#mw-head {
background: transparent;
width: 0;
}
#p-search {
}
#left-navigation,
#p-personal,
#p-views,
#p-cactions {
display: none;
}
}