„Vorlage:Medienbox/styles.css“ – Versionsunterschied
[gesichtete Version] | [gesichtete Version] |
Inhalt gelöscht Inhalt hinzugefügt
Anzeigefehler in Mobilansicht: Erzwinge einheitliche Spaltenbreite bei Schachtelung |
Umstellung wg. Mobilansicht, Farbfehler |
||
Zeile 1: | Zeile 1: | ||
/* (Info-)Box-Layout im medien-Bereich */ |
/* (Info-)Box-Layout im medien-Bereich */ |
||
.medien-box{ |
.medien-box{ |
||
display:table; |
|||
width:23em; |
width:23em; |
||
margin-top:0; |
margin-top:0; |
||
Zeile 45: | Zeile 46: | ||
/* Band-Design bei Schachtelung */ |
/* Band-Design bei Schachtelung */ |
||
.medien-box .medien-box { |
.medien-box .medien-box { |
||
display:contents; |
|||
width:100% !important; |
|||
margin:0 !important; |
|||
border:none; |
|||
font-size:inherit; |
font-size:inherit; |
||
} |
} |
||
.medien-filmtv, .medien-videospiel{ |
|||
⚫ | |||
border-spacing:0; |
border-spacing:0; |
||
} |
} |
||
Zeile 72: | Zeile 70: | ||
} |
} |
||
.medien-filmtv |
.medien-filmtv tr>:nth-child(2){ |
||
width: |
width:70%; |
||
} |
} |
||
Zeile 84: | Zeile 82: | ||
[id*="Synchronisation"] td[colspan]{ |
[id*="Synchronisation"] td[colspan]{ |
||
text-align:center; |
text-align:center; |
||
⚫ | |||
} |
} |
||
Zeile 113: | Zeile 110: | ||
color:white; |
color:white; |
||
background-color:#444444; |
background-color:#444444; |
||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
Zeile 135: | Zeile 136: | ||
background-color:#EBEBF9; |
background-color:#EBEBF9; |
||
background-color:RGBA(155,155,225,.2); |
background-color:RGBA(155,155,225,.2); |
||
⚫ | |||
/* Fehleranzeige im Vorschaumodus */ |
|||
.action-submit .medien-fehler{ |
|||
display: inline !important; |
|||
} |
} |
Version vom 12. September 2024, 13:13 Uhr
/* (Info-)Box-Layout im medien-Bereich */
.medien-box{
display:table;
width:23em;
margin-top:0;
border:solid 1px #A2A9B1;
border-spacing:4px;
font-size:90%;
line-height:1.3;
}
.medien-box th, .medien-box td{
text-align:left;
vertical-align:top;
}
.medien-box td ul {
margin:0 0 0 1.5em;
padding:0;
line-height:inherit;
}
/* einspaltig keine Listenpunkte */
.medien-box td:not([colspan]) ul {
list-style:none none;
margin:0;
}
.medien-box td:not([colspan]) ul li {
margin:0 0 0 .7em;
text-indent: -.7em;
}
/* Bilder fuellen max. den verfuegbaren Platz */
.medien-box img {
width:auto;
max-width:100%;
height:auto;
max-height:100%;
}
.medien-box[title="Eckdaten eines Rundfunksenders"] td:not(.medien-titel) img{
max-height:180px;
}
/* Band-Design bei Schachtelung */
.medien-box .medien-box {
display:contents;
font-size:inherit;
}
.medien-filmtv, .medien-videospiel{
border-spacing:0;
}
.medien-filmtv th, .medien-filmtv td,
.medien-videospiel th, .medien-videospiel td{
padding:4px;
}
.medien-filmtv th, .medien-videospiel th{
background-color:#F4F4F7;
background-color:RGBA(150,150,175,.1);
font-weight:inherit;
}
div.medien-filmtv,
.float-right[id*="Synchronisation"]{
font-size:95%;
}
.medien-filmtv tr>:nth-child(2){
width:70%;
}
/* Thematisch eingefaerbte Titelzeilen */
.medien-box tr:first-child .medien-titel{
font-weight:bold;
}
.medien-box .medien-titel,
[id*="Synchronisation"] td[colspan]{
text-align:center;
}
.medien-titel td, .medien-titel th{
background-color:transparent;
}
.medien-hoerfunk tr:first-child .medien-titel{
background-color:#B0C4DE;
}
.medien-hoerfunk .medien-titel{
background-color:#DEE5EE;
background-color:RGBA(176,196,222,.5);
}
.medien-website tr:first-child .medien-titel{
background-color:#C7CDD9;
background-color:RGBA(135,206,235,.5);
}
.medien-website .medien-titel{
background-color:#EAECF0;
background-color:RGBA(135,206,235,.3);
}
.medien-videospiel tr:first-child .medien-titel{
color:white;
background-color:#444444;
}
.medien-videospiel .medien-titel{
background-color:var(--dewiki-hintergrundfarbe5);
}
.medien-youtube tr:first-child .medien-titel{
color:white;
background-color:#B60000;
}
.medien-youtube .medien-titel{
background-color:#D88080;
}
.medien-filmtv tr:first-child .medien-titel,
[id*="Synchronisation"] tr:first-child th{
background-color:#DCDCF5;
background-color:RGBA(155,155,225,.35);
}
.medien-filmtv .medien-titel,
[id*="Synchronisation"] th{
color:inherit !important;
background-color:#EBEBF9;
background-color:RGBA(155,155,225,.2);
}