MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus HammWiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
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 {
Zeile 77: Zeile 75:
}
}


/*
/* Bilder auf der Startseite (Rund, skaliert auf volle Breite) */
Bilder auf der Startseite
(Rund, skaliert auf volle Breite)
*/


.img-scaler{
.img-scaler{
Zeile 94: Zeile 89:
}
}


/*  
/* Wikitable */
wikitable
*/


table.wikitable {   
table.wikitable {   
Zeile 125: Zeile 118:


/* 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 */
Zeile 131: Zeile 126:
span.lnw  { color: #FFFFFF; }
span.lnw  { color: #FFFFFF; }


/*  
/* Fix für Kollision blockquote mit Infoboxen */
Fix blockquote collision mit Infoboxen
 
*/
blockquote{
blockquote{
     overflow: auto;
     overflow: auto;
Zeile 140: Zeile 134:
}
}


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


.navbar{
.navbar{

Version vom 8. Februar 2023, 14:47 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;}

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