Zeile 1: |
Zeile 1: |
| /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ |
| + | /*div.vectorTabs { |
| + | background-image: linear-gradient(to bottom, white 20%, lightgrey 80%); |
| + | } |
| + | div.vectorTabs span { |
| + | display: inline-block; |
| + | background-image: linear-gradient(to bottom, white 20%, lightgrey 80%); |
| + | background-position: bottom right; |
| + | background-repeat: no-repeat; |
| + | height: 100%; |
| + | }*/ |
| + | .vector-menu li a { |
| + | color: #008800; |
| + | } |
| + | .vector-menu-tabs li { |
| + | background-image: linear-gradient(to bottom, white 80%, rgba(0, 55, 0, 0.1) 100%); |
| + | } |
| + | .vector-menu-tabs #ca-watch.icon a:before, |
| + | .vector-menu-tabs #ca-watch.icon a:hover::before, |
| + | .vector-menu-tabs #ca-unwatch.icon a:before, |
| + | .vector-menu-tabs #ca-unwatch.icon a:hover:before { |
| + | content: '★'; |
| + | display: block; |
| + | font-size: 1.2rem; |
| + | line-height: 0.5rem; |
| + | background-image: none; |
| + | } |
| + | .vector-menu-tabs #ca-watch.icon a:before, |
| + | .vector-menu-tabs #ca-unwatch.icon a:hover:before{ |
| + | content: '☆'; |
| + | } |
| | | |
− | div#startseite_links {
| + | #startseite_links { |
| + | box-sizing: border-box; |
| float: left; | | float: left; |
| text-align: left; | | text-align: left; |
− | margin-right: 4px; | + | padding-right: 7.5px; |
− | margin-top: 4px; | + | width: 50%; |
− | width: 68%; | + | margin: 0; |
| } | | } |
− | div#startseite_rechts {
| + | #startseite_rechts { |
− | background-color: #F9F9F9; | + | box-sizing: border-box; |
| float: right; | | float: right; |
− | margin-top: 4px; | + | text-align: left; |
− | width: 30%; | + | padding-left: 7.5px; |
| + | width: 50%; |
| + | margin: 0; |
| } | | } |
− | div#startseite_oben {
| + | #startseite_oben { |
| border: 1px solid #AAAAAA; | | border: 1px solid #AAAAAA; |
| margin-bottom: 4px; | | margin-bottom: 4px; |
− | padding: 1px; | + | padding: 1px 2px 3px 2px; |
| text-align: center; | | text-align: center; |
| } | | } |
− | div#startseite_interlink {
| + | #startseite_interlink { |
| font-size: 0.9em; | | font-size: 0.9em; |
| font-style: italic; | | font-style: italic; |
Zeile 26: |
Zeile 59: |
| text-align: right; | | text-align: right; |
| } | | } |
− | div#Inhalt_Box {
| + | #Inhalt_Box { |
| + | background: #F3F3F3; |
| border: 1px solid #AAAAAA; | | border: 1px solid #AAAAAA; |
− | margin-bottom: 4px; | + | margin-bottom: 15px; |
| padding: 1px; | | padding: 1px; |
| + | min-width: 400px; |
| } | | } |
− | div#Ueberschrift_Box {
| + | #Inhalt_Box > * { |
| + | padding: 0px 5px; |
| + | } |
| + | #Ueberschrift_Box { |
| background-attachment: scroll; | | background-attachment: scroll; |
− | background-color: #4E8A3E; | + | box-sizing: border-box; |
− | background-image: url("/wiki/external_images/fue_wappen.png");
| + | border-bottom: 1px solid #AAAAAA; |
− | background-position: 5px 0; | + | height: 29px; |
− | background-repeat: no-repeat;
| + | padding: 0px 1px 0px 1px; |
− | border: 1px solid #AAAAAA;
| |
− | height: 24px; | |
− | padding: 2px 2px 2px 38px; | |
| text-align: left; | | text-align: left; |
| + | font-family: serif; |
| + | font-variant: small-caps; |
| + | line-height: 25px; |
| + | } |
| + | #Ueberschrift_Box > .floatleft { |
| + | margin: 0px 5px 0px 0px; |
| + | } |
| + | #Inhalt_Box > .maps-map { |
| + | box-sizing: border-box; |
| } | | } |
− | div#Ueberschrift_Startseite {
| + | #Ueberschrift_Startseite { |
| background-attachment: scroll; | | background-attachment: scroll; |
− | background-color: #4E8A3E; | + | background-color: #5E9A4E; /* #4E8A3E; */ |
− | background-image: none;
| |
− | background-position: 0 0;
| |
− | background-repeat: repeat;
| |
| border: 1px solid #AAAAAA; | | border: 1px solid #AAAAAA; |
− | height: 24px; | + | height: 26px; |
− | padding: 2px; | + | padding: 1px; |
| text-align: center; | | text-align: center; |
− | vertical-align: middle;
| |
| } | | } |
− | div#Ueberschrift_Light {
| + | #Ueberschrift_Light { |
| background-attachment: scroll; | | background-attachment: scroll; |
| background-color: #8FCB7F; | | background-color: #8FCB7F; |
Zeile 61: |
Zeile 101: |
| background-repeat: repeat; | | background-repeat: repeat; |
| border: 1px solid #AAAAAA; | | border: 1px solid #AAAAAA; |
− | padding: 2px; | + | padding: 1px; |
| text-align: center; | | text-align: center; |
| + | } |
| + | /* Ab hier kommt der Editor */ |
| + | .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited { |
| + | color: #008800; |
| + | } |
| + | .wikiEditor-ui-toolbar .sections .section { |
| + | background-color: #f0f0f0; |
| + | } |
| + | .wikiEditor-ui-toolbar { |
| + | background-color: #f0f0f0; |
| + | background-image: none; |
| + | } |
| + | .oo-ui-checkboxInputWidget:checked { |
| + | background-color: #008800; |
| + | } |
| + | /* Haken beim speichern für Kleinigkeiten und Beobachten */ |
| + | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { |
| + | background-color: #008800; |
| + | border-color: #008800; |
| + | } |
| + | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { |
| + | background-color: #006600; |
| + | border-color: #006600; |
| } | | } |
| | | |
| /* Die folgenden Styles sind für die Formatierung des Skins ohne es anzutasten! */ | | /* Die folgenden Styles sind für die Formatierung des Skins ohne es anzutasten! */ |
| + | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
| + | background-color: #008800; |
| + | border-color: #008800; |
| + | } |
| + | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { |
| + | background-color: #006600; |
| + | border-color: #006600; |
| + | } |
| + | /* Benutzeranmeldung button: */ |
| + | .mw-ui-button.mw-ui-progressive { |
| + | background-color: #008800; |
| + | border-color: #008800; |
| + | } |
| + | .mw-ui-button.mw-ui-progressive:hover { |
| + | background-color: #006600; |
| + | border-color: #006600; |
| + | } |
| + | #mw-createaccount-join { |
| + | color: #008800; |
| + | } |
| + | .mw-ui-input:focus { |
| + | border-color: #008800; |
| + | } |
| + | .mw-body { |
| + | border: 1px solid #BBB; |
| + | } |
| + | #mw-panel .portal .body li a { |
| + | color: #008800; |
| + | } |
| + | #mw-panel .portal .body li a:visited { |
| + | color: #006600; |
| + | } |
| + | div.vectorTabs li a { |
| + | color: #008800; |
| + | } |
| a { | | a { |
| + | color: #008800; |
| + | } |
| + | a:visited { |
| color: #006600; | | color: #006600; |
| } | | } |
− | a:visited { | + | a:hover { |
− | color: #004400; | + | color: #FF4B33; |
| } | | } |
| .mw-body a.external { | | .mw-body a.external { |
− | color: #006600; | + | color: #008800; |
| } | | } |
| .mw-body a.external:visited { | | .mw-body a.external:visited { |
− | color: #004400; | + | color: #006600; |
| } | | } |
| #mw-panel.collapsible-nav .portal.collapsed h5 a { | | #mw-panel.collapsible-nav .portal.collapsed h5 a { |
| color: #4D4D4D; | | color: #4D4D4D; |
| } | | } |
| + | .mw-datatable th { |
| + | background-color: #F3F3F3; |
| + | } |
| + | fieldset { |
| + | border: 1px solid #008800; |
| + | } |
| + | img.thumbborder { |
| + | width: auto; |
| + | height: 150px; |
| + | } |
| + | .float:after { |
| + | display: block; |
| + | content: ''; |
| + | clear: both; |
| + | } |
| + | .float > div { |
| + | float: left; |
| + | } |
| + | |
| + | /** |
| + | Fixes the attribution in the OpenLayer maps. |
| + | */ |
| + | .olControlAttribution { |
| + | bottom: 1em; |
| + | } |
| + | |
| + | /** |
| + | Collabsable sidebar menu. |
| + | */ |
| + | #mw-panel.collapsible-nav .portal.first { |
| + | margin-left: 1.3em; |
| + | } |
| + | #mw-panel.collapsible-nav .portal.collapsed h3 a { |
| + | color: #008800 !important; |
| + | } |
| + | |
| + | /** |
| + | Tabs-tabbox |
| + | */ |
| + | .tabs-tabbox{ |
| + | margin: 0 0 0 0; |
| + | } |
| + | .tabs-tabbox > .tabs-container { |
| + | padding: 6px; |
| + | -webkit-box-shadow: 0px 0px 0px 0px; |
| + | -moz-box-shadow: 0px 0px 0px 0px; |
| + | box-shadow: 0px 0px 0px 0px; |
| + | border-radius: 0px; |
| + | padding-bottom: 0px; |
| + | } |
| + | .tabs-tabbox > .tabs-label { |
| + | border-radius: 0px; |
| + | } |
| + | .tabs-content { |
| + | width: 100%; |
| + | min-width: 320px; |
| + | } |
| + | |
| + | /** |
| + | Verbessert die Positions des "Sterns" für die Beobachtungsliste. |
| + | */ |
| + | #ca-unwatch.icon a, #ca-watch.icon a { |
| + | background-position: 5px 70%; |
| + | } |
| + | |
| + | |
| + | |
| + | /** ************************************* |
| + | * Vorlage:ImageLink |
| + | */ |
| + | .ImageLink { |
| + | max-width: 30%; |
| + | width: auto; |
| + | margin-right: 5%; |
| + | } |
| + | |
| + | |
| + | /** ************************************* |
| + | * Vorlage:Gebäude |
| + | * Vorlage:Person |
| + | * Vorlage:Buch |
| + | */ |
| + | .factbox { |
| + | width:340px; |
| + | font-size: 88%; |
| + | border: 0px solid #eeeeff; |
| + | margin-bottom: 0.25em; |
| + | margin-left: 0.5em; |
| + | float: right; |
| + | clear: right; |
| + | text-align:left; |
| + | } |
| + | |
| + | |
| + | /** ************************************* |
| + | * Vorlage:Gebäude.Daten |
| + | * Vorlage:Person.Daten |
| + | * Vorlage:Buch.Daten |
| + | */ |
| + | dl.dataTable { |
| + | width: 100%; |
| + | } |
| + | dl.dataTable > dt, |
| + | dl.dataTable > dd { |
| + | width: 50%; |
| + | float:left; |
| + | box-sizing: border-box; |
| + | margin: 0 0 0.5em 0; |
| + | } |
| + | dl.dataTable > dt { |
| + | clear:left; |
| + | padding-right: 1em; |
| + | } |
| + | dl.dataTable:after { |
| + | display: block; |
| + | content: ''; |
| + | clear: both; |
| + | } |
| + | |
| + | |
| + | /** ************************************* |
| + | * Vorlage:Gedenktafel |
| + | */ |
| + | .Gedenktafel { |
| + | max-width: 1000px; |
| + | font-size: 1.2em; |
| + | padding: 1em; |
| + | column-count: 2; |
| + | border: 2px solid darkgreen; |
| + | } |
| + | |
| + | /** Verzeichnislink */ |
| + | .toctogglelabel { |
| + | color: #006600; |
| + | } |
| + | |
| + | /** |
| + | * Während die Mobilmachung läuft soll der "Mobil" Button noch nicht angezeigt werden. |
| + | * DIES BITTE ENTFERNEN, SOBALD DIE MOBILE SEITE EINEN GEWISSEN STAND ERREICHT HAT! |
| + | */ |
| + | /* |
| + | #footer-places-mobileview { |
| + | display: none; |
| + | } |
| + | */ |
| + | |
| + | |
| + | /** Fix for the vector gallery */ |
| + | ul.gallery { |
| + | margin: 2px; |
| + | padding: 2px; |
| + | display: block |
| + | } |
| + | |
| + | li.gallerycaption { |
| + | font-weight: bold; |
| + | text-align: center; |
| + | display: block; |
| + | word-wrap: break-word |
| + | } |
| + | |
| + | li.gallerybox { |
| + | vertical-align: top; |
| + | display: -moz-inline-box; |
| + | display: inline-block |
| + | } |
| + | |
| + | li.gallerybox div.thumb { |
| + | text-align: center; |
| + | margin: 2px |
| + | } |
| + | |
| + | li.gallerybox div.thumb img { |
| + | display: block; |
| + | margin: 0 auto |
| + | } |
| + | |
| + | div.gallerytext { |
| + | overflow: hidden; |
| + | font-size: 94%; |
| + | padding: 2px 4px; |
| + | word-wrap: break-word |
| + | } |
| + | |
| + | .galleryfilename { |
| + | display: block |
| + | } |
| + | |
| + | .galleryfilename-truncate { |
| + | white-space: nowrap; |
| + | overflow: hidden; |
| + | text-overflow: ellipsis |
| + | } |
| + | |
| + | ul.mw-gallery-nolines li.gallerybox div.thumb { |
| + | background-color: transparent; |
| + | border: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-nolines li.gallerybox div.gallerytext { |
| + | text-align: center |
| + | } |
| + | |
| + | ul.mw-gallery-packed,ul.mw-gallery-packed-overlay,ul.mw-gallery-packed-hover { |
| + | text-align: center |
| + | } |
| + | |
| + | ul.mw-gallery-packed li.gallerybox div.thumb,ul.mw-gallery-packed-overlay li.gallerybox div.thumb,ul.mw-gallery-packed-hover li.gallerybox div.thumb { |
| + | background-color: transparent; |
| + | border: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-packed li.gallerybox div.thumb img,ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,ul.mw-gallery-packed-hover li.gallerybox div.thumb img { |
| + | margin: 0 auto |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox,ul.mw-gallery-packed-overlay li.gallerybox { |
| + | position: relative |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover div.gallerytextwrapper { |
| + | overflow: hidden; |
| + | height: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { |
| + | position: absolute; |
| + | background: #fff; |
| + | background: rgba(255,255,255,0.8); |
| + | padding: 5px 10px; |
| + | bottom: 0; |
| + | left: 0; |
| + | height: auto; |
| + | max-height: 40%; |
| + | overflow: hidden; |
| + | font-weight: bold; |
| + | margin: 2px |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p { |
| + | text-overflow: ellipsis; |
| + | white-space: nowrap; |
| + | overflow: hidden |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover { |
| + | overflow: visible; |
| + | max-height: none |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover p { |
| + | text-overflow: clip; |
| + | white-space: normal; |
| + | overflow: visible |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow { |
| + | display: block; |
| + | margin: 4em 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerycaption { |
| + | font-size: 1.3em; |
| + | margin: 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerycarousel { |
| + | display: block; |
| + | text-align: center |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerycarousel.mw-gallery-slideshow-thumbnails-toggled { |
| + | margin-bottom: 1.3em |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons { |
| + | opacity: 0.5; |
| + | padding: 1.3em 0; |
| + | white-space: nowrap |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement { |
| + | margin: 0 2em |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:first-child { |
| + | margin-left: 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:last-child { |
| + | margin-right: 0 |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current { |
| + | background: #efefef |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerybox > div { |
| + | max-width: 120px |
| + | } |
| + | |
| + | ul.gallery.mw-gallery-slideshow .gallerybox div.thumb { |
| + | border: 0; |
| + | background: transparent |
| + | } |
| + | |
| + | .mw-gallery-slideshow-img-container a { |
| + | display: block |
| + | } |
| + | |
| + | @media screen { |
| + | li.gallerybox div.thumb { |
| + | border: 1px solid #c8ccd1; |
| + | background-color: #f8f9fa |
| + | } |
| + | } |
| + | |
| + | @media print { |
| + | li.gallerybox { |
| + | vertical-align: top; |
| + | display: inline-block |
| + | } |
| + | |
| + | ul.gallery { |
| + | margin: 2px; |
| + | padding: 2px; |
| + | display: block |
| + | } |
| + | |
| + | li.gallerycaption { |
| + | font-weight: bold; |
| + | text-align: center; |
| + | display: block; |
| + | word-wrap: break-word |
| + | } |
| + | |
| + | li.gallerybox div.thumb { |
| + | background-color: #fff; |
| + | border: 1px solid #ccc |
| + | } |
| + | |
| + | div.gallerytext { |
| + | overflow: visible |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover div.gallerytextwrapper { |
| + | overflow: visible; |
| + | height: auto |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { |
| + | position: static; |
| + | background: transparent; |
| + | padding: 0; |
| + | bottom: 0; |
| + | max-height: none; |
| + | overflow: visible; |
| + | font-weight: normal; |
| + | margin: 0 |
| + | } |
| + | |
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p { |
| + | text-overflow: clip; |
| + | white-space: normal; |
| + | overflow: visible |
| + | } |
| + | } |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | /* THIS IS NEW AND FOR THE FACTBOX COLLAPSIBLE */ |
| + | details div { |
| + | border-left: 1px solid #000; |
| + | border-right: 1px solid #000; |
| + | border-bottom: 1px solid #000; |
| + | padding: 1.5em; |
| + | } |
| + | |
| + | details div > * + * { |
| + | margin-top: 1.5em; |
| + | } |
| + | |
| + | details + details { |
| + | margin-top: .5em; |
| + | } |
| + | |
| + | summary { |
| + | list-style: none; |
| + | } |
| + | |
| + | summary::-webkit-details-marker { |
| + | display: none; |
| + | } |
| + | |
| + | summary { |
| + | border: .5px solid #000; |
| + | padding: .75rem 1em; |
| + | cursor: pointer; |
| + | position: relative; |
| + | padding-left: calc(1.75rem + .75rem + .75rem); |
| + | } |
| + | |
| + | summary:before { |
| + | position: absolute; |
| + | top: 50%; |
| + | transform: translateY(-50%); |
| + | left: .75rem; |
| + | content: "+"; |
| + | width: 1.75rem; |
| + | height: 1.75rem; |
| + | background-color: #000; |
| + | color: #FFF; |
| + | display: inline-flex; |
| + | justify-content: center; |
| + | align-items: center; |
| + | flex-shrink: 0; |
| + | } |
| + | |
| + | details[open] summary { |
| + | background-color: #eee; |
| + | } |
| + | |
| + | details[open] summary:before { |
| + | content: "-"; |
| + | } |
| + | |
| + | summary:hover { |
| + | background-color: #eee; |
| + | } |
| + | /* TILL HERE */ |