MediaWiki:Vector.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(230 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 2: | Zeile 2: | ||
/*/______________________________________________ | /*/______________________________________________ | ||
− | Hier befinden sich im Wesentlichen css-Befehle, | + | Hier befinden sich im Wesentlichen css-Befehle, die mit Extensions und Templates zu tun haben |
− | die mit Extensions und Templates zu tun haben | ||
ANMERKUNGEN | ANMERKUNGEN | ||
Zeile 9: | Zeile 8: | ||
GLOSSAR | GLOSSAR | ||
BILDER | BILDER | ||
− | + | TOCF | |
TEXT | TEXT | ||
POPUPS | POPUPS | ||
mobile | mobile | ||
______________________________________________/*/ | ______________________________________________/*/ | ||
+ | .chapter-end { | ||
+ | text-align: center; | ||
+ | font-style: italic; | ||
+ | margin-top: 3em; | ||
+ | } | ||
.question { | .question { | ||
padding: 1em; | padding: 1em; | ||
Zeile 39: | Zeile 43: | ||
.g_map { | .g_map { | ||
margin: 1.3em auto; | margin: 1.3em auto; | ||
− | border-radius: | + | border-radius: .5rem; |
border: 0px solid #dbd0b5; | border: 0px solid #dbd0b5; | ||
box-shadow: 0 0 4px 0px #dbd0b5; | box-shadow: 0 0 4px 0px #dbd0b5; | ||
Zeile 47: | Zeile 51: | ||
margin: -.8em auto 1.3em; | margin: -.8em auto 1.3em; | ||
} | } | ||
− | + | #content .g_map p { | |
+ | margin: 0 !important; | ||
+ | width: auto; | ||
+ | } | ||
/**** Wikitable ******/ | /**** Wikitable ******/ | ||
Zeile 177: | Zeile 184: | ||
line-height: 75px; | line-height: 75px; | ||
text-align: center; | text-align: center; | ||
− | background: # | + | background: #d5d0c0; |
border-radius: 50%; | border-radius: 50%; | ||
overflow: hidden; | overflow: hidden; | ||
Zeile 502: | Zeile 509: | ||
width: 12em; | width: 12em; | ||
padding: .75em; | padding: .75em; | ||
− | border-radius: | + | border-radius: .5rem; |
box-shadow: 1px 1px 3px rgba(48, 37, 20, 0.5); | box-shadow: 1px 1px 3px rgba(48, 37, 20, 0.5); | ||
cursor: default; | cursor: default; | ||
Zeile 663: | Zeile 670: | ||
.bilderliste { | .bilderliste { | ||
width: calc(100% - 18rem); | width: calc(100% - 18rem); | ||
− | } | + | } |
− | |||
− | |||
− | |||
− | |||
#content .galerie_glossar, | #content .galerie_glossar, | ||
ul.galerie_glossar | ul.galerie_glossar | ||
Zeile 753: | Zeile 756: | ||
padding: 1.1em 2em .1em; | padding: 1.1em 2em .1em; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
− | border-radius: 0. | + | border-radius: 0.5rem; |
} | } | ||
#infoButton { | #infoButton { | ||
Zeile 988: | Zeile 991: | ||
margin: auto; | margin: auto; | ||
} | } | ||
− | .bildlink { | + | .bildlink { |
− | display: | + | display: grid; |
− | justify- | + | grid-template-columns: 120px 1fr; |
+ | justify-content: center; | ||
+ | align-content: center; | ||
align-items: center; | align-items: center; | ||
} | } | ||
Zeile 1.041: | Zeile 1.046: | ||
} | } | ||
.ns-4 .L_fam { | .ns-4 .L_fam { | ||
− | + | font-variant: small-caps; | |
} | } | ||
.L_jahr:before { | .L_jahr:before { | ||
Zeile 1.061: | Zeile 1.066: | ||
} | } | ||
+ | .showResultsLit { | ||
+ | column-count: 2; | ||
+ | column-rule: #d2dbe4 2px solid; | ||
+ | width: calc(100% - 18rem); | ||
+ | max-width: none; | ||
+ | font-size: .9em; | ||
+ | margin: auto; | ||
+ | } | ||
+ | .showResultsLit li { | ||
+ | list-style:none; | ||
+ | padding-left: 2em; | ||
+ | text-indent:-2em; | ||
+ | position: relative; | ||
+ | break-inside: avoid-column; | ||
+ | } | ||
/******************************* | /******************************* | ||
Randelemente | Randelemente | ||
Zeile 1.066: | Zeile 1.086: | ||
#toc, | #toc, | ||
− | .sidebox, | + | .sidebox > div, |
.sidebox3 > div { | .sidebox3 > div { | ||
position: relative; | position: relative; | ||
− | border-radius: | + | border-radius: .5rem; |
border:0; | border:0; | ||
box-shadow: 0 0 10px 1px rgba(147, 136, 109, 0.5); | box-shadow: 0 0 10px 1px rgba(147, 136, 109, 0.5); | ||
font: normal normal 1rem Calibri; | font: normal normal 1rem Calibri; | ||
} | } | ||
− | .mw-parser-output .sidebox3 | + | .mw-parser-output .sidebox3, |
− | |||
.mw-parser-output .top12, | .mw-parser-output .top12, | ||
.mw-parser-output .sidebox_Wrapper { | .mw-parser-output .sidebox_Wrapper { | ||
Zeile 1.099: | Zeile 1.118: | ||
#toc { | #toc { | ||
− | + | float: left; | |
− | + | margin: 0 2em 1em 0; | |
− | + | padding: 0; | |
− | + | position: relative; | |
− | |||
z-index: 1; | z-index: 1; | ||
− | width: | + | width:14rem; |
− | + | font-size: 1.1rem; | |
− | + | overflow: hidden; | |
− | + | display: block; | |
− | margin-left:-100%; | + | max-height: 100%; |
+ | opacity: 1; | ||
+ | transition: 500ms; | ||
+ | /* float hack: | ||
+ | left:100%; | ||
+ | margin-left:-100%;*/ | ||
+ | } | ||
+ | #toc * { | ||
+ | overflow: hidden; | ||
+ | white-space: nowrap; | ||
} | } | ||
#toc ul, | #toc ul, | ||
Zeile 1.125: | Zeile 1.152: | ||
display: block; | display: block; | ||
line-height:1.3; | line-height:1.3; | ||
− | padding: 1px .3em; | + | padding: 1px .3em; |
− | |||
− | |||
color: #666; | color: #666; | ||
} | } | ||
Zeile 1.135: | Zeile 1.160: | ||
background:#E8E7CA; | background:#E8E7CA; | ||
} | } | ||
+ | .toctext { | ||
+ | display: block; | ||
+ | width: 11em; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
#toc .toclevel-1 { | #toc .toclevel-1 { | ||
margin-left: 4%; | margin-left: 4%; | ||
Zeile 1.160: | Zeile 1.190: | ||
background-image: linear-gradient(to right, transparent, transparent, #f7f6e6); | background-image: linear-gradient(to right, transparent, transparent, #f7f6e6); | ||
} | } | ||
− | /* | + | /* sticky toc */ |
− | #toc { | + | #toc.stickyToc { |
− | + | position: fixed; | |
− | + | top: 7rem; | |
− | + | top: 0.25rem; | |
− | + | max-height: 3rem; | |
− | + | opacity: .75; | |
+ | width: 3rem; | ||
+ | margin-left: 7.75rem; | ||
+ | z-index: 4; | ||
+ | border-radius: 50%; | ||
} | } | ||
− | #toc | + | #toc.stickyToc:hover { |
− | + | max-height: 100%; | |
− | + | opacity: 1; | |
− | + | width: 14rem; | |
− | + | margin: 0; | |
− | + | border-radius: .5rem; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | #toc. | + | #toc.stickyToc::after { |
− | + | content: '▼'; | |
− | + | content: '\f078'; | |
− | + | font-family: 'Font Awesome 5 Free'; | |
− | position: | + | font-weight: 800; |
− | + | position: absolute; | |
+ | font-size: 1.5rem; | ||
top: 0; | top: 0; | ||
− | + | left: 0; | |
− | + | right: 0; | |
− | + | padding-top: .25rem; | |
− | + | height: 2.75rem; | |
− | + | display: flex; | |
− | + | align-items: center; | |
− | + | justify-content: center; | |
− | + | opacity: 1; | |
+ | transition: 500ms; | ||
} | } | ||
− | . | + | #toc.stickyToc:hover::after { |
− | + | opacity: 0; | |
− | + | height: 0; | |
} | } | ||
− | + | ||
− | + | /************************ | |
+ | |||
+ | FARBEN | ||
+ | |||
+ | ************************/ | ||
+ | |||
+ | /* Balken in der Navigation*/ | ||
+ | #p-Grundbegriffe { | ||
+ | border-color: #334; | ||
} | } | ||
− | + | #p-Bauten { | |
− | + | border-color: #ae3711; | |
− | + | } | |
− | + | #p-Alltag { | |
− | + | border-color: #A6A66F; | |
− | + | } | |
− | + | #p-Ikonographie { | |
+ | border-color: #3C325B; | ||
+ | } | ||
+ | #p-Mythen { | ||
+ | border-color: #87947a; | ||
} | } | ||
− | + | #p-Geschichte { | |
− | + | border-color: #2c405b; | |
− | |||
− | # | ||
− | |||
} | } | ||
− | # | + | #p-Denken { |
− | + | border-color: #b08b34; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | # | + | #p-Essay { |
− | + | border-color: #6d5a20; | |
} | } | ||
− | # | + | #p-Meta, |
− | + | #p-Glossar, | |
+ | #p-Wiki { | ||
+ | border-color: #d8d8b8; | ||
+ | background: #f7f4e4; | ||
} | } | ||
− | /************** | + | |
− | + | /******* Default *******/ | |
− | + | ||
− | # | + | #mw-page-base { |
− | + | background-image: linear-gradient(rgba(181, 181, 165, 0.8), transparent); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | background-image: linear-gradient( | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | .firstHeading, |
− | + | .firstHeadingTitel, | |
− | + | h2, | |
+ | h3 { | ||
+ | color:#246; | ||
} | } | ||
− | . | + | #p-personal ul, |
− | + | #p-personal li a, | |
+ | #p-personal li a.new, | ||
+ | #p-personal li a.new:visited, | ||
+ | #toc h2 { | ||
+ | background-color: #788099; | ||
+ | background-repeat: no-repeat; | ||
+ | color:#FFF; | ||
+ | border: 0; | ||
+ | font-size: 1em; | ||
+ | line-height: 2; | ||
+ | display:block; | ||
+ | text-align: center; | ||
+ | margin: 0px; | ||
+ | padding: 0 .3em; | ||
+ | } | ||
+ | #toc::after { | ||
+ | background-color: #788099; | ||
+ | color:#FFF; | ||
+ | } | ||
+ | #p-personal li a, | ||
+ | #p-personal li a.new { | ||
+ | background:transparent; | ||
+ | color:#aaa; | ||
+ | } | ||
+ | #p-personal li a:hover, | ||
+ | #p-personal li a.new:hover, | ||
+ | .action-view div[id^=siteSub] a:hover { | ||
+ | color:#999; | ||
} | } | ||
− | . | + | /* Hauptseite */ |
− | background-image: linear-gradient( | + | |
− | + | .hauptseite-h1 { | |
− | + | background-image: linear-gradient(rgb(50 83 130 / 80%),rgb(50 83 130 / 80%)),url(/wikibilder/mythen.jpg); | |
− | + | background-size: contain; | |
− | |||
} | } | ||
− | . | + | .logo300r, |
− | + | .hauptseite-h1 .firstHeadingBody::after { | |
− | + | background-image: url(/wikibilder/Logo_ebisu_300r.png); | |
} | } | ||
− | . | + | /* Metalog, allg */ |
− | + | ||
− | + | .bars { | |
+ | opacity: .66; | ||
} | } | ||
− | . | + | #sitemapToggle:hover .bars { |
− | background | + | opacity: 1; |
− | + | } | |
+ | |||
+ | .crumbs, | ||
+ | .crumbs a { | ||
+ | color:#dee4f4; | ||
+ | background-color:#64769d; | ||
+ | color: #dee4f4; | ||
+ | background-color: #3b5678; | ||
+ | line-height: 3rem; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | #localNotice .crumbs, | ||
+ | #localNotice .crumbs a { | ||
+ | background: transparent; | ||
+ | color: initial; | ||
+ | } | ||
+ | .metalog-h1, | ||
+ | #sitemapToggle .bars, | ||
+ | #toc h2, | ||
+ | .thisway a { | ||
+ | background-color:#64769d; | ||
+ | color:#dee4f4; | ||
+ | background-color: #526781; | ||
+ | color: #eee; | ||
+ | } | ||
+ | .firstHeadingBody { | ||
+ | background-color: rgb(210, 219, 228); | ||
+ | color: rgb(49 67 94); | ||
} | } | ||
− | . | + | .firstHeadingTitle, |
− | + | .metalog-h1 { | |
− | + | background-image: linear-gradient(rgb(84 110 143 / 86%),rgb(210 219 228 / 68%)),url(/wikibilder/metalog.jpg); | |
− | + | } | |
− | . | + | /* Grundbegriffe */ |
− | + | ||
− | + | .grundbegriffe-h1, | |
− | + | [class*=page-Grundbegriffe] h2, | |
− | + | [class*=page-Grundbegriffe] h3 { | |
− | + | color:#336; | |
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | [class*=page-Grundbegriffe] .crumbs, [class*=page-Grundbegriffe] .search2, |
− | + | [class*=page-Grundbegriffe] #sitemapToggle .bars, | |
− | + | [class*=page-Grundbegriffe] #toc h2, | |
+ | .thisway.grundbegriffe-tw a, | ||
+ | [class*=page-Grundbegriffe] #toc::after { | ||
+ | background-color:#445; | ||
+ | color:#dadade; | ||
+ | } | ||
+ | .grundbegriffe-h1 .firstHeadingBody { | ||
+ | background-color:#CBCBD7; | ||
+ | color: #336; | ||
} | } | ||
− | . | + | .grundbegriffe-h1 { |
− | + | background-image: linear-gradient(rgb(255 255 255 / 20%), rgb(255 255 255 / 40%)), url(/wikibilder/grundbegriffe.jpg); | |
− | + | } | |
− | } | + | |
− | . | + | /* Bauten */ |
− | background-image: linear-gradient(rgb( | + | |
− | background- | + | .firstHeading.bauten-h1, |
− | } | + | [class*=page-Bauten] h2, |
− | . | + | [class*=page-Bauten] h3 { |
− | background-image: linear-gradient( | + | color:#821c00; |
+ | border-color: rgba(247, 198, 158, 0.75); | ||
+ | } | ||
+ | [class*=page-Bauten] .crumbs, [class*=page-Bauten] .search2, | ||
+ | [class*=page-Bauten] #sitemapToggle .bars, | ||
+ | [class*=page-Bauten] #toc h2, | ||
+ | .thisway.bauten-tw a, | ||
+ | [class*=page-Bauten] #toc::after { | ||
+ | background-color:#b54b2a; | ||
+ | color:#ffebce; | ||
+ | } | ||
+ | .bauten-h1 .firstHeadingBody { | ||
+ | background-color:#ffe5cb; | ||
+ | color:#821c00; | ||
+ | } | ||
+ | [class*=page-Bauten] .textbox_body { | ||
+ | background-color: #feebd8; | ||
+ | color: #5b3125; | ||
+ | } | ||
+ | .bauten-h1 { | ||
+ | background-image: linear-gradient(rgb(197 104 75 / 73%),rgb(231 164 124 / 67%)),url(/wikibilder/bauten.jpg); | ||
+ | background-image: linear-gradient(rgb(175 74 43 / 60%),rgb(255 229 203 / 60%)),url(/wikibilder/bauten.jpg); | ||
+ | } | ||
+ | .bauten-h1.schreine-h1 { | ||
+ | background-image: linear-gradient(rgba(255, 94, 0, 0.1), rgba(255, 94, 0, 0.1)), | ||
+ | url(/wikibilder/shimenawa.jpg); | ||
background-size: cover; | background-size: cover; | ||
} | } | ||
− | . | + | .bauten-h1.inari-h1 { |
− | + | background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) ), url(/wikibilder/reisstroh.jpg); | |
− | |||
− | |||
− | |||
background-size: cover; | background-size: cover; | ||
} | } | ||
− | . | + | .bauten-h1.tenjin-h1 { |
− | background-image: linear-gradient( | + | background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) ), |
− | } | + | url(/wikibilder/ume.jpg); |
− | . | + | } |
− | background-image: linear-gradient( | + | .bauten-h1.itsukushima-h1 { |
− | + | background-image: linear-gradient(rgba(255, 94, 0, 0), rgba(255, 94, 0, 0.3)), | |
− | } | + | url(/wikibilder/wellen.jpg); |
− | . | + | } |
− | background-image: linear-gradient( | + | .bauten-h1.hachiman-h1 { |
+ | background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) ), | ||
+ | url(/wikibilder/bambus.jpg); | ||
} | } | ||
− | . | + | /* Alltag */ |
− | + | ||
− | + | .alltag-h1, | |
− | } | + | [class*=page-Alltag] h2, |
− | . | + | [class*=page-Alltag] h3 { |
− | background- | + | color:#664; |
− | + | } | |
+ | [class*=page-Alltag] .crumbs, [class*=page-Alltag] .search2, | ||
+ | [class*=page-Alltag] #sitemapToggle .bars, | ||
+ | [class*=page-Alltag] #toc h2, | ||
+ | [class*=page-Alltag] #toc::after, | ||
+ | .thisway.alltag-tw a { | ||
+ | background-color:#878750; | ||
+ | color: #fffeee; | ||
} | } | ||
− | . | + | .alltag-h1 .firstHeadingBody { |
− | + | background-color:#efefc2; | |
− | + | color:#664; | |
− | + | } | |
− | background- | + | [class*=page-Alltag] .textbox_body { |
− | + | background-color:#e6e6bb; | |
− | + | color:#442; | |
− | + | } | |
− | } | + | .alltag-h1 { |
− | + | background-image: linear-gradient(rgb(161 161 112 / 75%),rgb(239 239 194 / 50%)),url(/wikibilder/alltag.jpg); | |
− | |||
− | |||
− | |||
− | } | ||
− | . | ||
− | background-image: | ||
− | |||
} | } | ||
− | + | .alltag-h1.opfergaben-h1 { | |
− | + | background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/opfer.jpg); | |
− | |||
− | |||
− | . | ||
− | |||
− | |||
} | } | ||
− | + | .alltag-h1.jahr-h1 { | |
− | / | + | background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/neujahr.jpg); |
− | |||
− | . | ||
} | } | ||
− | . | + | .alltag-h1.totenriten-h1, |
− | + | .alltag-h1.ahnenkult-h1, | |
− | + | .alltag-h1.friedhof-h1 { | |
− | + | background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/svastika.jpg); | |
− | + | } | |
− | + | .alltag-h1.pilgerschaft-h1 { | |
− | + | background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/korbhut.jpg); | |
− | + | } | |
− | background: | + | .alltag-h1.schreinpriester-h1 { |
− | + | background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 40%)),url(/wikibilder/onusa.jpg); | |
+ | background-size: cover; | ||
+ | } | ||
+ | .alltag-h1.yamabushi-h1 { | ||
+ | background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 40%)),url(/wikibilder/yamabushi.jpg); | ||
+ | } | ||
+ | /* Ikonographie */ | ||
+ | |||
+ | .ikonographie-h1, | ||
+ | [class*=page-Ikonographie] h2, | ||
+ | [class*=page-Ikonographie] h3 { | ||
+ | color:#326; | ||
+ | border-color: rgba(193, 188, 214, 0.66); | ||
+ | } | ||
+ | [class*=page-Ikonographie] .crumbs, [class*=page-Ikonographie] .search2, | ||
+ | [class*=page-Ikonographie] #sitemapToggle .bars, | ||
+ | [class*=page-Ikonographie] #toc h2, | ||
+ | [class*=page-Ikonographie] #toc::after, | ||
+ | .thisway.ikonographie-tw a { | ||
+ | background-color:#3C325B; | ||
+ | color:#d8d3f0; | ||
+ | } | ||
+ | .ikonographie-h1 .firstHeadingBody { | ||
+ | background-color:#dedbef; | ||
+ | color:#326; | ||
+ | } | ||
+ | [class*=page-Ikonographie] .textbox_body { | ||
+ | background-color: #eaebf5; | ||
+ | color:#103; | ||
+ | border-color:#766E90; | ||
+ | } | ||
+ | .ikonographie-h1 { | ||
+ | background-image: linear-gradient(rgb(97 87 133 / 70%),rgb(222 219 239 / 40%)),url(/wikibilder/ikonographie.jpg); | ||
+ | } | ||
+ | .ikonographie-h1.gluecksgoetter-h1 { | ||
+ | background-image: linear-gradient(rgb(255 255 255 / 15%), rgb(255 255 255 / 30%)), url(/wikibilder/fuku.jpg); | ||
+ | background-size: contain; | ||
+ | } | ||
+ | /* Mythen */ | ||
+ | |||
+ | .mythen-h1, | ||
+ | [class*=page-Mythen] h2, | ||
+ | [class*=page-Mythen] h3 { | ||
+ | color:#829082; | ||
+ | } | ||
+ | [class*=page-Mythen] .crumbs, [class*=page-Mythen] .search2, | ||
+ | [class*=page-Mythen] #sitemapToggle .bars, | ||
+ | [class*=page-Mythen] #toc h2, | ||
+ | [class*=page-Mythen] #toc::after, | ||
+ | .thisway.mythen-tw a { | ||
+ | background-color:#87947a; | ||
+ | color:#ffe; | ||
+ | } | ||
+ | .mythen-h1 .firstHeadingBody { | ||
+ | background-color:#f0f4e0; | ||
+ | color:#829082; | ||
+ | } | ||
+ | [class*=page-Mythen] .textbox_body { | ||
+ | background-color:#f0f4e0; | ||
+ | color:#333; | ||
+ | } | ||
+ | .mythen-h1 { | ||
+ | background-image: linear-gradient(rgb(165 173 153 / 76%),rgb(240 244 224 / 55%)),url(/wikibilder/mythen.jpg); | ||
+ | background-size: contain; | ||
+ | } | ||
+ | .mythen-h1.jenseits-h1 { | ||
+ | background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/flammen.jpg); | ||
+ | background-size: auto; | ||
+ | } | ||
+ | .mythen-h1.daemonen-h1 { | ||
+ | background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/oni.jpg); | ||
} | } | ||
− | . | + | .mythen-h1.tengu-h1 { |
− | + | background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/tengu.jpg); | |
− | + | } | |
− | + | .mythen-h1.imaginaere_tiere-h1 { | |
− | + | background-image: linear-gradient(rgb(154 161 143 / 50%),rgb(240 244 224 / 60%)),url(/wikibilder/drachen.jpg); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .mythen-h1.verwandlungskuenstler-h1 { |
− | background: rgb( | + | background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/kitsune.jpg); |
− | + | } | |
− | + | .mythen-h1.symboltiere-h1 { | |
− | } | + | background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/tierkreis.jpg); |
− | . | + | background-size: cover; |
− | + | } | |
− | + | .mythen-h1.namazu-e-h1 { | |
− | + | background-image: url(/wikibilder/Namazu_shamisen.png); | |
+ | background-size: contain; | ||
+ | } | ||
+ | |||
+ | /* Geschichte */ | ||
+ | |||
+ | .geschichte-h1, | ||
+ | [class*=page-Geschichte] h2, | ||
+ | [class*=page-Geschichte] h3 { | ||
+ | color:#246; | ||
+ | } | ||
+ | [class*=page-Geschichte] .crumbs, [class*=page-Geschichte] .search2, | ||
+ | [class*=page-Geschichte] #sitemapToggle .bars, | ||
+ | [class*=page-Geschichte] #toc h2, | ||
+ | [class*=page-Geschichte] #toc::after, | ||
+ | .thisway.geschichte-tw a { | ||
+ | background-color:#357; | ||
+ | color:#c0e1ee; | ||
+ | border-color:#8aacb9; | ||
+ | } | ||
+ | .geschichte-h1 .firstHeadingBody { | ||
+ | background-color:#deedf2; | ||
+ | color:#246; | ||
} | } | ||
+ | .geschichte-h1 { | ||
+ | background-image: linear-gradient(rgb(75 112 149 / 77%),rgb(222 237 242 / 52%)),url(/wikibilder/geschichte.jpg); | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .geschichte-h1.kamikaze-h1 { | ||
+ | background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(0 67 118 / 50%)), url(/wikibilder/schiffe.jpg); | ||
+ | } | ||
+ | .geschichte-h1.zen-h1 { | ||
+ | background-image: linear-gradient(rgb(255 255 255 / 15%), rgb(255 255 255 / 30%)), url(/wikibilder/daruma.jpg); | ||
+ | background-size: contain; | ||
+ | } | ||
− | /**** | + | /* Denken */ |
− | + | .denken-h1, | |
− | **** | + | [class*=page-Denken] h2, |
− | + | [class*=page-Denken] h3 { | |
− | . | + | color:#86682E; |
− | + | } | |
− | + | [class*=page-Denken] .crumbs, [class*=page-Denken] .search2, | |
− | + | [class*=page-Denken] #sitemapToggle .bars, | |
+ | [class*=page-Denken] #toc h2, | ||
+ | [class*=page-Denken] #toc::after, | ||
+ | .thisway.denken-tw a { | ||
+ | background-color:#9c8347; | ||
+ | color:#F2F0d1; | ||
} | } | ||
− | . | + | .denken-h1 .firstHeadingBody { |
− | + | background-color:#ece5b6; | |
− | + | color:#86682E; | |
− | + | } | |
+ | [class*=page-Denken] .textbox_body { | ||
+ | color:#5c5033; | ||
+ | background-color:#f5ebc9; | ||
+ | } | ||
+ | .denken-h1 { | ||
+ | background-image: linear-gradient(hsl(42deg 36% 44% / 50%),hsl(52deg 59% 82% / 40%)),url(/wikibilder/denken.jpg); | ||
+ | background-image: linear-gradient(hsl(42deg 36% 44% / 75%),hsl(52deg 59% 82% / 50%)),url(/wikibilder/denken.jpg); | ||
+ | } | ||
+ | /* Essays */ | ||
+ | .essays-h1, | ||
+ | [class*=page-Essays] h2, | ||
+ | [class*=page-Essays] h3 { | ||
+ | color:#825d40; | ||
+ | } | ||
+ | [class*=page-Essay] .crumbs, [class*=page-Essay] .search2, | ||
+ | [class*=page-Essays] #sitemapToggle .bars, | ||
+ | [class*=page-Essays] #toc h2, | ||
+ | [class*=page-Essays] #toc::after, | ||
+ | .thisway.essays-tw a { | ||
+ | background-color:#8c6e3c; | ||
+ | color:#F2F0d1; | ||
} | } | ||
− | . | + | .essays-h1 .firstHeadingBody { |
− | + | background-color:#F3EEC7; | |
+ | background-color: #eee6c1; | ||
+ | color:#825d40; | ||
+ | } | ||
+ | [class*=page-Essays] .textbox_body { | ||
+ | color:#5c5033; | ||
+ | background-color:#f5ebc9; | ||
+ | background-color:#eee6c1; | ||
} | } | ||
+ | .essays-h1 { | ||
+ | background-image: linear-gradient(rgb(205 187 131 / 70%),rgb(243 238 199 / 43%)),url(/wikibilder/essays.jpg); | ||
+ | background-image: linear-gradient(rgb(173 149 74 / 70%), rgb(189 158 68 / 58%)), url(/wikibilder/matsu.jpg); | ||
+ | } | ||
+ | |||
+ | /* Bild, Glossar, Skt */ | ||
+ | .ns-6 .crumbs, .ns-6 .crumbs a, | ||
+ | .ns-120 .crumbs, .ns-120 .crumbs a, | ||
+ | .ns-124 .crumbs, .ns-124 .crumbs a { | ||
+ | background: transparent; | ||
+ | color: #666; | ||
+ | } | ||
− | . | + | .ns-120 .firstHeading, |
− | + | .ns-120 h2, | |
+ | .ns-120 h3, | ||
+ | .ns-124 .firstHeading, | ||
+ | .ns-124 h2, | ||
+ | .ns-124 h3 { | ||
+ | color: #135; | ||
+ | } | ||
+ | .ns-120 #mw-page-base, | ||
+ | .ns-124 #mw-page-base { | ||
+ | background-image: linear-gradient(rgb(102 144 189 / 50%), transparent); | ||
+ | } | ||
+ | .ns-120 div[id^=siteSub], | ||
+ | .ns-120 div[id^=siteSub] a, | ||
+ | .ns-120 #toc h2, | ||
+ | .ns-124 div[id^=siteSub], | ||
+ | .ns-124 div[id^=siteSub] a, | ||
+ | .ns-124 #toc h2 { | ||
+ | background-color: #50759e; | ||
+ | color: #f3f8ff; | ||
+ | border-color: #c3d2e6; | ||
+ | } | ||
+ | .ns-120 div[id^=siteSub] a:hover, | ||
+ | .ns-124 div[id^=siteSub] a:hover { | ||
+ | background-color:#579; | ||
+ | color:#eef; | ||
} | } | ||
− | + | /******************************* | |
− | + | Sidebox3 | |
− | + | ********************************/ | |
− | + | ||
− | + | .sidebox3 { | |
− | + | z-index: 2; | |
− | + | overflow: visible; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | ||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | /** sbUe, **/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | .sbUe2 { |
− | |||
− | |||
} | } | ||
− | . | + | .sbUe2 a { |
− | border: | + | position: absolute; |
+ | display: block; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | z-index: 0; | ||
+ | background: rgba(255, 255, 255, 0); | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | .sbUeText { | ||
+ | display: block; | ||
+ | width: -moz-fit-content; | ||
+ | width: fit-content; | ||
+ | max-width: 350px; | ||
+ | overflow: hidden; | ||
+ | margin-top: -1.25rem; | ||
+ | margin-left: -1rem; | ||
+ | transform: rotate(-2.5deg); | ||
+ | padding-left: 1.2em; | ||
+ | padding-right: .6em; | ||
+ | letter-spacing: .6em; | ||
+ | color: #615539; | ||
+ | text-transform: uppercase; | ||
+ | font-family: Courier, mono; | ||
+ | font-size: .8rem; | ||
+ | line-height: 1.5rem; | ||
+ | font-weight: bold; | ||
+ | background: #dbd0b5; | ||
+ | background: #e0ddd6; | ||
} | } | ||
− | . | + | .sidebox3:hover .sbUeText { |
− | + | background: rgb(238, 165, 0); | |
− | + | color: #fff; | |
+ | text-decoration: none; | ||
+ | } | ||
+ | .sidebox3:hover .sbUe2 a { | ||
+ | z-index: 4; | ||
+ | text-decoration: none; | ||
+ | background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0.2)); | ||
} | } | ||
− | /******* | + | /*************************************** |
− | + | BILDER | |
− | + | ***************************************/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | .bildtext { |
− | + | font-size: .95rem; | |
+ | line-height: 1; | ||
+ | font-family: Arial; | ||
+ | font-family: carlito, calibri, arial; | ||
+ | color:#554; | ||
+ | text-align:center; | ||
+ | padding:.5em 0 0; | ||
} | } | ||
− | + | .bildtext p { | |
− | + | text-align: left; | |
− | + | padding-left: .7em; | |
− | + | padding-right: .7em; | |
− | + | } | |
− | . | + | .largebox { |
− | + | margin: 1em auto; | |
− | + | overflow: auto; | |
− | |||
− | . | ||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .noborder img { |
− | + | border:0; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .nomargin { |
− | + | margin:0; | |
+ | padding:0; | ||
} | } | ||
.hell .text1, | .hell .text1, | ||
− | .hell .imgX .bildtext | + | .hell .imgX .bildtext, |
− | |||
.hell .sbAussen + div { | .hell .sbAussen + div { | ||
color: #000; | color: #000; | ||
background: rgba(255, 255, 238, 0.7); | background: rgba(255, 255, 238, 0.7); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.hell span.reference a { | .hell span.reference a { | ||
Zeile 1.593: | Zeile 1.787: | ||
/************** | /************** | ||
− | + | dia | |
**************/ | **************/ | ||
− | . | + | .dia { |
position: relative; | position: relative; | ||
margin-left: auto; | margin-left: auto; | ||
Zeile 1.602: | Zeile 1.796: | ||
/*max-width: 650px;*/ | /*max-width: 650px;*/ | ||
} | } | ||
− | . | + | .dia .thumb .thumbinner, |
− | . | + | .dia .thumb .thumbinner a { |
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
Zeile 1.612: | Zeile 1.806: | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
− | . | + | .dia .innen img { |
width: 100%; | width: 100%; | ||
height: inherit; | height: inherit; | ||
} | } | ||
− | . | + | .dia a { |
cursor: zoom-in; | cursor: zoom-in; | ||
} | } | ||
− | . | + | .dia .bildtext { |
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
Zeile 1.631: | Zeile 1.825: | ||
z-index:2; | z-index:2; | ||
} | } | ||
− | + | .dia:hover .bildtext { | |
− | |||
visibility: visible; | visibility: visible; | ||
} | } | ||
− | .hell . | + | .fulltext { |
+ | display:none; | ||
+ | } | ||
+ | .hell .dia .bildtext { | ||
background-color: rgba(219, 208, 181, 0.7); | background-color: rgba(219, 208, 181, 0.7); | ||
color: #222222; | color: #222222; | ||
Zeile 1.646: | Zeile 1.842: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | + | .imgBorder { | |
− | + | position: relative; | |
− | + | background-color: #e9e3d2; | |
− | + | border-radius: .5rem; | |
− | + | box-shadow: 0 0 4px 0px #dbd0b5; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | .imgBorder { | ||
− | position: relative; | ||
− | background-color: #e9e3d2; | ||
− | border-radius: | ||
− | box-shadow: 0 0 4px 0px #dbd0b5; | ||
overflow: hidden; | overflow: hidden; | ||
z-index: 2; | z-index: 2; | ||
Zeile 1.678: | Zeile 1.853: | ||
box-shadow: 0 0 0 4px #eea500; | box-shadow: 0 0 0 4px #eea500; | ||
} | } | ||
− | .imgBorder. | + | .imgBorder.noPopup:hover { |
box-shadow: 0 0 4px 0px #dbd0b5; | box-shadow: 0 0 4px 0px #dbd0b5; | ||
− | } | + | } |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.aussen{ | .aussen{ | ||
position: relative; | position: relative; | ||
Zeile 1.701: | Zeile 1.868: | ||
bottom: 0; | bottom: 0; | ||
background: #fff; | background: #fff; | ||
+ | } | ||
+ | /****** | ||
+ | i... | ||
+ | *********/ | ||
+ | p + .i500, | ||
+ | .i500 + p { | ||
+ | margin-top: 1.5em; | ||
} | } | ||
− | . | + | .wFlex { |
− | + | display: flex; | |
− | + | justify-content: space-between; | |
− | + | flex-wrap: wrap; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | /* img width */ |
− | + | ||
+ | .i240 { | ||
} | } | ||
− | . | + | .mw-parser-output > .i240 { |
− | + | } | |
− | + | .mw-parser-output > .i500.i503b { | |
− | + | width: 40%; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | .mitPagelink .imgFloat { | |
− | . | + | margin-top: 1.3em; |
− | |||
− | |||
} | } | ||
− | . | + | .imgFloat .sbUe2 a { |
− | + | left: 0; | |
− | + | right: 0; | |
} | } | ||
− | . | + | .references .float-r > a { |
− | float: | + | float: none; |
− | margin | + | clear: none; |
+ | margin: 0; | ||
} | } | ||
− | . | + | .bild_info { |
− | + | right: 8rem; | |
− | + | text-align: right; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .smallimage { |
− | + | display: block; | |
− | |||
− | |||
} | } | ||
− | + | /************* | |
− | + | ||
− | + | Bilder 2023 | |
− | + | * alle responsiven Bilder in imgWrap (wie jedes andere div 50%) | |
+ | * sidebox-->floatright | ||
+ | *************/ | ||
+ | .imgWrap { | ||
} | } | ||
− | . | + | .imgWrap > div { |
− | + | position:relative; | |
} | } | ||
− | . | + | .sidebox { |
− | + | margin-right: 0; | |
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/* i500 */ | /* i500 */ | ||
.i500 { | .i500 { | ||
− | + | position: relative; | |
− | + | margin: auto; | |
− | + | margin: 1.5rem auto; | |
− | + | width: 70%; | |
− | + | min-width: min(24rem,80%); | |
− | + | max-width: 600px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.mw-parser-output > .i500 { | .mw-parser-output > .i500 { | ||
width: 35%; | width: 35%; | ||
clear:none; | clear:none; | ||
} | } | ||
− | . | + | .imax { |
+ | width: auto; | ||
+ | max-width: none; | ||
+ | margin-left: -0.5rem; | ||
+ | margin-right: -0.5rem; | ||
} | } | ||
− | + | .mw-parser-output > .i500.imax { | |
− | + | width: calc(50% + 1rem); | |
− | .mw-parser-output > .i500. | ||
− | width: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | /* float */ | ||
+ | .i240 { | ||
+ | width: min(14rem,40%); | ||
+ | } | ||
.float-l { | .float-l { | ||
− | float: left; | + | float: left; |
− | clear: left; | + | clear: left; |
− | margin: .3em 2em 1.5em 0; | + | margin: .3em 2em 1.5em 0; |
− | margin-left: - | + | margin-left: -.5rem; |
} | } | ||
.float-r { | .float-r { | ||
− | float: right; | + | float: right; |
− | clear: right; | + | clear: right; |
− | margin: .3em 0 1.5em 2em; | + | margin: .3em 0 1.5em 2em; |
− | margin-right: - | + | margin-right: -.5rem; |
} | } | ||
.textbox .float-l { | .textbox .float-l { | ||
− | margin-left: 0; | + | margin-left: 0; |
+ | } | ||
+ | .textbox .float-r, | ||
+ | .sidebox .float-r { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | .imgWrap > .caption { | ||
+ | margin-top: -1rem; | ||
+ | margin-bottom: 1rem; | ||
} | } | ||
− | + | .float-r .caption, | |
− | |||
− | |||
− | .float-r .caption, | ||
.float-l .caption { | .float-l .caption { | ||
margin-top:.5em; | margin-top:.5em; | ||
padding: 0; | padding: 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .wFlex .caption { |
− | + | width: 100%; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /* Sidebox, Überschrift */ | |
− | + | ||
+ | .sbUe { | ||
} | } | ||
− | + | .sbUe a { | |
− | + | position: absolute; | |
− | + | display: block; | |
− | + | top: 0; | |
− | + | right: 0; | |
− | . | + | left: 0; |
− | + | bottom: 0; | |
− | + | z-index: 0; | |
− | + | background: rgba(255, 255, 255, 0); | |
− | . | + | border-radius: 8px; |
− | + | } | |
− | + | .sbUeText { | |
− | + | display: block; | |
− | . | + | width: -moz-fit-content; |
− | + | width: fit-content; | |
− | + | max-width: 350px; | |
− | + | overflow: hidden; | |
− | + | margin-top: -1.25rem; | |
− | + | margin-left: -1rem; | |
− | . | + | transform: rotate(-2.5deg); |
− | + | padding-left: 1.2em; | |
− | + | padding-right: .6em; | |
− | + | letter-spacing: .6em; | |
− | + | color: #615539; | |
− | + | text-transform: uppercase; | |
− | . | + | font-family: Courier, mono; |
− | . | + | font-size: .8rem; |
− | + | line-height: 1.5rem; | |
− | + | font-weight: bold; | |
+ | background: #dbd0b5; | ||
+ | background: #e0ddd6; | ||
+ | } | ||
+ | .float-r:hover .sbUeText { | ||
+ | background: rgb(238, 165, 0); | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .float-r:hover .sbUe a { | ||
+ | z-index: 4; | ||
+ | text-decoration: none; | ||
+ | background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0.2)); | ||
} | } | ||
− | . | + | .mitPagelink .float-r { |
− | + | transform: rotate(2.5deg); | |
− | |||
} | } | ||
− | div .galerie1:first-child, | + | |
+ | /******** 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 + .galerie1, | ||
div .galerie2:first-child, | div .galerie2:first-child, | ||
Zeile 1.955: | Zeile 2.110: | ||
} | } | ||
/************************************** | /************************************** | ||
− | + | ||
**************************************/ | **************************************/ | ||
Zeile 1.969: | Zeile 2.124: | ||
font-family: calibri,arial; | font-family: calibri,arial; | ||
background: #f0eee6; | background: #f0eee6; | ||
− | border-radius: | + | border-radius: .5rem; |
} | } | ||
+ | .mw-parser-output > .zitat { | ||
+ | margin: 0.8em auto; | ||
+ | padding: 1.5rem 4rem 1rem; | ||
+ | width: calc(50% - 7rem); | ||
+ | } | ||
+ | |||
#mw-content-text > .zitat { | #mw-content-text > .zitat { | ||
color: #444; | color: #444; | ||
Zeile 2.022: | Zeile 2.183: | ||
} | } | ||
.textbox_body { | .textbox_body { | ||
− | margin: auto; | + | margin: auto -.5rem; |
padding: 1.5em 2rem 1em; | padding: 1.5em 2rem 1em; | ||
background-color:#ebe9e0; | background-color:#ebe9e0; | ||
− | border-radius: | + | border-radius: .5rem; |
} | } | ||
#content .textbox h2, | #content .textbox h2, | ||
Zeile 2.072: | Zeile 2.233: | ||
border: 1px solid #eae5cb; | border: 1px solid #eae5cb; | ||
background: #f5f5ee; | background: #f5f5ee; | ||
− | border-radius: | + | border-radius:.5rem; |
} | } | ||
.linkbox .quelle, | .linkbox .quelle, | ||
Zeile 2.078: | Zeile 2.239: | ||
margin-bottom: -1.5em; | margin-bottom: -1.5em; | ||
font: normal small calibri,Arial; | font: normal small calibri,Arial; | ||
− | } | + | } |
+ | .verweiseWrap { | ||
+ | width: calc(100% - 14rem); | ||
+ | background: #e7e5de; | ||
+ | margin: 4rem auto -3rem; | ||
+ | border-radius: 0 0 0.5rem 0.5rem; | ||
+ | overflow: hidden; | ||
+ | } | ||
.verweise { | .verweise { | ||
font-size: 1rem; | font-size: 1rem; | ||
margin: auto; | margin: auto; | ||
− | padding: 2rem | + | padding: 2rem 10% 3rem; |
− | border-radius: | + | border-radius:.5rem; |
color: #333; | color: #333; | ||
− | |||
− | |||
} | } | ||
.verweise_lit, | .verweise_lit, | ||
Zeile 2.093: | Zeile 2.259: | ||
.verweise .shortlist ul { | .verweise .shortlist ul { | ||
column-gap: 4rem; | column-gap: 4rem; | ||
− | column-width: | + | column-width: 20rem; |
+ | font-size: 1rem; | ||
} | } | ||
.verweise_lit > *, | .verweise_lit > *, | ||
Zeile 2.100: | Zeile 2.267: | ||
.verweise .shortlist ul > * { | .verweise .shortlist ul > * { | ||
break-inside: avoid-column; | break-inside: avoid-column; | ||
+ | font-size: 1rem; | ||
} | } | ||
Zeile 2.115: | Zeile 2.283: | ||
.verweise .mw-headline { | .verweise .mw-headline { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
+ | } | ||
+ | .verweise h2, | ||
+ | .verweise h3 { | ||
+ | color: #666; | ||
} | } | ||
.verweise h3::after { | .verweise h3::after { | ||
Zeile 2.126: | Zeile 2.298: | ||
bottom: -.5rem; | bottom: -.5rem; | ||
border-radius: 25%; | border-radius: 25%; | ||
+ | } | ||
+ | .verweise .infoline { | ||
+ | display: block; | ||
+ | text-align: right; | ||
+ | font-style:italic; | ||
+ | font-size: small; | ||
} | } | ||
.mw-references-wrap p.titel { | .mw-references-wrap p.titel { | ||
Zeile 2.134: | Zeile 2.312: | ||
clear: both; | clear: both; | ||
} | } | ||
− | + | .verweise .info_kurz { | |
+ | font-size: 1rem; | ||
+ | } | ||
/***** thisway ******/ | /***** thisway ******/ | ||
− | + | .thisway { | |
position: relative; | position: relative; | ||
clear:both; | clear:both; | ||
− | |||
− | |||
text-align: right; | text-align: right; | ||
font-size: 1rem; | font-size: 1rem; | ||
− | color: #eef; | + | color: #eef; |
− | |||
max-width: inherit; | max-width: inherit; | ||
} | } | ||
− | + | .thisway.zurueck { | |
text-align: left; | text-align: left; | ||
right: auto; | right: auto; | ||
} | } | ||
− | + | .thisway a { | |
display: block; | display: block; | ||
− | padding: 1em | + | padding: 1em 2.5em .75em; |
− | + | text-decoration: none; | |
− | text-decoration: none; | ||
− | |||
− | |||
− | |||
− | |||
font-weight: bold; | font-weight: bold; | ||
font-family: calibri, arial; | font-family: calibri, arial; | ||
− | + | opacity: .9; | |
− | |||
} | } | ||
− | + | .thisway a:hover { | |
− | + | opacity: 1; | |
} | } | ||
− | + | .thisway a span { | |
font-weight: normal; | font-weight: normal; | ||
padding: 0 .75rem; | padding: 0 .75rem; | ||
Zeile 2.274: | Zeile 2.445: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
− | .ns-6 . | + | .bildseite, |
+ | .glossarseite { | ||
+ | width: auto; | ||
+ | max-width: 48rem; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .ns-6 .firstHeadingTitel { | ||
+ | width: auto; | ||
margin: 0 auto; | margin: 0 auto; | ||
text-align: left; | text-align: left; | ||
font-size: 1.5rem; | font-size: 1.5rem; | ||
padding: .5rem 0; | padding: .5rem 0; | ||
+ | color:#333; | ||
+ | background: transparent; | ||
+ | } | ||
+ | .ns-6 .firstHeadingBody { | ||
+ | background: transparent; | ||
+ | width: auto; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | max-width: none; | ||
} | } | ||
− | .ns-6 | + | .ns--1 #search-container, |
− | + | .ns-6 #search-container { | |
+ | display:none; | ||
} | } | ||
.verwandte_bilder { | .verwandte_bilder { | ||
Zeile 2.432: | Zeile 2.620: | ||
#toc, | #toc, | ||
.sitemapBg, | .sitemapBg, | ||
− | #plusMinusAll | + | #plusMinusAll { |
− | |||
− | |||
box-shadow: 0 0 5px 1px rgb(66 50 12 / 20%); | box-shadow: 0 0 5px 1px rgb(66 50 12 / 20%); | ||
} | } | ||
− | + | /***** Popups *****/ | |
− | /* | + | body.ppOpen > * { |
− | + | display: none; | |
− | + | } | |
− | + | #popupDiv { | |
− | + | position: absolute; | |
− | + | right: 0; | |
− | + | left: 0; | |
− | + | top: 0; | |
+ | bottom: 0; | ||
+ | z-index:5; | ||
+ | } | ||
+ | #ppX { | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | text-align: right; | ||
+ | color: #fff; | ||
+ | font-size: 3rem; | ||
+ | padding: 0 1rem; | ||
+ | z-index: 2; | ||
+ | cursor: pointer; | ||
+ | opacity: .5 | ||
+ | } | ||
+ | #ppX:hover { | ||
+ | background: rgb(204 204 204 / 15%); | ||
+ | opacity: 1 | ||
} | } | ||
− | + | .ppSingle { | |
− | + | color:#fff; | |
− | + | text-align: center; | |
− | + | } | |
− | + | .ppGrid { | |
− | + | position: fixed; | |
− | + | top: 0; | |
− | + | left: 0; | |
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | background-image: linear-gradient(rgb(0 0 0 / 70%),rgb(0 0 0 / 75%)), url(/wikibilder/luck.jpg); | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | height: calc(100% - 3em); | ||
+ | padding-bottom: 3em; | ||
} | } | ||
− | + | .ppBack, .ppNext { | |
− | #content | + | display: block; |
− | + | color: #fff; | |
+ | flex: 1; | ||
+ | font-size: 2rem; | ||
+ | } | ||
+ | .ppBack::before { | ||
+ | content:'‹'; | ||
+ | left: 0; | ||
+ | padding: 2rem 6rem 2rem 1rem; | ||
} | } | ||
− | . | + | .ppNext::before { |
− | + | content:'›'; | |
− | + | right: 0; | |
− | + | padding: 2rem 1rem 2rem 6rem; | |
} | } | ||
− | # | + | .ppBack::before , |
− | + | .ppNext::before { | |
+ | position: absolute; | ||
+ | font-size: 4rem; | ||
+ | cursor: pointer; | ||
+ | opacity: .5; | ||
+ | text-shadow: 0 0 .1em #999; | ||
+ | transition: padding-left .5s; | ||
+ | transition: padding-right .5s; | ||
} | } | ||
− | . | + | .ppBack:hover::before , |
− | + | .ppNext:hover::before { | |
+ | opacity: 1; | ||
+ | } | ||
+ | .ppNext:hover::before { | ||
+ | padding-right: .5rem; | ||
+ | transition: padding-right .5s; | ||
} | } | ||
− | . | + | .ppBack:hover::before { |
− | + | padding-left: .5rem; | |
− | . | + | transition: padding-left .5s; |
− | |||
} | } | ||
− | . | + | .ppImg { |
− | + | display: flex; | |
− | + | justify-content: center; | |
+ | align-items: center; | ||
+ | height: 100%; | ||
+ | cursor: zoom-in; | ||
+ | } | ||
+ | a.ppImg:hover { | ||
+ | background: none; | ||
} | } | ||
− | . | + | .ppImg img { |
− | + | max-width: 100%; | |
+ | max-height: 100%; | ||
+ | } | ||
+ | .ppText { | ||
+ | position: absolute; | ||
+ | top: calc(100% - 3em); | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | padding: .6em 10% 0; | ||
+ | background: rgb(70 70 70 / 70%); | ||
} | } | ||
− | + | .ppInfo { | |
− | . | + | display: block; |
− | + | text-align: left; | |
− | + | } | |
− | + | .ppInfo a, .ppInfo a:visited { | |
+ | color: #8db3ff; | ||
} | } | ||
− | + | .ppInfo a:hover { | |
− | + | background: #ccc; | |
− | + | color: #3365cb; | |
} | } | ||
− | . | + | a.ppBacklink { |
− | + | display: block; | |
+ | font-size: 1rem; | ||
+ | max-width: 25%; | ||
+ | background-color: #2b4e97; | ||
+ | border-radius: .2em; | ||
+ | color: #fff; | ||
+ | padding: 0.5em 1em; | ||
+ | margin: -.5em 0 .5em 1em; | ||
+ | float: right; | ||
} | } | ||
− | . | + | a.ppBacklink:hover { |
− | + | color: #fff; | |
− | + | text-decoration: none; | |
− | + | background-color: #224488; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | color: # | ||
− | |||
− | |||
} | } | ||
− | + | .ppBacklink::before { | |
− | + | content: '画'; | |
− | + | padding-right: 0.75em; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | /* Font Awesome */ | |
− | + | ||
+ | |||
+ | *::before, | ||
+ | *::after { | ||
+ | text-rendering: auto; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /*** Mobile ***/ |
− | + | ||
− | + | @media only screen and (orientation: portrait), (max-width: 940px ) { | |
− | + | html, body { | |
− | + | text-size-adjust: none; | |
− | + | font-size: min(max(2vh, 16px), 220%); | |
− | |||
− | |||
} | } | ||
− | . | + | |
− | . | + | #content { |
− | + | width: 100%; | |
+ | } | ||
+ | .ns-0.action-view #bodyContent, | ||
+ | .ns-4.action-view #bodyContent, | ||
+ | .ns-12.action-view #bodyContent, | ||
+ | .wikiEditor-preview-contents { | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
} | } | ||
− | . | + | .verweiseWrap, |
− | margin- | + | .ns-0.action-view #siteNotice, |
+ | .ns-4.action-view #siteNotice, | ||
+ | #bottom-notice-ns, | ||
+ | .bottom-notice-body { | ||
+ | width: 100% !important; | ||
+ | } | ||
+ | #p-search #searchform { | ||
+ | margin: .1rem 1rem; | ||
+ | } | ||
+ | .mw-parser-output > * { | ||
+ | width: 75%; | ||
+ | } | ||
+ | .mw-parser-output > ul, | ||
+ | .mw-parser-output > ol, | ||
+ | .mw-parser-output > dl { | ||
+ | width: calc(75% - 4rem); | ||
+ | } | ||
+ | .mw-parser-output > .zitat { | ||
+ | width: calc(75% - 2rem); | ||
+ | padding: 1.5rem 3rem 1rem; | ||
} | } | ||
− | . | + | .largebox { |
− | + | width: 100%; | |
} | } | ||
− | + | #firstHeading { | |
− | + | height: unset !important; | |
+ | padding: 1.5em 0 !important; | ||
} | } | ||
− | . | + | .firstHeadingTitel, |
− | + | .firstHeading { | |
− | + | width: auto; | |
+ | font-size: 2em; | ||
+ | padding: 0; | ||
+ | margin-bottom: 1rem; | ||
} | } | ||
− | . | + | .firstHeadingBody { |
− | max-width: none; | + | margin: 0 auto 2rem; |
− | + | max-width: none; | |
− | + | width: auto; | |
+ | padding: 3rem 5%; | ||
+ | } | ||
+ | #firstHeading > span { | ||
+ | position: static; | ||
+ | display: inline; | ||
+ | } | ||
+ | .bildbox { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #toc | ||
+ | , #toc.stickyToc { | ||
+ | float: left; | ||
margin: 0 auto 2rem; | margin: 0 auto 2rem; | ||
+ | display: block; | ||
+ | position: fixed; | ||
+ | position: sticky; | ||
+ | left: 0; | ||
+ | top: 7rem; | ||
+ | width: 1.75rem; | ||
+ | max-height: 100%; | ||
+ | border-radius: 0 0.5rem 0.5rem 0; | ||
+ | transition: 500ms; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | #toc:hover | ||
+ | , #toc.stickyToc:hover { | ||
+ | width:100%; | ||
+ | opacity:1; | ||
+ | } | ||
+ | #toc::after | ||
+ | , #toc.stickyToc::after { | ||
+ | content: '›'; | ||
+ | display: flex; | ||
+ | align-items:center; | ||
+ | justify-content: center; | ||
+ | padding-bottom: .5rem; | ||
+ | font-family: monospace; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | font-size: 2.5rem; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | width: 1.75rem; | ||
+ | height: auto; | ||
+ | bottom: 0; | ||
+ | cursor: pointer; | ||
+ | opacity:1; | ||
+ | transition: 250ms; | ||
+ | } | ||
+ | #toc:hover::after, | ||
+ | #toc.stickyToc:hover::after { | ||
+ | opacity:0; | ||
+ | } | ||
+ | #toc > ul { | ||
+ | column-count: 2; | ||
+ | column-gap: 0; | ||
+ | padding-left: 1.25rem; | ||
+ | } | ||
+ | |||
+ | /* Bilder */ | ||
+ | .mw-parser-output > .i500, | ||
+ | .mw-parser-output > .i500.imax, | ||
+ | .mw-parser-output > .i500.i503b, | ||
+ | .mw-parser-output > .imgbox, | ||
+ | .mw-parser-output > .imgWrap, | ||
+ | .mw-parser-output .sidebox_Wrapper .imgBorder { | ||
+ | width: auto; | ||
+ | max-width: none; | ||
+ | } | ||
+ | .imax { | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | .float-l { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .float-r { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | .i500 .bildtext, .i240 .bildtext, .imgWrap .bildtext { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | font-size: .8em; | ||
+ | color: #555; | ||
+ | background: transparent; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | /*********/ | ||
+ | .verticalNav { | ||
+ | margin-left: -3.5rem; | ||
+ | } | ||
+ | .scite-referencelist-columns-fixed { | ||
+ | float: none; | ||
+ | width: auto!important; | ||
+ | } | ||
+ | .mainInfo { | ||
+ | max-width: none; | ||
+ | float: none; | ||
+ | width: 80%; | ||
+ | margin: 0 auto 2rem; | ||
+ | } | ||
+ | .showResultsLit { | ||
+ | column-count: 1; | ||
+ | width: auto; | ||
+ | max-width: none; | ||
+ | font-size: .9em; | ||
+ | margin: auto; | ||
} | } | ||
} | } |
Aktuelle Version vom 22. August 2024, 15:37 Uhr
/*@import "/r/extensions/FontAwesome/res/fontawesome/css/all.min.css"; */
/*/______________________________________________
Hier befinden sich im Wesentlichen css-Befehle, die mit Extensions und Templates zu tun haben
ANMERKUNGEN
EINZELSEITEN
GLOSSAR
BILDER
TOCF
TEXT
POPUPS
mobile
______________________________________________/*/
.chapter-end {
text-align: center;
font-style: italic;
margin-top: 3em;
}
.question {
padding: 1em;
position: absolute;
width: 10em;
left: -13em;
color: green;
font-size: .8em;
background: rgb(46 163 87 / 12%);
border-radius: 0.5em;
}
.ns-2 .wikitable td:first-child {
text-align: right;
padding-right: 1em;
}
.firstletter {
float: left;
line-height: .85;
font-size: 5.5em;
margin: 0 .1em 0 0;
font-family: Georgia,Times,serif;
}
.g_map {
margin: 1.3em auto;
border-radius: .5rem;
border: 0px solid #dbd0b5;
box-shadow: 0 0 4px 0px #dbd0b5;
overflow: hidden;
}
.g_map+.bildtext {
margin: -.8em auto 1.3em;
}
#content .g_map p {
margin: 0 !important;
width: auto;
}
/**** Wikitable ******/
table.wikitable {
margin: 1em auto;
}
.prettytable {
margin: 1em auto 1em;
border: 1px #aaa solid;
border-collapse: collapse;
background: #f9f9f9;
}
.prettytable th,
.prettytable td {
border: 1px #aaa solid;
padding: .2em .5em;
}
.prettytable th {
text-align: center;
background: #e9e9e9;
font-family: 'MS Trebuchet' Arial;
}
.prettytable caption {
font-weight: bold;
}
.pre.javascript.source-javascript {
font-size: 1.25em;
}
/******** editlinks ***********/
#content .editlink {
text-align:right;
font-size:x-small;
margin-top:-.3em;
}
/******** Schlagworte ***********/
.ns-14 #content h3 {
font-size: 1em;
background:none;
margin: 0 auto;
}
/**** sysop Show hide ****/
.sysop, .user {
display: none;
}
.anon {
display: block;
}
.mw-warning-with-logexcerpt {
display:none;
}
/********* Wiki Spezialseiten ***********/
table.diff {
padding-top: 11em;
}
.mw-specialpagesgroup {
background:#eeeee5 !important;
}
/********** Anmerkungen ************/
.reference {
font-size: .8em;
line-height: 1;
vertical-align:text-top;
}
.reference a {
/* border: 1px solid #F1D3BA; */
border-radius: 50%;
padding: 0 .2em;
background:#f2f2f2;
border: 0;
}
.reference a:hover {
background:#fffbee;
}
#content .mw-references-wrap:last-of-type {
background: rgb(230, 229, 219);
}
.mw-references-wrap div.floatright {
width: 75px;
line-height: 75px;
text-align: center;
background: #CCC9B7;
border: 1px solid #B8B5AF;
border-radius: 50%;
overflow: hidden;
}
.references {
column-count: 2;
column-gap: 3em;
}
/*****************
Bilderanmerkungen SCI (SMW-Cite)
******************/
.qtip {
line-height: 1.2;
font-family: calibri;
}
.qtip-content {
padding: .5em 1em;
}
.qtip .qtip-content a {
background: transparent;
color: #1067ac;
}
.verweise .scite-content > h2 {
display: none;
}
.scite-referencelist li {
clear:both;
}
.scite-referencelist .scite-citation-text {
font-size: 1rem;
font-family: inherit;
line-height: 1.5;
}
.scite-referencelist .floatright {
width: 75px;
line-height: 75px;
text-align: center;
background: #d5d0c0;
border-radius: 50%;
overflow: hidden;
margin-left: 1em;
position: relative;
z-index: 1;
}
.scite-citeref-number {
vertical-align: text-bottom;
font-size: .9em;
visibility: visible;
float: right;
}
.scite-citeref-number a {
vertical-align: text-bottom;
display: inline-block;
background: #e3e3ca;
margin: 0 1px;
min-width: .8em;
line-height: .8;
padding: .2em;
text-align: center;
border-radius: 1em;
color: #333;
text-decoration: none;
}
.scite-citeref-number a:hover {
background: #f0b83a;
color: #333;
}
.scite-citeref-number a::before,
.scite-citeref-number a::after {
content: '';
}
.hell .scite-citeref-number a {
background: #6d6a65;
color: #ffe;
}
/* Reference tooltips */
.referencetooltip {
position: absolute;
list-style-image: none;
opacity: 0;
font-size: .8rem;
margin: 0 auto;
z-index: 5;
padding: 0;
}
.referencetooltip li {
border: #EEA500 .1em solid;
border-radius: .3em;
max-width: 14em;
padding: .5em;
margin: 0;
background-color: #F7F7F7;
box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
list-style: none;
}
.referencetooltip li+li {
margin-left: .5em;
margin-top: -.1em;
padding: 0;
height: .5em;
width: 0;
background-color: transparent;
box-shadow: none;
border-top-width: .8em;
border-right: .5em transparent solid;
border-left: .5em transparent solid;
}
.referencetooltip>li+li::after {
content: '';
border-top: .5em #F7F7F7 solid;
border-right: .3em transparent solid;
border-left: .3em transparent solid;
margin-top: -.8em;
margin-left: -.3em;
z-index: 1;
height: 0px;
width: 0px;
display: block;
}
.client-js body .referencetooltip li li {
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
height: auto;
width: auto;
margin: auto;
padding: 0;
position: static;
}
.RTflipped {
padding-top: 1em;
}
.referencetooltip.RTflipped li+li {
position: absolute;
top: .1em;
border-top: 0;
border-bottom-width: .8em;
}
.referencetooltip.RTflipped li+li::after {
border-top: 0;
border-bottom: .5em #F7F7F7 solid;
position: absolute;
margin-top: .5em;
}
.RTsettings {
display:none;
float: right;
height: 1em;
width: 1em;
cursor: pointer;
background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
margin-top: -.6em;
margin-right: -.5em;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
transition: opacity 0.15s;
opacity: 0.6;
filter: alpha(opacity=60);
}
.RTsettings:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.RTTarget {
border: #080086 2px solid;
}
.bildtext .reference {
vertical-align:baseline;
white-space: nowrap;
}
.bildtext .reference a {
color: #000;
display: inline-block;
padding: 0.1em .35em;
margin: 0 1px -0.2em;
border:0;
text-indent: -0.6em;
overflow: hidden;
background: #E3E3CA;
}
.bildtext .reference a:hover {
text-decoration:none;
color: #210C4E;
background: #f0b83a;
}
#content a.external[href*="religion-in-japan.univie.ac.at"]::after,
#mw_content a.external[href*="religion-in-japan.univie.ac.at"]::after {
content: '';
}
/*______________________________________________
GLOSSAR
BILDER
Sidebox
Bildbox (Galerie1)
Dia
Galerie2 (Sidepage)
TEXT
Textbox
Linkbox
Zitat
Thisway
zitieren
______________________________________________
*/
/*************
GLOSSAR
**************/
/* Glossarseiten */
.glossar_list {
}
.glossar_list b {
font-family: carlito, calibri, arial;
font-size: 1.1em;
}
.g_thema {
display: block;
border: 1px solid #ddd;
background-color: #f9f9f9;
padding: 5px 10px;
margin: 1em -11px;
clear: both;
}
/* Glossarliste Info*/
#g_info .glossar {
float: right;
width: 1.5em;
text-align: center;
border: 1px solid #90A0DB;
border-radius: 1em;
margin: -0.2em 0 0 3em;
background:#E7EEF5;
font-family: carlito, calibri, arial;
cursor: help;
}
#g_info .glossar:hover {
background:#B6CADF;
}
small.g_nav {
display: block;
padding: 0 2em;
font-size: 1.2em;
font-weight: bold;
color: #9FA9C8;
}
small.g_nav a {
font-family: Arial black, Arial;
}
small.g_nav i a {
font-family: Georgia;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}
/* SMW-Listen */
.glossarliste-intro {
text-align: center;
width: auto;
max-width: 70rem;
font-size: 1rem;
padding: 0 0 1em;
}
.smw-columnlist-container {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
grid-gap: 4rem;
width: auto;
margin: auto;
max-width: 70rem; /* 4 Spalten vermeiden */
}
.smw-column {
width: auto !important;
}
.smw-columnlist-container ul {
padding-left: 2rem;
padding-right: 0;
}
.smw-columnlist-container li,
.glossar_list li {
font-size: .9rem;
line-height: 1.3;
text-indent: -2rem;
margin: 0 0 .7em;
text-align: left;
list-style: none;
}
.g_sprache a::before {
content:'(';
}
.g_sprache a::after {
content:')';
}
.g_sprache .mw-selflink {
display: none;
}
.g_styled_term .g_script_jap {
font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , '游ゴシック' , '游ゴシック体' , YuGothic , 'Yu Gothic';
}
.smw-category-furtherresults {
display: block;
font-size: 1rem;
padding-top: 2em;
text-align: right;
}
.mw-special-Ask .glossarliste-intro {
margin-top: -6rem;
margin-bottom: 4rem;
}
/*
.smw-ask-downloadlinks,
.smw-tabs label.nav-label {
display: none;
}
*/
/* Glossar inline */
.hide {
display: none;
}
.glossar {
cursor: url(/wikibilder/kanji26.cur), help;
border-bottom: 1px solid rgb(17 51 102 /25%);
color: #136;
position:relative;
hyphens:manual;
-webkit-hyphens: manual;
-moz-hyphens: manual;
}
.glossar:hover {
background:#f1f5ff;
color:#124374; /*blau*/
}
.glossar:target,
.glossar :target {
background-image: radial-gradient(rgb(255 247 0 / 50%),transparent);
}
.g_box {
display: none;
position:absolute;
z-index:1;
top:1.1em;
left: -2em;
left: calc(50% - 6.75em - 1px);
font-size: 1rem;
line-height: 1.3;
text-align:center;
font-family: calibri, arial;
font-weight:normal;
width: 12em;
padding: .75em;
border-radius: .5rem;
box-shadow: 1px 1px 3px rgba(48, 37, 20, 0.5);
cursor: default;
z-index: 6;
color: #135;
background-color: #f4f8ff;
border: 1px solid #4694e2;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
hyphens:auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
}
.g_box .v-link {
display: none;
}
.g_box [class^='g_script'] {
display:block;
margin-bottom: .5em;
}
.glossar#show_Tooltip .g_box {
display: block;
}
.g_term {
display: block;
padding: .3em 0;
font-size: 1.1rem;
hyphens:manual;
-webkit-hyphens: manual;
-moz-hyphens: manual;
}
.g_script {
display: block;
font-family: 'MS Mincho';
line-height: 1.5;
}
.g_text {
display: block;
text-align: left;
margin: .2em .2em 0;
padding: .7em .2em 1em;
border: 1px solid #9FAFD8;
border-width: 1px 0;
}
.g_links {
display: block;
}
.g_links:empty {
display: none;
}
.g_links_artikel li {
text-align: left;
}
.glossarlink {
hyphens: manual;
}
/* Glossar Links */
.glossarlink a:after {
content: "G";
color: #aad;
font-size: .6em;
position: relative;
top: -.8em;
font-weight: normal;
font-style: normal;
font-family: Arial, sans;
font-family: carlito, calibri, arial;
padding-left: .2em;
}
.glossarlink a:hover {
text-decoration: none;
background: #FCFFBD;
}
.glossarlink a:hover:after {
color: #e00;
}
/* Glossar Bilder*/
.b_liste {
min-width: 580px;
font-size: .9em;
text-align: center;
margin: 0 auto 1em;
}
.b_liste ul {
margin: 0 auto 1em;
}
.b_liste li {
display: inline-block;
margin: 0;
width: auto;
height: auto;
list-style: none;
}
.b_bild {
height: 160px;
width: 160px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
margin: 4px;
padding:0;
background:#eee;
border:1px solid #ccc;
border-radius: 50%;
}
.b_genre,
.b_small {
display: block;
padding: 0 3px;
line-height: 15px;
font-size: 10px;
color: #aaa;
height: 15px;
overflow: hidden;
text-align: center;
margin: -3px 4px 4px;
}
.b_small {
text-align: right;
margin: -15px 4px 4px;
}
.b_genre a,
.b_genre a:visited {
color: #999;
}
.b_small a,
.b_small a:visited {
color: #bbb;
}
.b_tags {
padding: 1em 0;
}
.b_tags::before {
content: '';
display: block;
height: 3px;
background-image: radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
position: absolute;
left: 5%;
right: 5%;
border-radius: 25%;
margin-top: 5px;
}
.b_tags .shortlist:first-child {
margin-top: 1.5em;
}
.b_tags .far,
.b_tags .fas {
font-size: 2em;
margin-left: -1.75em;
margin-right: 0.5em;
position: relative;
top: .45em;
color: #8aadca;
}
/* neu 2020/4 */
.bilderliste {
width: calc(100% - 18rem);
}
#content .galerie_glossar,
ul.galerie_glossar
{
width: auto;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
list-style: none;
}
.mw-parser-output .galerie_glossar li::before {
content:'';
margin: 0;
}
.galerie_glossar li > div,
.einzelbild_wrap {
margin: 0 10px 10px;
width: 180px;
overflow: hidden;
}
.einzelbild {
overflow: hidden;
border-radius: 50%;
width: 180px;
height: 180px;
display: grid;
place-items: center;
background: rgb(238, 237, 222);
box-shadow: 0 0 5px 0px rgb(230, 229, 214);
}
.galerie_glossar .caption,
.einzelbild_wrap .caption {
font-size: 12px;
line-height: 18px;
text-align: center;
padding: 6px 0 12px;
}
#content .bilderliste h3 {
margin: 0;
margin-top: -2.5rem;
padding: .5rem 0;
text-align: center;
}
.bilderliste .smw-plainlist-furtherresults {
display: block;
width: 100%;
text-align: center;
padding: 2em 0;
}
.countBilder {
text-align: right;
font-size: .9em;
color: #666;
padding: .7em 0;
margin-bottom: 1em;
}
/*________________
Glossar Query Seiten,
Formulare
___________________*/
.formtable {
background: #eee;
padding: 1em;
width: auto;
max-width: 70rem;
}
#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
font-size: 1rem;
}
#infoButton,
#infoText,
#q_wrapper {
width: auto;
max-width: 70rem;
position: relative;
}
#infoText,
#q_wrapper {
padding: 1.1em 2em .1em;
margin-bottom: 1em;
border-radius: 0.5rem;
}
#infoButton {
padding: 0 2em;
cursor: pointer;
width: auto;
z-index:1;
}
#infoButton i {
position: absolute;
display: block;
right: 2em;
top: .45em;
background: #0c67d3;
color: #fff;
width: 2em;
text-align: center;
line-height: 2em;
border-radius: 50%;
opacity: .6;
}
#infoButton i:hover {
opacity: 1;
}
#infoText {
background: #dbf0ff;
}
.infoTextBody {
margin: auto;
max-width: max(60%,15em);
}
#q_wrapper {
background: #eee;
font-size: .9em;
}
.formOptions {
}
.formOptions[id^=medium] {
display:none;
}
.formOptionsBody {
margin: .5em 0;
overflow: auto;
background: #fff;
border: 1px solid #ddd;
max-height: 15em;
}
.radioButtonSpan,
.checkboxesSpan {
display: block;
column-width: 10em;
padding: 1em;
background: #fff;
}
.formOptions:first-child .radioButtonSpan {
font-size: 1.5em;
line-height: 1em;
padding: 0.66em;
padding-bottom:0.3em;
}
.formOptions:first-child .radioButtonSpan label {
padding-bottom: 0.36em;
}
.formtable .radioButtonSpan,
.formtable .checkboxesSpan {
padding: .1em .5em;
background: #fff;
border: 1px solid #ddd;
}
#pfForm label.checkboxLabel,
#pfForm label.radioButtonItem,
.formOptions label {
display: inline-block;
width: 8.5em;
padding-left:1.5em;
position: relative;
cursor: pointer;
}
#pfForm input[type="checkbox"],
#pfForm input[type="radio"] {
-webkit-appearance: none;
appearance: none;
position: absolute;
left: 0;
top: 0.2em;
margin: 0;
display: inline-block;
width: 1.1rem !important;
height: 1.1rem;
}
#pfForm input[type="radio"] {
border-radius: 50%;
background-color: #fff;
border: .15em solid #aaa;
box-shadow: inset 0 0 0 0.2em #fff;
}
#pfForm input[type="radio"]:hover {
background-color: #ccc;
}
#pfForm input[type="radio"]:checked {
background-color: #155bdb;
border-color: #72a4ff;
}
#pfForm input[type="checkbox"] {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
font-size: 1rem;
line-height: 1rem;
border-radius: 0.2em;
box-shadow: 1px 1px 2px 0px #aaa;
background: #eee;
}
#pfForm input[type="checkbox"]:checked {
background-color: #cfdcff;
}
#pfForm input[type="checkbox"]::before {
content: '';
display: block;
width: 0.8em;
height: 0.4em;
color: #003dad;
position: absolute;
left: 0;
top: 0;
border: 0.2em solid #003dad;
border-width: 0 0 0.2em 0.3em;
border-radius: 0.2em;
transform: skew(38deg, 323deg);
opacity:0;
}
#pfForm input[type="checkbox"]:hover::before {
opacity:.2;
}
#pfForm input[type="checkbox"]:checked::before {
opacity:1;
}
.q_button {
width: 100%;
text-align: center;
padding: 0 0 .3em;
}
#wpRunQuery {
display: inline-block;
font-size: 1.2em;
border: 0;
padding: 0.3em 0.5em;
background: #ddd;
border-radius: 0.2em;
background: #003ca9;
color: #eee;
opacity: .8;
margin: 0.2em;
cursor: pointer;
}
#wpRunQuery:hover {
opacity: 1;
}
.showResults {
width: auto;
max-width: 74rem;
margin: auto;
}
#content .showResults h2 {
padding: 1em 0 0;
border-bottom: 0.05em solid #ccc;
}
.pf-runquery-formcontent hr {
display: none;
opacity: 0;
}
.sysoplinks {
font-size: .7em;
position: absolute;
}
/*__________________*/
.markerwithlabel { /* GOOGLE */
border: 0;
background-color: rgba(255, 255, 255, 0.7);
padding: 3px 5px;
text-shadow: 1px 1px 3px #fff;
}
/* Bildliste4*/
.bild_liste4,
.bildliste4 {
display: grid;
grid-template-columns: repeat(auto-fit,calc(160px + 2.5em) minmax(12em,1fr));
grid-gap: 1rem;
align-items: center;
max-width: 73rem;
width: auto;
margin: auto;
}
.smw-ask-result .bildliste4 {
width: auto;
padding: 0;
}
.smw-ask-result .firstHeading {
font-size: 1.5em;
}
.bildliste4 .b_bild {
background: #eae8e1;
box-shadow: 0 0 2px 0px rgb(148 140 107);
border: 0;
margin-bottom:.5em;
border-radius: 10px;
}
.b_info {
font-size: .85em;
padding-right: .5em;
}
.b_label {
text-indent: -1.5em;
display: inline-block;
font-style: italic;
}
.smw-plainlist-furtherresults {
display: block;
margin-top: 1em;
text-align: right;
}
.countBilder {
text-align: center;
}
/* Bildliste5*/
.bildliste5 {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(calc(15em + 120px),1fr));
grid-gap: 1rem;
align-items: center;
max-width: 73rem;
width: auto;
margin: auto;
}
.bildlink {
display: grid;
grid-template-columns: 120px 1fr;
justify-content: center;
align-content: center;
align-items: center;
}
.link_bild {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
width: 120px;
overflow: hidden;
background: #eae8e1;
box-shadow: 0 0 2px 0px rgb(148 140 107);
margin-bottom: 0.5em;
border-radius: 10px;
}
.link_info {
padding-left: 1em;
font-size: .8em;
}
.link_label {
text-indent: 0;
display: inline-block;
font-style: italic;
}
/********* Katergorie-Seiten *********/
.gallery li {
list-style: none;
}
/***************************************
LITERATUR
***************************************/
.literatur {
margin-bottom: .8em;
padding-left: 2rem;
}
.literatur + .literatur {
margin-top: -.4em;
}
.L_autor {
margin-left: -2rem;
}
.ns-4 .literatur {
padding-left: 7em;
}
.ns-4 .L_autor {
margin-left: -7em;
}
.ns-4 .L_fam {
font-variant: small-caps;
}
.L_jahr:before {
content: ", ";
}
.ns-4 .L_jahr:before {
content: "";
}
.ns-4 .L_jahr {
display: block;
position: absolute;
left: 2em;
}
.ns-4 .L_jahr {
display: block;
position: static;
/* left: 2em; */
margin: 0 0 -1.5em 1.5em;
}
.showResultsLit {
column-count: 2;
column-rule: #d2dbe4 2px solid;
width: calc(100% - 18rem);
max-width: none;
font-size: .9em;
margin: auto;
}
.showResultsLit li {
list-style:none;
padding-left: 2em;
text-indent:-2em;
position: relative;
break-inside: avoid-column;
}
/*******************************
Randelemente
********************************/
#toc,
.sidebox > div,
.sidebox3 > div {
position: relative;
border-radius: .5rem;
border:0;
box-shadow: 0 0 10px 1px rgba(147, 136, 109, 0.5);
font: normal normal 1rem Calibri;
}
.mw-parser-output .sidebox3,
.mw-parser-output .top12,
.mw-parser-output .sidebox_Wrapper {
width: auto;
min-width: inherit;
max-width: none;
}
/*******************************
TOC
********************************/
/* Table of Contents */
.toclevel-3,
.toclevel-4,
.toclevel-5,
.toclevel-6,
.tocnumber,
.toctoggle,
.toctogglespan {
display: none;
}
#toc {
float: left;
margin: 0 2em 1em 0;
padding: 0;
position: relative;
z-index: 1;
width:14rem;
font-size: 1.1rem;
overflow: hidden;
display: block;
max-height: 100%;
opacity: 1;
transition: 500ms;
/* float hack:
left:100%;
margin-left:-100%;*/
}
#toc * {
overflow: hidden;
white-space: nowrap;
}
#toc ul,
#toc li {
margin: 0;
padding: 0;
text-align: left;
background: #f7f6e6;
list-style: none;
}
#toc > ul {
padding: .5em .1em .7em 0;
}
#toc a {
display: block;
line-height:1.3;
padding: 1px .3em;
color: #666;
}
#toc a:hover {
text-decoration: none;
color: #000;
background:#E8E7CA;
}
.toctext {
display: block;
width: 11em;
text-overflow: ellipsis;
}
#toc .toclevel-1 {
margin-left: 4%;
}
#toc li.toclevel-1:first-child > a {
padding-top: .3em;
}
#toc li:last-child > a {
padding-bottom: .3em;
}
#toc li li {
font-size: .94em;
}
#toc li li a {
margin-left: 1em;
}
#toc li::after {
content: '';
display: block;
width: .5em;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-image: linear-gradient(to right, transparent, transparent, #f7f6e6);
}
/* sticky toc */
#toc.stickyToc {
position: fixed;
top: 7rem;
top: 0.25rem;
max-height: 3rem;
opacity: .75;
width: 3rem;
margin-left: 7.75rem;
z-index: 4;
border-radius: 50%;
}
#toc.stickyToc:hover {
max-height: 100%;
opacity: 1;
width: 14rem;
margin: 0;
border-radius: .5rem;
}
#toc.stickyToc::after {
content: '▼';
content: '\f078';
font-family: 'Font Awesome 5 Free';
font-weight: 800;
position: absolute;
font-size: 1.5rem;
top: 0;
left: 0;
right: 0;
padding-top: .25rem;
height: 2.75rem;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: 500ms;
}
#toc.stickyToc:hover::after {
opacity: 0;
height: 0;
}
/************************
FARBEN
************************/
/* Balken in der Navigation*/
#p-Grundbegriffe {
border-color: #334;
}
#p-Bauten {
border-color: #ae3711;
}
#p-Alltag {
border-color: #A6A66F;
}
#p-Ikonographie {
border-color: #3C325B;
}
#p-Mythen {
border-color: #87947a;
}
#p-Geschichte {
border-color: #2c405b;
}
#p-Denken {
border-color: #b08b34;
}
#p-Essay {
border-color: #6d5a20;
}
#p-Meta,
#p-Glossar,
#p-Wiki {
border-color: #d8d8b8;
background: #f7f4e4;
}
/******* Default *******/
#mw-page-base {
background-image: linear-gradient(rgba(181, 181, 165, 0.8), transparent);
}
.firstHeading,
.firstHeadingTitel,
h2,
h3 {
color:#246;
}
#p-personal ul,
#p-personal li a,
#p-personal li a.new,
#p-personal li a.new:visited,
#toc h2 {
background-color: #788099;
background-repeat: no-repeat;
color:#FFF;
border: 0;
font-size: 1em;
line-height: 2;
display:block;
text-align: center;
margin: 0px;
padding: 0 .3em;
}
#toc::after {
background-color: #788099;
color:#FFF;
}
#p-personal li a,
#p-personal li a.new {
background:transparent;
color:#aaa;
}
#p-personal li a:hover,
#p-personal li a.new:hover,
.action-view div[id^=siteSub] a:hover {
color:#999;
}
/* Hauptseite */
.hauptseite-h1 {
background-image: linear-gradient(rgb(50 83 130 / 80%),rgb(50 83 130 / 80%)),url(/wikibilder/mythen.jpg);
background-size: contain;
}
.logo300r,
.hauptseite-h1 .firstHeadingBody::after {
background-image: url(/wikibilder/Logo_ebisu_300r.png);
}
/* Metalog, allg */
.bars {
opacity: .66;
}
#sitemapToggle:hover .bars {
opacity: 1;
}
.crumbs,
.crumbs a {
color:#dee4f4;
background-color:#64769d;
color: #dee4f4;
background-color: #3b5678;
line-height: 3rem;
text-transform: lowercase;
}
#localNotice .crumbs,
#localNotice .crumbs a {
background: transparent;
color: initial;
}
.metalog-h1,
#sitemapToggle .bars,
#toc h2,
.thisway a {
background-color:#64769d;
color:#dee4f4;
background-color: #526781;
color: #eee;
}
.firstHeadingBody {
background-color: rgb(210, 219, 228);
color: rgb(49 67 94);
}
.firstHeadingTitle,
.metalog-h1 {
background-image: linear-gradient(rgb(84 110 143 / 86%),rgb(210 219 228 / 68%)),url(/wikibilder/metalog.jpg);
}
/* Grundbegriffe */
.grundbegriffe-h1,
[class*=page-Grundbegriffe] h2,
[class*=page-Grundbegriffe] h3 {
color:#336;
}
[class*=page-Grundbegriffe] .crumbs, [class*=page-Grundbegriffe] .search2,
[class*=page-Grundbegriffe] #sitemapToggle .bars,
[class*=page-Grundbegriffe] #toc h2,
.thisway.grundbegriffe-tw a,
[class*=page-Grundbegriffe] #toc::after {
background-color:#445;
color:#dadade;
}
.grundbegriffe-h1 .firstHeadingBody {
background-color:#CBCBD7;
color: #336;
}
.grundbegriffe-h1 {
background-image: linear-gradient(rgb(255 255 255 / 20%), rgb(255 255 255 / 40%)), url(/wikibilder/grundbegriffe.jpg);
}
/* Bauten */
.firstHeading.bauten-h1,
[class*=page-Bauten] h2,
[class*=page-Bauten] h3 {
color:#821c00;
border-color: rgba(247, 198, 158, 0.75);
}
[class*=page-Bauten] .crumbs, [class*=page-Bauten] .search2,
[class*=page-Bauten] #sitemapToggle .bars,
[class*=page-Bauten] #toc h2,
.thisway.bauten-tw a,
[class*=page-Bauten] #toc::after {
background-color:#b54b2a;
color:#ffebce;
}
.bauten-h1 .firstHeadingBody {
background-color:#ffe5cb;
color:#821c00;
}
[class*=page-Bauten] .textbox_body {
background-color: #feebd8;
color: #5b3125;
}
.bauten-h1 {
background-image: linear-gradient(rgb(197 104 75 / 73%),rgb(231 164 124 / 67%)),url(/wikibilder/bauten.jpg);
background-image: linear-gradient(rgb(175 74 43 / 60%),rgb(255 229 203 / 60%)),url(/wikibilder/bauten.jpg);
}
.bauten-h1.schreine-h1 {
background-image: linear-gradient(rgba(255, 94, 0, 0.1), rgba(255, 94, 0, 0.1)),
url(/wikibilder/shimenawa.jpg);
background-size: cover;
}
.bauten-h1.inari-h1 {
background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) ), url(/wikibilder/reisstroh.jpg);
background-size: cover;
}
.bauten-h1.tenjin-h1 {
background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) ),
url(/wikibilder/ume.jpg);
}
.bauten-h1.itsukushima-h1 {
background-image: linear-gradient(rgba(255, 94, 0, 0), rgba(255, 94, 0, 0.3)),
url(/wikibilder/wellen.jpg);
}
.bauten-h1.hachiman-h1 {
background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) ),
url(/wikibilder/bambus.jpg);
}
/* Alltag */
.alltag-h1,
[class*=page-Alltag] h2,
[class*=page-Alltag] h3 {
color:#664;
}
[class*=page-Alltag] .crumbs, [class*=page-Alltag] .search2,
[class*=page-Alltag] #sitemapToggle .bars,
[class*=page-Alltag] #toc h2,
[class*=page-Alltag] #toc::after,
.thisway.alltag-tw a {
background-color:#878750;
color: #fffeee;
}
.alltag-h1 .firstHeadingBody {
background-color:#efefc2;
color:#664;
}
[class*=page-Alltag] .textbox_body {
background-color:#e6e6bb;
color:#442;
}
.alltag-h1 {
background-image: linear-gradient(rgb(161 161 112 / 75%),rgb(239 239 194 / 50%)),url(/wikibilder/alltag.jpg);
}
.alltag-h1.opfergaben-h1 {
background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/opfer.jpg);
}
.alltag-h1.jahr-h1 {
background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/neujahr.jpg);
}
.alltag-h1.totenriten-h1,
.alltag-h1.ahnenkult-h1,
.alltag-h1.friedhof-h1 {
background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/svastika.jpg);
}
.alltag-h1.pilgerschaft-h1 {
background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/korbhut.jpg);
}
.alltag-h1.schreinpriester-h1 {
background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 40%)),url(/wikibilder/onusa.jpg);
background-size: cover;
}
.alltag-h1.yamabushi-h1 {
background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 40%)),url(/wikibilder/yamabushi.jpg);
}
/* Ikonographie */
.ikonographie-h1,
[class*=page-Ikonographie] h2,
[class*=page-Ikonographie] h3 {
color:#326;
border-color: rgba(193, 188, 214, 0.66);
}
[class*=page-Ikonographie] .crumbs, [class*=page-Ikonographie] .search2,
[class*=page-Ikonographie] #sitemapToggle .bars,
[class*=page-Ikonographie] #toc h2,
[class*=page-Ikonographie] #toc::after,
.thisway.ikonographie-tw a {
background-color:#3C325B;
color:#d8d3f0;
}
.ikonographie-h1 .firstHeadingBody {
background-color:#dedbef;
color:#326;
}
[class*=page-Ikonographie] .textbox_body {
background-color: #eaebf5;
color:#103;
border-color:#766E90;
}
.ikonographie-h1 {
background-image: linear-gradient(rgb(97 87 133 / 70%),rgb(222 219 239 / 40%)),url(/wikibilder/ikonographie.jpg);
}
.ikonographie-h1.gluecksgoetter-h1 {
background-image: linear-gradient(rgb(255 255 255 / 15%), rgb(255 255 255 / 30%)), url(/wikibilder/fuku.jpg);
background-size: contain;
}
/* Mythen */
.mythen-h1,
[class*=page-Mythen] h2,
[class*=page-Mythen] h3 {
color:#829082;
}
[class*=page-Mythen] .crumbs, [class*=page-Mythen] .search2,
[class*=page-Mythen] #sitemapToggle .bars,
[class*=page-Mythen] #toc h2,
[class*=page-Mythen] #toc::after,
.thisway.mythen-tw a {
background-color:#87947a;
color:#ffe;
}
.mythen-h1 .firstHeadingBody {
background-color:#f0f4e0;
color:#829082;
}
[class*=page-Mythen] .textbox_body {
background-color:#f0f4e0;
color:#333;
}
.mythen-h1 {
background-image: linear-gradient(rgb(165 173 153 / 76%),rgb(240 244 224 / 55%)),url(/wikibilder/mythen.jpg);
background-size: contain;
}
.mythen-h1.jenseits-h1 {
background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/flammen.jpg);
background-size: auto;
}
.mythen-h1.daemonen-h1 {
background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/oni.jpg);
}
.mythen-h1.tengu-h1 {
background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/tengu.jpg);
}
.mythen-h1.imaginaere_tiere-h1 {
background-image: linear-gradient(rgb(154 161 143 / 50%),rgb(240 244 224 / 60%)),url(/wikibilder/drachen.jpg);
}
.mythen-h1.verwandlungskuenstler-h1 {
background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/kitsune.jpg);
}
.mythen-h1.symboltiere-h1 {
background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/tierkreis.jpg);
background-size: cover;
}
.mythen-h1.namazu-e-h1 {
background-image: url(/wikibilder/Namazu_shamisen.png);
background-size: contain;
}
/* Geschichte */
.geschichte-h1,
[class*=page-Geschichte] h2,
[class*=page-Geschichte] h3 {
color:#246;
}
[class*=page-Geschichte] .crumbs, [class*=page-Geschichte] .search2,
[class*=page-Geschichte] #sitemapToggle .bars,
[class*=page-Geschichte] #toc h2,
[class*=page-Geschichte] #toc::after,
.thisway.geschichte-tw a {
background-color:#357;
color:#c0e1ee;
border-color:#8aacb9;
}
.geschichte-h1 .firstHeadingBody {
background-color:#deedf2;
color:#246;
}
.geschichte-h1 {
background-image: linear-gradient(rgb(75 112 149 / 77%),rgb(222 237 242 / 52%)),url(/wikibilder/geschichte.jpg);
background-size: cover;
}
.geschichte-h1.kamikaze-h1 {
background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(0 67 118 / 50%)), url(/wikibilder/schiffe.jpg);
}
.geschichte-h1.zen-h1 {
background-image: linear-gradient(rgb(255 255 255 / 15%), rgb(255 255 255 / 30%)), url(/wikibilder/daruma.jpg);
background-size: contain;
}
/* Denken */
.denken-h1,
[class*=page-Denken] h2,
[class*=page-Denken] h3 {
color:#86682E;
}
[class*=page-Denken] .crumbs, [class*=page-Denken] .search2,
[class*=page-Denken] #sitemapToggle .bars,
[class*=page-Denken] #toc h2,
[class*=page-Denken] #toc::after,
.thisway.denken-tw a {
background-color:#9c8347;
color:#F2F0d1;
}
.denken-h1 .firstHeadingBody {
background-color:#ece5b6;
color:#86682E;
}
[class*=page-Denken] .textbox_body {
color:#5c5033;
background-color:#f5ebc9;
}
.denken-h1 {
background-image: linear-gradient(hsl(42deg 36% 44% / 50%),hsl(52deg 59% 82% / 40%)),url(/wikibilder/denken.jpg);
background-image: linear-gradient(hsl(42deg 36% 44% / 75%),hsl(52deg 59% 82% / 50%)),url(/wikibilder/denken.jpg);
}
/* Essays */
.essays-h1,
[class*=page-Essays] h2,
[class*=page-Essays] h3 {
color:#825d40;
}
[class*=page-Essay] .crumbs, [class*=page-Essay] .search2,
[class*=page-Essays] #sitemapToggle .bars,
[class*=page-Essays] #toc h2,
[class*=page-Essays] #toc::after,
.thisway.essays-tw a {
background-color:#8c6e3c;
color:#F2F0d1;
}
.essays-h1 .firstHeadingBody {
background-color:#F3EEC7;
background-color: #eee6c1;
color:#825d40;
}
[class*=page-Essays] .textbox_body {
color:#5c5033;
background-color:#f5ebc9;
background-color:#eee6c1;
}
.essays-h1 {
background-image: linear-gradient(rgb(205 187 131 / 70%),rgb(243 238 199 / 43%)),url(/wikibilder/essays.jpg);
background-image: linear-gradient(rgb(173 149 74 / 70%), rgb(189 158 68 / 58%)), url(/wikibilder/matsu.jpg);
}
/* Bild, Glossar, Skt */
.ns-6 .crumbs, .ns-6 .crumbs a,
.ns-120 .crumbs, .ns-120 .crumbs a,
.ns-124 .crumbs, .ns-124 .crumbs a {
background: transparent;
color: #666;
}
.ns-120 .firstHeading,
.ns-120 h2,
.ns-120 h3,
.ns-124 .firstHeading,
.ns-124 h2,
.ns-124 h3 {
color: #135;
}
.ns-120 #mw-page-base,
.ns-124 #mw-page-base {
background-image: linear-gradient(rgb(102 144 189 / 50%), transparent);
}
.ns-120 div[id^=siteSub],
.ns-120 div[id^=siteSub] a,
.ns-120 #toc h2,
.ns-124 div[id^=siteSub],
.ns-124 div[id^=siteSub] a,
.ns-124 #toc h2 {
background-color: #50759e;
color: #f3f8ff;
border-color: #c3d2e6;
}
.ns-120 div[id^=siteSub] a:hover,
.ns-124 div[id^=siteSub] a:hover {
background-color:#579;
color:#eef;
}
/*******************************
Sidebox3
********************************/
.sidebox3 {
z-index: 2;
overflow: visible;
}
/** sbUe, **/
.sbUe2 {
}
.sbUe2 a {
position: absolute;
display: block;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 0;
background: rgba(255, 255, 255, 0);
border-radius: 8px;
}
.sbUeText {
display: block;
width: -moz-fit-content;
width: fit-content;
max-width: 350px;
overflow: hidden;
margin-top: -1.25rem;
margin-left: -1rem;
transform: rotate(-2.5deg);
padding-left: 1.2em;
padding-right: .6em;
letter-spacing: .6em;
color: #615539;
text-transform: uppercase;
font-family: Courier, mono;
font-size: .8rem;
line-height: 1.5rem;
font-weight: bold;
background: #dbd0b5;
background: #e0ddd6;
}
.sidebox3:hover .sbUeText {
background: rgb(238, 165, 0);
color: #fff;
text-decoration: none;
}
.sidebox3:hover .sbUe2 a {
z-index: 4;
text-decoration: none;
background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0.2));
}
/***************************************
BILDER
***************************************/
.bildtext {
font-size: .95rem;
line-height: 1;
font-family: Arial;
font-family: carlito, calibri, arial;
color:#554;
text-align:center;
padding:.5em 0 0;
}
.bildtext p {
text-align: left;
padding-left: .7em;
padding-right: .7em;
}
.largebox {
margin: 1em auto;
overflow: auto;
}
.noborder img {
border:0;
}
.nomargin {
margin:0;
padding:0;
}
.hell .text1,
.hell .imgX .bildtext,
.hell .sbAussen + div {
color: #000;
background: rgba(255, 255, 238, 0.7);
}
.hell span.reference a {
color: #ffe;
background: #6d6a65;
}
/**************
dia
**************/
.dia {
position: relative;
margin-left: auto;
margin-right: auto;
/*max-width: 650px;*/
}
.dia .thumb .thumbinner,
.dia .thumb .thumbinner a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto!important;
opacity: 0;
}
.dia .innen img {
width: 100%;
height: inherit;
}
.dia a {
cursor: zoom-in;
}
.dia .bildtext {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: .5em .5em;
line-height: 1.2em;
background-color: rgba(0,0,0,0.5);
color: #E3E3CA;
visibility: hidden;
z-index:2;
}
.dia:hover .bildtext {
visibility: visible;
}
.fulltext {
display:none;
}
.hell .dia .bildtext {
background-color: rgba(219, 208, 181, 0.7);
color: #222222;
}
.mitPagelink:hover .bildtext {
visibility: visible;
background: #eea500;
color: #fff;
color: #000;
font-weight: bold;
}
.imgBorder {
position: relative;
background-color: #e9e3d2;
border-radius: .5rem;
box-shadow: 0 0 4px 0px #dbd0b5;
overflow: hidden;
z-index: 2;
}
.imgBorder:hover {
box-shadow: 0 0 0 4px #eea500;
}
.imgBorder.noPopup:hover {
box-shadow: 0 0 4px 0px #dbd0b5;
}
.aussen{
position: relative;
border-radius: 4px;
overflow: hidden;
background: #fff;
}
.innen {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
}
/******
i...
*********/
p + .i500,
.i500 + p {
margin-top: 1.5em;
}
.wFlex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
/* img width */
.i240 {
}
.mw-parser-output > .i240 {
}
.mw-parser-output > .i500.i503b {
width: 40%;
}
.mitPagelink .imgFloat {
margin-top: 1.3em;
}
.imgFloat .sbUe2 a {
left: 0;
right: 0;
}
.references .float-r > a {
float: none;
clear: none;
margin: 0;
}
.bild_info {
right: 8rem;
text-align: right;
}
.smallimage {
display: block;
}
/*************
Bilder 2023
* alle responsiven Bilder in imgWrap (wie jedes andere div 50%)
* sidebox-->floatright
*************/
.imgWrap {
}
.imgWrap > div {
position:relative;
}
.sidebox {
margin-right: 0;
}
/* i500 */
.i500 {
position: relative;
margin: auto;
margin: 1.5rem auto;
width: 70%;
min-width: min(24rem,80%);
max-width: 600px;
}
.mw-parser-output > .i500 {
width: 35%;
clear:none;
}
.imax {
width: auto;
max-width: none;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.mw-parser-output > .i500.imax {
width: calc(50% + 1rem);
}
/* float */
.i240 {
width: min(14rem,40%);
}
.float-l {
float: left;
clear: left;
margin: .3em 2em 1.5em 0;
margin-left: -.5rem;
}
.float-r {
float: right;
clear: right;
margin: .3em 0 1.5em 2em;
margin-right: -.5rem;
}
.textbox .float-l {
margin-left: 0;
}
.textbox .float-r,
.sidebox .float-r {
margin-right: 0;
}
.imgWrap > .caption {
margin-top: -1rem;
margin-bottom: 1rem;
}
.float-r .caption,
.float-l .caption {
margin-top:.5em;
padding: 0;
}
.wFlex .caption {
width: 100%;
}
/* Sidebox, Überschrift */
.sbUe {
}
.sbUe a {
position: absolute;
display: block;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 0;
background: rgba(255, 255, 255, 0);
border-radius: 8px;
}
.sbUeText {
display: block;
width: -moz-fit-content;
width: fit-content;
max-width: 350px;
overflow: hidden;
margin-top: -1.25rem;
margin-left: -1rem;
transform: rotate(-2.5deg);
padding-left: 1.2em;
padding-right: .6em;
letter-spacing: .6em;
color: #615539;
text-transform: uppercase;
font-family: Courier, mono;
font-size: .8rem;
line-height: 1.5rem;
font-weight: bold;
background: #dbd0b5;
background: #e0ddd6;
}
.float-r:hover .sbUeText {
background: rgb(238, 165, 0);
color: #fff;
text-decoration: none;
}
.float-r:hover .sbUe a {
z-index: 4;
text-decoration: none;
background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0.2));
}
.mitPagelink .float-r {
transform: rotate(2.5deg);
}
/******** 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;
text-align: center;
}
.galerie1 li {
vertical-align: top;
margin:0 5px; padding: 0;
display: inline-block;
list-style: none;
}
.galerie1 img {
vertical-align: top;
}
/* galerie2 */
.galerie2 .dia_innen {
float:left;
width: 96px;
height:120px;
border-collapse:separate;
border-width: 1px;
}
.galerie2 .dia_innen:hover {border-color:#fc3;}
.galerie2 .bildtext {
clear:left;
padding: .6em 0 .8em;
}
.galerie2 .bildtext span {
padding: 0 2em;
background: url(/r/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;
}
/**************************************
**************************************/
.firstHeading .hide {
display: none !important;
}
/****** zitat ******/
.zitat {
margin: 0.8em auto;
padding: 1.5rem min(4rem,10%) 1rem;
font-family: calibri,arial;
background: #f0eee6;
border-radius: .5rem;
}
.mw-parser-output > .zitat {
margin: 0.8em auto;
padding: 1.5rem 4rem 1rem;
width: calc(50% - 7rem);
}
#mw-content-text > .zitat {
color: #444;
}
.zitat::before {
content: "„";
font-size: 3em;
font-family: Georgia,serif;
line-height: 1;
float: left;
position: absolute;
margin-left: -.66em;
margin-top: -.55em;
opacity: 0.3;
color: #008;
}
div .zitat:first-child,
div + .zitat {
margin-top: 0;
}
.quelle,
#bodyContent p.quelle {
text-align: right;
color:#888;
font-size: .9em;
}
.zitat p {
text-align: justify;
}
.ppDiv .zitat {
background: inherit;
}
.textbox .zitat {
background: rgba(255, 255, 255, 0.5);
}
/****** boxen******/
.linkbox,
#catlinks,
.mw-references-wrap {
font-size: 1rem;
}
.linkbox {
width: calc(50% + 2rem);
}
/****** textbox ******/
.textbox {
margin: auto auto 1.5rem;
}
.textbox_body {
margin: auto -.5rem;
padding: 1.5em 2rem 1em;
background-color:#ebe9e0;
border-radius: .5rem;
}
#content .textbox h2,
#content .textbox h3,
#content .textbox h4 {
margin:.5em 0 1em !important;
padding: 0 !important;
font: bold 1.3em "Trebuchet MS";
text-align: center;
border:none;
}
.textbox_body li,
.textbox_body p {
margin-bottom: 0.3em;
text-align: justify;
}
/****** linkbox, etc ******/
.linkbox {
margin: 3em auto 2em;
padding: 0;
color:#332;
}
#content .linkbox h2 {
margin:0 !important ;
padding: 0 16pt .18em !important;
text-align:left;
border:0;
color: #554 !important;
font-style:normal;
}
.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: 1px solid #eae5cb;
background: #f5f5ee;
border-radius:.5rem;
}
.linkbox .quelle,
.verweise .quelle {
margin-bottom: -1.5em;
font: normal small calibri,Arial;
}
.verweiseWrap {
width: calc(100% - 14rem);
background: #e7e5de;
margin: 4rem auto -3rem;
border-radius: 0 0 0.5rem 0.5rem;
overflow: hidden;
}
.verweise {
font-size: 1rem;
margin: auto;
padding: 2rem 10% 3rem;
border-radius:.5rem;
color: #333;
}
.verweise_lit,
.verweise .references,
.verweise_g_list ul,
.verweise .shortlist ul {
column-gap: 4rem;
column-width: 20rem;
font-size: 1rem;
}
.verweise_lit > *,
.verweise .references > *,
.verweise_g_list ul > *,
.verweise .shortlist ul > * {
break-inside: avoid-column;
font-size: 1rem;
}
.verweise_g_list li {
text-indent: -1.5rem;
list-style: none;
}
#content .verweise h2 {
text-align:left;
}
#content .verweise h3 {
margin-left: -.5rem;
margin-bottom: 1rem;
}
.verweise .mw-headline {
font-size: 1.1em;
}
.verweise h2,
.verweise h3 {
color: #666;
}
.verweise h3::after {
content: '';
display: block;
height: 3px;
background-image: radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
position: absolute;
left: -2rem;
right: -2rem;
bottom: -.5rem;
border-radius: 25%;
}
.verweise .infoline {
display: block;
text-align: right;
font-style:italic;
font-size: small;
}
.mw-references-wrap p.titel {
display: inline;
clear: both;
}
.mw-references-wrap li {
clear: both;
}
.verweise .info_kurz {
font-size: 1rem;
}
/***** thisway ******/
.thisway {
position: relative;
clear:both;
text-align: right;
font-size: 1rem;
color: #eef;
max-width: inherit;
}
.thisway.zurueck {
text-align: left;
right: auto;
}
.thisway a {
display: block;
padding: 1em 2.5em .75em;
text-decoration: none;
font-weight: bold;
font-family: calibri, arial;
opacity: .9;
}
.thisway a:hover {
opacity: 1;
}
.thisway a span {
font-weight: normal;
padding: 0 .75rem;
}
/****** zitieren ******/
#content .zitieren a.external,
#content .zitieren a.external[href^="gopher://"],
#content .zitieren a.external:visited,
#content .zitieren a.external[href^="gopher://"]:visited {
color: #666;
padding: 0;
background: none;
}
.copyLink {
cursor: copy;
opacity: .6
}
.copyLink:hover {
opacity: 1;
}
.copyLink a {
position: absolute;
visibility: hidden;
z-index: -2;
}
.copyme:hover {
color: #6045e1;
cursor: copy;
}
/**************
Hauptseite
Bilder aus techn. Gründen hier,
alles andere auf der Seite selbst
***************/
.page-Religion-in-Japan #mw-page-base { /*für Head Farbe 1*/
/*background-image: linear-gradient(rgba(17, 34, 68, 0.8), transparent);*/
}
#mw-imagepage-upload-disallowed {
display:none;
}
/*****************
Bildseiten
******************/
.fullImageLink {
text-align: center;
margin: 0;
padding: 4em 0 0;
background: #fff;
border: 0;
}
.mw-imagepage-linkstoimage a[title^=Metalog],
.mw-imagepage-linkstoimage a[title^=Bild],
.mw-imagepage-linkstoimage a[title^=Glossar],
.mw-imagepage-linkstoimage a[title^=Skt] {
color: #ccc;
}
.mw-imagepage-linkstoimage a[title^=Vorlage],
.mw-imagepage-linkstoimage a[title^=Lektor] {
display: none;
}
#mw-imagepage-content {
margin: 0 auto 4em;
}
.ns-6 small,
.fullMedia {
font-size:.8em;
}
.fullMedia {
text-align: center;
}
.ns-6 big {
font-size:1.25em;
}
.ns-6 #filelinks {
height:0; overflow:hidden; color:#fff; padding:0;
}
.mw-filepage-resolutioninfo,
.mw-filepage-resolutioninfo a {
color: transparent;
margin: 0.3em 0 2em;
}
.mw-filepage-resolutioninfo:hover,
.mw-filepage-resolutioninfo:hover a {
color: #777;
}
.mw-filepage-resolutioninfo::after {
content: '\f03e';
font-family: "Font Awesome 5 Free";
font-size: 1rem;
color: #777;
border-radius: 50%;
width: 1.5em;
line-height: 1.5;
display: inline-block;
}
.bildseite,
.glossarseite {
width: auto;
max-width: 48rem;
margin: 0 auto;
}
.ns-6 .firstHeadingTitel {
width: auto;
margin: 0 auto;
text-align: left;
font-size: 1.5rem;
padding: .5rem 0;
color:#333;
background: transparent;
}
.ns-6 .firstHeadingBody {
background: transparent;
width: auto;
padding: 0;
margin: 0;
max-width: none;
}
.ns--1 #search-container,
.ns-6 #search-container {
display:none;
}
.verwandte_bilder {
border: 0;
margin: 1.5em auto;
width: auto;
background: #f7f6e6;
padding: 1.2em;
text-align: center;
}
.ns-6 #content .verwandte_bilder h3 {
text-align: center;
margin-top: 0;
}
/* ——— hide ——— */
#mw-imagepage-section-linkstoimage,
#filetoc,
.fullMedia,
#mw-imagepage-edit-external,
.ns-6 #metadata,
.mw-imagepage-section-metadata,
#filehistory,
#mw-imagepage-section-filehistory {
display:none;
}
/* MW Mediaviewer */
.mw-mmv-next-image, .mw-mmv-prev-image,
.mw-mmv-close {
width: 1.5rem;
height: 1.5rem;
background-size: contain;
}
.mw-mmv-image-metadata-desc-column,
.mw-mmv-fullscreen,
.mw-mmv-download-button,
.mw-mmv-options-button,
.mw-mmv-reuse-button,
.mw-mmv-filepage-buttons,
.mw-mmv-download-dialog {
display: none!important;
}
.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-ui-button.mw-ui-big {
font-size: min(3vw, 1rem);
max-width: 25%;
background-color: #2b4e97;
border:0;
}
.mw-mmv-title {
background: rgba(73, 73, 73, 0.48);
}
.mw-mmv-title-para.mw-mmv-title-smaller {
font-size: 1rem;
line-height: inherit;
}
.mw-mmv-image-links li,
.mw-mmv-credit {
font-size: 0.85rem;
}
.mw-mmv-image-metadata {
background: #262524;
color: #eee!important;
border: 0;
}
.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;
}
.ns--1 .thumb.tright {
position: static;
}
#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 {
}
/* box-shadow */
#toc,
.sitemapBg,
#plusMinusAll {
box-shadow: 0 0 5px 1px rgb(66 50 12 / 20%);
}
/***** Popups *****/
body.ppOpen > * {
display: none;
}
#popupDiv {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index:5;
}
#ppX {
position: fixed;
right: 0;
left: 0;
text-align: right;
color: #fff;
font-size: 3rem;
padding: 0 1rem;
z-index: 2;
cursor: pointer;
opacity: .5
}
#ppX:hover {
background: rgb(204 204 204 / 15%);
opacity: 1
}
.ppSingle {
color:#fff;
text-align: center;
}
.ppGrid {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(rgb(0 0 0 / 70%),rgb(0 0 0 / 75%)), url(/wikibilder/luck.jpg);
display: flex;
justify-content: center;
align-items: center;
height: calc(100% - 3em);
padding-bottom: 3em;
}
.ppBack, .ppNext {
display: block;
color: #fff;
flex: 1;
font-size: 2rem;
}
.ppBack::before {
content:'‹';
left: 0;
padding: 2rem 6rem 2rem 1rem;
}
.ppNext::before {
content:'›';
right: 0;
padding: 2rem 1rem 2rem 6rem;
}
.ppBack::before ,
.ppNext::before {
position: absolute;
font-size: 4rem;
cursor: pointer;
opacity: .5;
text-shadow: 0 0 .1em #999;
transition: padding-left .5s;
transition: padding-right .5s;
}
.ppBack:hover::before ,
.ppNext:hover::before {
opacity: 1;
}
.ppNext:hover::before {
padding-right: .5rem;
transition: padding-right .5s;
}
.ppBack:hover::before {
padding-left: .5rem;
transition: padding-left .5s;
}
.ppImg {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: zoom-in;
}
a.ppImg:hover {
background: none;
}
.ppImg img {
max-width: 100%;
max-height: 100%;
}
.ppText {
position: absolute;
top: calc(100% - 3em);
left: 0;
right: 0;
padding: .6em 10% 0;
background: rgb(70 70 70 / 70%);
}
.ppInfo {
display: block;
text-align: left;
}
.ppInfo a, .ppInfo a:visited {
color: #8db3ff;
}
.ppInfo a:hover {
background: #ccc;
color: #3365cb;
}
a.ppBacklink {
display: block;
font-size: 1rem;
max-width: 25%;
background-color: #2b4e97;
border-radius: .2em;
color: #fff;
padding: 0.5em 1em;
margin: -.5em 0 .5em 1em;
float: right;
}
a.ppBacklink:hover {
color: #fff;
text-decoration: none;
background-color: #224488;
}
.ppBacklink::before {
content: '画';
padding-right: 0.75em;
}
/* Font Awesome */
*::before,
*::after {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*** Mobile ***/
@media only screen and (orientation: portrait), (max-width: 940px ) {
html, body {
text-size-adjust: none;
font-size: min(max(2vh, 16px), 220%);
}
#content {
width: 100%;
}
.ns-0.action-view #bodyContent,
.ns-4.action-view #bodyContent,
.ns-12.action-view #bodyContent,
.wikiEditor-preview-contents {
margin-left: auto;
margin-right:auto;
}
.verweiseWrap,
.ns-0.action-view #siteNotice,
.ns-4.action-view #siteNotice,
#bottom-notice-ns,
.bottom-notice-body {
width: 100% !important;
}
#p-search #searchform {
margin: .1rem 1rem;
}
.mw-parser-output > * {
width: 75%;
}
.mw-parser-output > ul,
.mw-parser-output > ol,
.mw-parser-output > dl {
width: calc(75% - 4rem);
}
.mw-parser-output > .zitat {
width: calc(75% - 2rem);
padding: 1.5rem 3rem 1rem;
}
.largebox {
width: 100%;
}
#firstHeading {
height: unset !important;
padding: 1.5em 0 !important;
}
.firstHeadingTitel,
.firstHeading {
width: auto;
font-size: 2em;
padding: 0;
margin-bottom: 1rem;
}
.firstHeadingBody {
margin: 0 auto 2rem;
max-width: none;
width: auto;
padding: 3rem 5%;
}
#firstHeading > span {
position: static;
display: inline;
}
.bildbox {
clear: both;
}
#toc
, #toc.stickyToc {
float: left;
margin: 0 auto 2rem;
display: block;
position: fixed;
position: sticky;
left: 0;
top: 7rem;
width: 1.75rem;
max-height: 100%;
border-radius: 0 0.5rem 0.5rem 0;
transition: 500ms;
z-index: 3;
}
#toc:hover
, #toc.stickyToc:hover {
width:100%;
opacity:1;
}
#toc::after
, #toc.stickyToc::after {
content: '›';
display: flex;
align-items:center;
justify-content: center;
padding-bottom: .5rem;
font-family: monospace;
color: #fff;
font-weight: bold;
font-size: 2.5rem;
position: absolute;
top: 0;
right: 0;
width: 1.75rem;
height: auto;
bottom: 0;
cursor: pointer;
opacity:1;
transition: 250ms;
}
#toc:hover::after,
#toc.stickyToc:hover::after {
opacity:0;
}
#toc > ul {
column-count: 2;
column-gap: 0;
padding-left: 1.25rem;
}
/* Bilder */
.mw-parser-output > .i500,
.mw-parser-output > .i500.imax,
.mw-parser-output > .i500.i503b,
.mw-parser-output > .imgbox,
.mw-parser-output > .imgWrap,
.mw-parser-output .sidebox_Wrapper .imgBorder {
width: auto;
max-width: none;
}
.imax {
margin-left: 0;
margin-right: 0;
}
.float-l {
margin-left: 0;
}
.float-r {
margin-right: 0;
}
.i500 .bildtext, .i240 .bildtext, .imgWrap .bildtext {
position: relative;
display: block;
font-size: .8em;
color: #555;
background: transparent;
visibility: visible;
}
/*********/
.verticalNav {
margin-left: -3.5rem;
}
.scite-referencelist-columns-fixed {
float: none;
width: auto!important;
}
.mainInfo {
max-width: none;
float: none;
width: 80%;
margin: 0 auto 2rem;
}
.showResultsLit {
column-count: 1;
width: auto;
max-width: none;
font-size: .9em;
margin: auto;
}
}