MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus HammWiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
/* Gallery */
/* Gallery */


gallery{max-width: 800px;}
gallery{
    max-width: 800px;}


table.gallery{
table.gallery{
margin: 0px;
    margin: 0px;
padding: 0px;
    padding: 0px;
background-color: #AAAAAA;
    background-color: #AAAAAA;}
}


table.gallery tr{vertical-align: top;}
table.gallery tr{
    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 53: 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 */
.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 85: Zeile 81:
/* Wikitable */
/* Wikitable */


table.wikitable {   
table.wikitable{   
     margin: 2px;   
     margin: 2px;   
     background: #FFFFFF;   
     background: #fff;   
     border: 1px #DDDDDD solid;   
     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: #EEEEEE;   
     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: #FFFFFF; }
span.lnw  { color: #FFFFFF; }


/*  Fix für Kollision blockquote mit Infoboxen */
span.lfgw a{
    color: #fff;}


blockquote{
span.lnw{  
     overflow: auto;
     color: #fff;}
    padding: 0 40px;
    width: auto !important;
}


/* Für Vorlage:HammWiki_Verein (Navigationsleiste) */
/* Flexbox Inline-Infoboxen */


.navbar{
.infobox-pagewide{
    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;
     display: flex;
     margin-bottom: 1.2em;
     margin-bottom: 1.2em;}
}


.infobox-inline {
.infobox-inline{
     display: flex;
     display: flex;
     margin-bottom: 1.2em;
     margin-bottom: 1.2em;
     max-width: 435px;
     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 215: Zeile 156:
     object-fit: scale-down;}
     object-fit: scale-down;}


/*
*/ #Infobar Webkit-Hack */
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{
.infobox dl{
width: 100% !important;
    -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;}