Vorlage:Test-Styles.css - Versionsgeschichte

Lauritzl am 10. Juli 2019 um 12:28 Uhr

2019-07-10T12:28:30Z

@@ Zeile 29: / Zeile 29: @@
    width: 100%;
+}
 /*** Formatierung Breakpoint sm ***/

Lauritzl am 10. Juli 2019 um 12:26 Uhr

2019-07-10T12:26:10Z

← Nächstältere Version		Version vom 10. Juli 2019, 14:26 Uhr
Zeile 30:		Zeile 30:
	}		}

			/* Formatierung Breakpoint sm */
			@media (max-width: 576px) {

	.~~spgrid~~ {		.spgridtr {
	background-color:white;		background-color:white;
	color: #222;		color: #222;
Zeile 39:		Zeile 41:
	}		}

	.~~spgrid~~ td {		.spgridtr td {
	background-color: #f8f9fa;		background-color: #f8f9fa;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
Zeile 47:		Zeile 49:


	.~~spgrid~~ > * > tr > th {		.spgridtr > * > tr > th {
	float: left;		float: left;
	padding-left: 1px;		padding-left: 1px;
Zeile 58:		Zeile 60:
	}		}

	.~~spgrid~~ {		.spgridtr {
	border-collapse: separate;		border-collapse: separate;
	border-spacing: 0.3em;		border-spacing: 0.3em;
	}		}

	.~~spgrid~~ > * > tr > th:nth-child(1) {		.spgridtr > * > tr > th:nth-child(1) {
	display: block;		display: block;
	width:100%;		width:100%;
Zeile 72:		Zeile 74:
	}		}

	.~~spgrid~~ .Leerzeile {		.spgridtr .Leerzeile {
	border-left: 0;		border-left: 0;
	border-right: 0;		border-right: 0;
Zeile 78:		Zeile 80:
	}		}

	.~~spgrid~~ tbody > tr {		.spgridtr tbody > tr {
	display: grid;		display: grid;
	grid-template-columns: 20% 40% 40%;		grid-template-columns: 20% 40% 40%;
Zeile 85:		Zeile 87:
	}		}

	.~~spgrid~~ tbody > tr:first-child {		.spgridtr tbody > tr:first-child {
	display: table-row;		display: table-row;
	width: 100%;		width: 100%;
Zeile 91:		Zeile 93:
	}		}

	.~~spgrid~~ td:nth-child(1) {		.spgridtr td:nth-child(1) {
	padding: 15px;		padding: 15px;
	grid-column: 1 / 4;		grid-column: 1 / 4;
Zeile 100:		Zeile 102:
	}		}

	.~~spgrid~~ tr > td:nth-child(2) {		.spgridtr tr > td:nth-child(2) {
	padding: 15px;		padding: 15px;
	grid-column: 1;		grid-column: 1;
Zeile 108:		Zeile 110:
	}		}

	.~~spgrid~~ tr > td:nth-child(3) {		.spgridtr tr > td:nth-child(3) {
	padding: 15px;		padding: 15px;
	grid-column: 2;		grid-column: 2;
Zeile 116:		Zeile 118:
	}		}

	.~~spgrid~~ tr > td:nth-child(4) {		.spgridtr tr > td:nth-child(4) {
	padding: 15px;		padding: 15px;
	grid-column: 3;		grid-column: 3;
Zeile 122:		Zeile 124:
	background-color: #f8f9fa;		background-color: #f8f9fa;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
			}
	}		}

Lauritzl am 10. Juli 2019 um 12:22 Uhr

2019-07-10T12:22:52Z

← Nächstältere Version		Version vom 10. Juli 2019, 14:22 Uhr
Zeile 55:		Zeile 55:
	padding: 0.2em 0.1em;		padding: 0.2em 0.1em;
	line-height:1.4;		line-height:1.4;
			width: auto
	}		}

Zeile 96:		Zeile 97:
	background-color: #eaecf0;		background-color: #eaecf0;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
			margin-top: 5px;
	}		}

Lauritzl am 10. Juli 2019 um 12:12 Uhr

2019-07-10T12:12:08Z

← Nächstältere Version		Version vom 10. Juli 2019, 14:12 Uhr
Zeile 51:		Zeile 51:
	padding-left: 1px;		padding-left: 1px;
	padding-right: 0.4em;		padding-right: 0.4em;
			background-color: #eaecf0;
			border: 1px solid #a2a9b1;
			padding: 0.2em 0.1em;
			line-height:1.4;
	}		}

Lauritzl am 10. Juli 2019 um 12:07 Uhr

2019-07-10T12:07:50Z

← Nächstältere Version		Version vom 10. Juli 2019, 14:07 Uhr
Zeile 76:		Zeile 76:
	display: grid;		display: grid;
	grid-template-columns: 20% 40% 40%;		grid-template-columns: 20% 40% 40%;
			width: 100%;
			color: red;
			}

			.spgrid tbody > tr:first-child {
			display: table-row;
	width: 100%;		width: 100%;
	color: red;		color: red;

Lauritzl am 10. Juli 2019 um 11:58 Uhr

2019-07-10T11:58:50Z

← Nächstältere Version		Version vom 10. Juli 2019, 13:58 Uhr
Zeile 73:		Zeile 73:
	}		}

	.spgrid tbody > tr~~:first-child~~ {		.spgrid tbody > tr {
	/* display: grid;		display: grid;
	grid-template-columns: 20% 40% 40%;*/		grid-template-columns: 20% 40% 40%;
	width: 100%;		width: 100%;
	color: red;		color: red;
Zeile 82:		Zeile 82:
	.spgrid td:nth-child(1) {		.spgrid td:nth-child(1) {
	padding: 15px;		padding: 15px;
	/* grid-column: 1 / 4;		grid-column: 1 / 4;
	grid-row: 1;*/		grid-row: 1;
	background-color: #eaecf0;		background-color: #eaecf0;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
Zeile 90:		Zeile 90:
	.spgrid tr > td:nth-child(2) {		.spgrid tr > td:nth-child(2) {
	padding: 15px;		padding: 15px;
	/* grid-column: 1;		grid-column: 1;
	grid-row: 2;*/		grid-row: 2;
	background-color: #f8f9fa;		background-color: #f8f9fa;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;

Lauritzl am 10. Juli 2019 um 11:56 Uhr

2019-07-10T11:56:17Z

← Nächstältere Version		Version vom 10. Juli 2019, 13:56 Uhr
Zeile 74:		Zeile 74:

	.spgrid tbody > tr:first-child {		.spgrid tbody > tr:first-child {
	display: grid;		/* display: grid;
	grid-template-columns: 20% 40% 40%;		grid-template-columns: 20% 40% 40%;*/
	width: 100%;		width: 100%;
	color: red;		color: red;
Zeile 82:		Zeile 82:
	.spgrid td:nth-child(1) {		.spgrid td:nth-child(1) {
	padding: 15px;		padding: 15px;
	grid-column: 1 / 4;		/* grid-column: 1 / 4;
	grid-row: 1;		grid-row: 1;*/
	background-color: #eaecf0;		background-color: #eaecf0;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;
Zeile 90:		Zeile 90:
	.spgrid tr > td:nth-child(2) {		.spgrid tr > td:nth-child(2) {
	padding: 15px;		padding: 15px;
	grid-column: 1;		/* grid-column: 1;
	grid-row: 2;		grid-row: 2;*/
	background-color: #f8f9fa;		background-color: #f8f9fa;
	border: 1px solid #a2a9b1;		border: 1px solid #a2a9b1;

Lauritzl am 10. Juli 2019 um 11:53 Uhr

2019-07-10T11:53:47Z

← Nächstältere Version		Version vom 10. Juli 2019, 13:53 Uhr
Zeile 73:		Zeile 73:
	}		}

	.spgrid tbody > tr:~~not(~~first-child) {		.spgrid tbody > tr:first-child {
	display: grid;		display: grid;
	grid-template-columns: 20% 40% 40%;		grid-template-columns: 20% 40% 40%;

Lauritzl am 10. Juli 2019 um 11:45 Uhr

2019-07-10T11:45:45Z

← Nächstältere Version		Version vom 10. Juli 2019, 13:45 Uhr
Zeile 64:		Zeile 64:
	padding-left: 1px;		padding-left: 1px;
	padding-right: 0.4em;		padding-right: 0.4em;
			color: green;
	}		}

Lauritzl am 10. Juli 2019 um 11:42 Uhr

2019-07-10T11:42:54Z

← Nächstältere Version		Version vom 10. Juli 2019, 13:42 Uhr
Zeile 72:		Zeile 72:
	}		}

	.spgrid tbody > tr:first-child {		.spgrid tbody > tr:not(first-child) {
	display: grid;		display: grid;
	grid-template-columns: 20% 40% 40%;		grid-template-columns: 20% 40% 40%;