MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus HammWiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 214: Zeile 214:
     max-height: 60px;
     max-height: 60px;
     object-fit: scale-down;}
     object-fit: scale-down;}
/*
Audioplayer
*/
.audioplayer-inline{
    display: flex;
    flex-direction: column;
    max-width: 400px;
    justify-content: left;
    align-items: center;
}
.audioplayer-inline .file{
    width: 100% !important;
}
.audioplayer-inline .description{
    width: 100% !important;
    flex: 1;
}
.audioplayer-inline audio{
width: 100% !important;
}

Version vom 8. Februar 2023, 15:49 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: #FFFFFF;  
    border: 1px #DDDDDD 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: #EEEEEE;  
    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: #FFFFFF; }
span.lnw  { color: #FFFFFF; }

/*  Fix für Kollision blockquote mit Infoboxen */

blockquote{
    overflow: auto;
    padding: 0 40px;
    width: auto !important;
}

/*  Für Vorlage:HammWiki_Verein (Navigationsleiste) */

.navbar{
    float: right;
    width: 330px;
    margin: 0 0 20px 1.2em;
    overflow:hidden;
}

.navbar ul{
    list-style-image: none;
    list-style-type: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.navbar li{
    margin:0;
}

.navbar li a{
    display:block;
    width: 100%;
    border-left: 3px solid #ccc;
    padding: 10px 0 10px 20px;
    background: #f6f6f6;
}

.navbar li a.mw-selflink{
    border-left: 3px solid #a7d7f9 !important;
    background: #e3f3fb !important;
}

.navbar li a:hover{
    background: #ddd;
    border-left: 3px solid #b7b7b7;
    text-decoration: none;
}
/* 
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;}