Vorlage:Bildbeschreibung/styles.css: Unterschied zwischen den Versionen

Aus Ardapedia
Alboin (Diskussion | Beiträge)
Die Seite wurde neu angelegt: „.fileinfotpl { width: 100%; border: 1px solid #8e4924; background-color: #f8f9fa; padding: .5em; font-size: 95%; } .fileinfotpl_header { background-color: #ccf; text-align: right; padding: .5em; width: 15%; } .information-fehlt { border: 1px solid #e3e3b0; background-color: #ffe; margin: .75em 15%; padding: .5em; text-align: center; font-weight: bold; } responsive: @media screen and (max-width: 500px) { .fileinfotpl { display: b…“
 
Alboin (Diskussion | Beiträge)
K Farben
Zeile 8: Zeile 8:


.fileinfotpl_header {
.fileinfotpl_header {
background-color: #ccf;
background-color: #DFECBC;
text-align: right;
text-align: right;
padding: .5em;
padding: .5em;

Version vom 22. November 2025, 19:23 Uhr

.fileinfotpl {
	width: 100%;
	border: 1px solid #8e4924;
	background-color: #f8f9fa;
	padding: .5em;
	font-size: 95%;
}

.fileinfotpl_header {
	background-color: #DFECBC;
	text-align: right;
	padding: .5em;
	width: 15%;
}

.information-fehlt {
	border: 1px solid #e3e3b0; 
	background-color: #ffe;
	margin: .75em 15%;
	padding: .5em;
	text-align: center;
	font-weight: bold;
}

/* responsive */
@media screen and (max-width: 500px) {
	.fileinfotpl {
		display: block;
		box-sizing: border-box;
		padding: 0 !important;
		overflow-wrap: break-word;
	}
	.fileinfotpl > * {
		display: block;
	}
	.fileinfotpl > * > tr {
		display: flex;
		flex-direction: column;
	}
	.fileinfotpl > * > tr > th,
	.fileinfotpl > * > tr:not(:last-child) > td {
		box-sizing: border-box;
		width: 100% !important;
		border-bottom: 1px solid #c0c0c0;
		text-align: left;
	}
}