Vorlage:Medienbox/styles.css

/* (Info-)Box-Layout im medien-Bereich */
.medien-box{
	width:23em;
	margin-top:0;
	border:solid 1px #A2A9B1;
	border-spacing:.35em;
	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 {
	width:100% !important;
	margin:0 !important;
	border:none;
	font-size:inherit;
}

table.medien-filmtv, .medien-filmtv table,
.medien-videospiel table{
	border-spacing:0;
}

.medien-filmtv th, .medien-filmtv td,
.medien-videospiel th, .medien-videospiel td{
	padding:.3em;
}

.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 th:not([colspan]){
	width:8em;
}

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

.medien-youtube tr:first-child .medien-titel{
	background-color:#B60000;
}

.medien-youtube .medien-titel{
	color:white;
	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);
}