MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/* | /* Gallery */ | ||
Gallery | |||
*/ | |||
gallery { | gallery{ | ||
max-width: 800px; | max-width: 800px;} | ||
} | |||
table.gallery { | table.gallery{ | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
background-color: #AAAAAA; | background-color: #AAAAAA;} | ||
} | |||
table.gallery tr { | table.gallery tr{ | ||
vertical-align: top; | vertical-align: top;} | ||
} | |||
table.gallery td { | table.gallery td{ | ||
vertical-align: top; | vertical-align: top;} | ||
} | |||
div.gallerytext { | div.gallerytext{ | ||
overflow: hidden; | overflow: hidden; | ||
font-size: 10px; | font-size: 10px; | ||
color: #AAAAAA; | color: #AAAAAA; | ||
padding: 1px; | padding: 1px;} | ||
} | |||
div.gallerybox div.thumb { | div.gallerybox div.thumb{ | ||
border: 1px solid #CCC; | border: 1px solid #CCC; | ||
padding: 0px; | padding: 0px; | ||
width: 145px; | width: 145px; | ||
margin: 5px auto; | margin: 5px auto;} | ||
} | |||
li.gallerybox { | li.gallerybox{ | ||
vertical-align: top; | vertical-align: top; | ||
width: 145px; | width: 145px; | ||
border: solid 0px; | border: solid 0px;} | ||
} | |||
ul.gallery, li.gallerybox { | ul.gallery, li.gallerybox{ | ||
zoom: 1; | zoom: 1; | ||
*display: inline; | *display: inline;} | ||
} | |||
ul.gallery { | ul.gallery{ | ||
width: auto; | width: auto; | ||
margin: 1.6em 0 0 0; | margin: 1.6em 0 0 0; | ||
padding: 0px; | padding: 0px; | ||
display: block; | display: block;} | ||
} | |||
li.gallerycaption { | li.gallerycaption { | ||
Zeile 59: | Zeile 48: | ||
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
hyphens: auto; | hyphens: auto; | ||
-webkit-hyphens: auto; | -webkit-hyphens: auto;} | ||
} | |||
li.gallerybox div.thumb { | li.gallerybox div.thumb{ | ||
text-align: center; | text-align: center; | ||
border: 1px solid #c8ccd1; | border: 1px solid #c8ccd1; | ||
margin: 0px; | margin: 0px; | ||
width: 145px; | width: 145px;} | ||
} | |||
div.gallerytext { | div.gallerytext{ | ||
overflow: hidden; | overflow: hidden; | ||
font-size: 85%; | font-size: 85%; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
word-wrap: break-word; | word-wrap: break-word;} | ||
} | |||
/* | /* Bilder auf der Startseite (Rund, skaliert auf volle Breite) */ | ||
Bilder auf der Startseite | |||
(Rund, skaliert auf volle Breite) | |||
*/ | |||
.img-scaler{ | .img-scaler{ | ||
Zeile 86: | Zeile 69: | ||
height: auto; | height: auto; | ||
border-radius: 10px; | border-radius: 10px; | ||
margin: 0 0 5px 0; | margin: 0 0 5px 0;} | ||
} | |||
.startpage-subtitle{ | .startpage-subtitle{ | ||
font-size: 13px; | font-size: 13px; | ||
color: #848484; | color: #848484;} | ||
} | |||
/* | /* Wikitable */ | ||
*/ | |||
table.wikitable { | table.wikitable{ | ||
margin: 2px; | margin: 2px; | ||
background: # | background: #fff; | ||
border: 1px # | border: 1px #ddd solid; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
empty-cells:show; | empty-cells:show; } | ||
} | |||
table.wikitable td { | table.wikitable td{ | ||
border: 1px #aaa solid; | border: 1px #aaa solid; | ||
padding: 5px; | padding: 5px;} | ||
} | |||
table.wikitable th { | table.wikitable th{ | ||
border: 1px #aaa solid; | border: 1px #aaa solid; | ||
padding: 5px; | padding: 5px; | ||
background: # | background: #eee; | ||
text-align: center; | text-align: center;} | ||
} | |||
table.wikitable caption { | table.wikitable caption{ | ||
margin-left: inherit; | margin-left: inherit; | ||
margin-right: inherit; | margin-right: inherit; | ||
font-weight: bold; | font-weight: bold;} | ||
} | |||
/* Headlines h1 und sans-serif ftb 20190512 */ | /* Headlines h1 und sans-serif ftb 20190512 */ | ||
div#content h1, div#content h2 {font-family: sans-serif} | |||
div#content h1, div#content h2{ | |||
font-family: sans-serif;} | |||
/* weißer Link für Buslinien-Infoboxen mit BG-Color */ | /* weißer Link für Buslinien-Infoboxen mit BG-Color */ | ||
span.lfgw a{ | |||
color: #fff;} | |||
. | span.lnw{ | ||
color: #fff;} | |||
} | |||
/* Fix für Kollision blockquote mit Infoboxen */ | |||
blockquote{ | |||
overflow: auto; | overflow: auto; | ||
padding: 0 40px; | |||
} | width: auto !important;} | ||
/* Flexbox Inline-Infoboxen */ | |||
.infobox-pagewide{ | |||
display: flex; | display: flex; | ||
margin-bottom: 1.2em;} | |||
margin | |||
} | |||
.infobox-inline{ | |||
display: flex; | display: flex; | ||
margin-bottom: 1.2em; | margin-bottom: 1.2em; | ||
} | max-width: 435px;} | ||
.infobox-inline-icon, .infobox-inline-img{ | |||
.infobox-inline-icon, .infobox-inline-img { | |||
padding: 1em 1.5em 1em 1.5em; | padding: 1em 1.5em 1em 1.5em; | ||
flex-shrink: 0 !important; | flex-shrink: 0 !important; | ||
align-self: flex-start; | align-self: flex-start; | ||
margin-top: auto; | margin-top: auto; | ||
margin-bottom: auto; | margin-bottom: auto;} | ||
} | |||
.infobox-inline-text { | .infobox-inline-text{ | ||
padding: 1em 1.5em 1em 0; | padding: 1em 1.5em 1em 0; | ||
font-size: 95%; | font-size: 95%; | ||
width: 100%; | width: 100%; | ||
margin-top: auto; | margin-top: auto; | ||
margin-bottom: auto; | margin-bottom: auto;} | ||
} | |||
.infobox-inline-img { | .infobox-inline-img{ | ||
width: auto; | width: auto; | ||
max-width: 100px; | max-width: 100px; | ||
height: 100%; | height: 100%; | ||
order:1; | order: 1;} | ||
} | |||
.infobox-inline-img img { | .infobox-inline-img img { | ||
Zeile 292: | Zeile 158: | ||
max-height: 60px; | max-height: 60px; | ||
object-fit: scale-down;} | object-fit: scale-down;} | ||
Version vom 8. Februar 2023, 16:00 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Gallery */
gallery{
max-width: 800px;}
table.gallery{
margin: 0px;
padding: 0px;
background-color: #AAAAAA;}
table.gallery tr{
vertical-align: top;}
table.gallery td{
vertical-align: top;}
div.gallerytext{
overflow: hidden;
font-size: 10px;
color: #AAAAAA;
padding: 1px;}
div.gallerybox div.thumb{
border: 1px solid #CCC;
padding: 0px;
width: 145px;
margin: 5px auto;}
li.gallerybox{
vertical-align: top;
width: 145px;
border: solid 0px;}
ul.gallery, li.gallerybox{
zoom: 1;
*display: inline;}
ul.gallery{
width: auto;
margin: 1.6em 0 0 0;
padding: 0px;
display: block;}
li.gallerycaption {
font-weight: bold;
text-align: center;
display: block;
hyphens: auto;
-webkit-hyphens: auto;}
li.gallerybox div.thumb{
text-align: center;
border: 1px solid #c8ccd1;
margin: 0px;
width: 145px;}
div.gallerytext{
overflow: hidden;
font-size: 85%;
padding: 2px 4px;
word-wrap: break-word;}
/* Bilder auf der Startseite (Rund, skaliert auf volle Breite) */
.img-scaler{
width: 100%;
height: auto;
border-radius: 10px;
margin: 0 0 5px 0;}
.startpage-subtitle{
font-size: 13px;
color: #848484;}
/* Wikitable */
table.wikitable{
margin: 2px;
background: #fff;
border: 1px #ddd solid;
border-collapse: collapse;
empty-cells:show; }
table.wikitable td{
border: 1px #aaa solid;
padding: 5px;}
table.wikitable th{
border: 1px #aaa solid;
padding: 5px;
background: #eee;
text-align: center;}
table.wikitable caption{
margin-left: inherit;
margin-right: inherit;
font-weight: bold;}
/* Headlines h1 und sans-serif ftb 20190512 */
div#content h1, div#content h2{
font-family: sans-serif;}
/* weißer Link für Buslinien-Infoboxen mit BG-Color */
span.lfgw a{
color: #fff;}
span.lnw{
color: #fff;}
/* Fix für Kollision blockquote mit Infoboxen */
blockquote{
overflow: auto;
padding: 0 40px;
width: auto !important;}
/* Flexbox Inline-Infoboxen */
.infobox-pagewide{
display: flex;
margin-bottom: 1.2em;}
.infobox-inline{
display: flex;
margin-bottom: 1.2em;
max-width: 435px;}
.infobox-inline-icon, .infobox-inline-img{
padding: 1em 1.5em 1em 1.5em;
flex-shrink: 0 !important;
align-self: flex-start;
margin-top: auto;
margin-bottom: auto;}
.infobox-inline-text{
padding: 1em 1.5em 1em 0;
font-size: 95%;
width: 100%;
margin-top: auto;
margin-bottom: auto;}
.infobox-inline-img{
width: auto;
max-width: 100px;
height: 100%;
order: 1;}
.infobox-inline-img img {
width: auto;
float: right;
border-radius: 6px;
/* height: auto !important; */
box-shadow: 0 4px 16px rgb(0 0 0 / 25%);
max-height: 60px;
object-fit: scale-down;}