MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus HammWiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 63: Zeile 63:
     word-wrap: break-word;}
     word-wrap: break-word;}


/* Bilder auf der Startseite (Rund, skaliert auf volle Breite) */
/* Bilder auf der Startseite */
 
.img-scaler{
.img-scaler{
     width: 100%;
     width: 100%;
    height: auto;
    margin: 0 0 5px 0;}
.img-scaler_startpage{
    width: 90%;
     height: auto;
     height: auto;
     border-radius: 10px;
     border-radius: 10px;
Zeile 111: Zeile 115:
span.lnw{  
span.lnw{  
     color: #fff;}
     color: #fff;}
/*  Fix für Kollision blockquote mit Infoboxen */
blockquote{
    overflow: auto;
    padding: 0 40px;
    width: auto !important;}


/* Flexbox Inline-Infoboxen */
/* Flexbox Inline-Infoboxen */
Zeile 158: Zeile 155:
     max-height: 60px;
     max-height: 60px;
     object-fit: scale-down;}
     object-fit: scale-down;}
*/ #Infobar Webkit-Hack */
.infobox dl{
    -webkit-hyphens: auto !important;}

Aktuelle Version vom 15. März 2024, 19:29 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 */
.img-scaler{
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;}

.img-scaler_startpage{
    width: 90%;
    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;}

/* 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;}

*/ #Infobar Webkit-Hack */

.infobox dl{
    -webkit-hyphens: auto !important;}