Zeile 10: |
Zeile 10: |
| height: 100%; | | height: 100%; |
| }*/ | | }*/ |
− | div.vectorTabs ul li {
| + | .vector-menu li a { |
− | background-image: linear-gradient(to bottom, white 60%, lightgrey 90%); | + | color: #008800; |
| } | | } |
− | div.vectorMenu li a {
| + | .vector-menu-tabs li { |
− | color: #008800; | + | 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: '☆'; |
| } | | } |
| | | |
Zeile 89: |
Zeile 103: |
| padding: 1px; | | 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; |
| } | | } |
| | | |
Zeile 99: |
Zeile 136: |
| background-color: #006600; | | background-color: #006600; |
| border-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 { | | .mw-body { |
Zeile 169: |
Zeile 221: |
| Tabs-tabbox | | Tabs-tabbox |
| */ | | */ |
| + | .tabs-tabbox{ |
| + | margin: 0 0 0 0; |
| + | } |
| .tabs-tabbox > .tabs-container { | | .tabs-tabbox > .tabs-container { |
− | padding: 6px !important; | + | padding: 6px; |
− | -webkit-box-shadow: 3px 3px 15px -5px black; | + | -webkit-box-shadow: 0px 0px 0px 0px; |
− | -moz-box-shadow: 3px 3px 15px -5px black; | + | -moz-box-shadow: 0px 0px 0px 0px; |
− | box-shadow: 3px 3px 15px -5px black; | + | box-shadow: 0px 0px 0px 0px; |
| + | border-radius: 0px; |
| + | padding-bottom: 0px; |
| + | } |
| + | .tabs-tabbox > .tabs-label { |
| + | border-radius: 0px; |
| } | | } |
| .tabs-content { | | .tabs-content { |
Zeile 253: |
Zeile 313: |
| } | | } |
| | | |
| + | /** Verzeichnislink */ |
| + | .toctogglelabel { |
| + | color: #006600; |
| + | } |
| | | |
| /** | | /** |
Zeile 263: |
Zeile 327: |
| } | | } |
| */ | | */ |
| + | |
| + | |
| + | /** 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 */ |