Lauritzl am 17. April 2025 um 14:47 Uhr

2025-04-17T14:47:52Z

← Nächstältere Version		Version vom 17. April 2025, 16:47 Uhr
Zeile 438:		Zeile 438:
	.sp-advisory-table td:nth-child(10) {		.sp-advisory-table td:nth-child(10) {
	width: 100%;		width: 100%;
	padding-left: calc( ~~50% - 7.5em~~ );		padding-left: calc( 4em + 5px );
	}		}

	.sp-advisory-table td:nth-child(10) div {		.sp-advisory-table td:nth-child(10) div {
	padding-left: ~~1em~~;		padding-left: calc(50% - 7.5em);
	}		}

Lauritzl am 17. April 2025 um 14:43 Uhr

2025-04-17T14:43:10Z

← Nächstältere Version		Version vom 17. April 2025, 16:43 Uhr
Zeile 438:		Zeile 438:
	.sp-advisory-table td:nth-child(10) {		.sp-advisory-table td:nth-child(10) {
	width: 100%;		width: 100%;
	padding-left: calc( ~~4em + 5px~~ );		padding-left: calc( 50% - 7.5em );
	}		}

Lauritzl am 17. April 2025 um 14:32 Uhr

2025-04-17T14:32:21Z

Änderungen zeigen

Lauritzl: Lauritzl änderte das Inhaltsmodell der Seite Vorlage:Advisory.css von „Wikitext“ nach „Bereinigtes CSS“

2024-09-23T08:23:17Z

Lauritzl änderte das Inhaltsmodell der Seite Vorlage:Advisory.css von „Wikitext“ nach „Bereinigtes CSS“

← Nächstältere Version		Version vom 23. September 2024, 10:23 Uhr
(kein Unterschied)

Lauritzl: Die Seite wurde neu angelegt: „.language { display: initial; } .language:not(.inline) { display: none; } .sptable-legende th { background: #e52b2b; color: white; } .sp-advisory-table { display: flex; float: left; border: none; } .sp-advisory-table tr { margin: 0.25em; } .sp-advisory-table tr th { width: 14em; display: inline-flex; padding: 7px; } .sp-advisory-table thead tr { display: grid; margin: 0.25em; padding-right: 2em…“

2024-09-23T08:22:52Z

Die Seite wurde neu angelegt: „.language { display: initial; } .language:not(.inline) { display: none; } .sptable-legende th { background: #e52b2b; color: white; } .sp-advisory-table { display: flex; float: left; border: none; } .sp-advisory-table tr { margin: 0.25em; } .sp-advisory-table tr th { width: 14em; display: inline-flex; padding: 7px; } .sp-advisory-table thead tr { display: grid; margin: 0.25em; padding-right: 2em…“

Neue Seite

.language {
display: initial;
}

.language:not(.inline) {
display: none;
}

.sptable-legende th {
background: #e52b2b;
color: white;
}

.sp-advisory-table {
display: flex;
float: left;
border: none;
}

.sp-advisory-table tr {
margin: 0.25em;
}

.sp-advisory-table tr th {
width: 14em;
display: inline-flex;
padding: 7px;
}

.sp-advisory-table thead tr {
display: grid;
margin: 0.25em;
padding-right: 2em;
}

.sp-advisory-table thead th.headerSort {
border-radius: 16px;
margin: 3px;
background-color: #e52b2b;
color: white;
background-image: none;
}

.sp-advisory-table thead th::before {
content: "\2005";
font-family: "Font Awesome 6 Pro";
font-weight: 300;
font-size: 130%;
padding: 0;
width: 1.2em;
}

.sp-advisory-table thead th.headerSortUp::before {
content: "\f885"; /* up short-wide */
font-family: "Font Awesome 6 Pro";
font-size: 130%;
}

.sp-advisory-table thead th.headerSortDown::before {
content: "\f160"; /* down wide-short */
font-family: "Font Awesome 6 Pro";
font-size: 130%;
}

.sp-advisory-table thead th:first-child.headerSortUp::before,
.sp-advisory-table thead th:nth-child(4).headerSortUp::before {
content: "\f163"; /* up 1-9*/
font-family: "Font Awesome 6 Pro";
font-size: 130%;
}

.sp-advisory-table thead th:first-child.headerSortDown::before,
.sp-advisory-table thead th:nth-child(4).headerSortDown::before {
content: "\f886"; /* down 9-1 */
font-family: "Font Awesome 6 Pro";
font-size: 130%;
}

.sp-advisory-table thead th:nth-child(2).headerSortUp::before,
.sp-advisory-table thead th:nth-child(5).headerSortUp::before,
.sp-advisory-table thead th:nth-child(6).headerSortUp::before {
content: "\f15e"; /* up a-z */
font-family: "Font Awesome 6 Pro";
font-size: 130%;
}

.sp-advisory-table thead th:nth-child(2).headerSortDown::before,
.sp-advisory-table thead th:nth-child(5).headerSortDown::before,
.sp-advisory-table thead th:nth-child(6).headerSortDown::before {
content: "\f881"; /* down z-a */
font-family: "Font Awesome 6 Pro";
font-size: 130%;
}

.sp-advisory-table tbody a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}

.sp-advisory-table tbody a,
.sp-advisory-table tbody a:visited {
color: white;
}

.sp-advisory-table tbody tr {
display: flex;
flex-wrap: wrap;
border: 1px solid grey;
transform: rotate(0);
}

.sp-advisory-table tbody tr:first-child {
margin-top: 1.4em;
}

/* .sp-advisory-table tbody td i::before {
position: relative;
left: -4em;
} */

.sp-advisory-table tbody td {
padding: 5px;
}

.english.inline ~ .sp-advisory-table thead:before {
content: 'Sorting';
font-weight: bold;
padding-left: 10px;
}

.german.inline ~ .sp-advisory-table thead:before {
content: 'Sortierung';
font-weight: bold;
padding-left: 10px;
}

.sp-advisory-table td:nth-child(1) { /* CVE */
font-weight: bold;
color: #ec7063;
}

.sp-advisory-table td:nth-child(3):before {
content: 'Status\2005';
font-size: small;
}

.sp-advisory-table td:nth-child(4):before {
content: 'Score\2005';
font-size: small;
}

.english.inline ~ .sp-advisory-table td:nth-child(5):before {
content: 'Product\2005';
font-size: small;
}

.german.inline ~ .sp-advisory-table td:nth-child(5):before {
content: 'Produkt\2005';
font-size: small;
}

.english.inline ~ .sp-advisory-table td:nth-child(6):before {
content: 'Component\2005';
font-size: small;
}

.german.inline ~ .sp-advisory-table td:nth-child(6):before {
content: 'Komponente\2005';
font-size: small;
}

.english.inline ~ .sp-advisory-table td:nth-child(7):before {
content: 'Published\2005';
font-size: small;
}

.german.inline ~ .sp-advisory-table td:nth-child(7):before {
content: 'Veröffentlicht\2005';
font-size: small;
}

.english.inline ~ .sp-advisory-table td:nth-child(8):before {
content: 'Fixed\2005';
font-size: small;
}

.german.inline ~ .sp-advisory-table td:nth-child(8):before {
content: 'Behoben\2005';
font-size: small;
}

.english.inline ~ .sp-advisory-table td:nth-child(9):before {
content: 'Last Update\2005';
font-size: small;
}

.german.inline ~ .sp-advisory-table td:nth-child(9):before {
content: 'Letzte Aktualisierung\2005';
font-size: small;
}

.geloest:lang(de)::before {
content: "Verfügbar seit: ";
}

.geloest:lang(en)::before {
content: "Rollout: ";
}

.geloest {
font-size: small;
padding-left: 2em;
}

.geloest:empty {
display: none;
}

.sp-advisory-table td:nth-child(1) {
width: 10em;
}

.sp-advisory-table td:nth-child(2) {
width: calc( 100% - 10em );
}

.sp-advisory-table td:nth-child(3),
.sp-advisory-table td:nth-child(7) {
width: calc( 20% + 10em );
padding-left: calc( 10em + 5px );
}

.sp-advisory-table td:nth-child(4),
.sp-advisory-table td:nth-child(5),
.sp-advisory-table td:nth-child(8) {
width: 20%;
}

.sp-advisory-table td:nth-child(6) {
width: calc( 40% - 10em );
}

.sp-advisory-table td:nth-child(9) {
width: calc( 60% - 10em );
}

.zeig_weiss:hover ~ .sp-advisory-table td:nth-child(1),
.zeig_weiss:hover ~ .sp-advisory-table td:nth-child(2),
.zeig_weiss:hover ~ .sp-advisory-table tbody a,
.zeig_weiss:hover ~ .sp-advisory-table tbody a:visited {
background: white;
color: rgba(0,0,0,0.9);
}

.zeig_rot:hover ~ .sp-advisory-table td:nth-child(1),
.zeig_rot:hover ~ .sp-advisory-table td:nth-child(2),
.zeig_rot:hover ~ .sp-advisory-table tbody a,
.zeig_rot:hover ~ .sp-advisory-table tbody a:visited {
background: #e52b2b;
color: white;
}

.sp-advisory-table td:nth-child(1),
.sp-advisory-table td:nth-child(2) {
background: rgba(0,0,0,0.2);
color: rgba(0,0,0,0.9);
}

.sp-advisory-table tbody a,
.sp-advisory-table tbody a:visited {
background: rgba(0,0,0,0);
color: rgba(0,0,0,0.9);
}

.sp-advisory-table td:nth-child(3),
.sp-advisory-table td:nth-child(4),
.sp-advisory-table td:nth-child(5),
.sp-advisory-table td:nth-child(6) {
background: rgba(0,0,0,.05);
}

.sp-advisory-table td:nth-child(7),
.sp-advisory-table td:nth-child(8),
.sp-advisory-table td:nth-child(9) {
background: white;
}

@media (max-width:1555px) {

.sp-advisory-table {
display: unset;
}

.sp-advisory-table thead tr {
display: flex;
flex-wrap: wrap;
}

.sp-advisory-table td:nth-child(3),
.sp-advisory-table td:nth-child(4),
.sp-advisory-table td:nth-child(5),
.sp-advisory-table td:nth-child(6),
.sp-advisory-table td:nth-child(7),
.sp-advisory-table td:nth-child(8),
.sp-advisory-table td:nth-child(9) {
display: grid;
align-content: flex-start;
}

.sp-advisory-table td:nth-child(1) {
width: 6em;
}

.sp-advisory-table td:nth-child(2) {
width: calc( 100% - 6em );
}

.sp-advisory-table td:nth-child(3),
.sp-advisory-table td:nth-child(7) {
width: calc( 20% + 6em );
padding-left: calc( 6em + 5px );
}

.sp-advisory-table td:nth-child(4),
.sp-advisory-table td:nth-child(5),
.sp-advisory-table td:nth-child(8) {
width: 20%;
}

.sp-advisory-table td:nth-child(6) {
width: calc( 40% - 6em );
}

.sp-advisory-table td:nth-child(9) {
width: calc( 60% - 6em );
}

.sp-advisory-table tbody td i.center:before {
position: absolute;
left: 5.75em;
top: 5em;
}

.sp-advisory-table .fas.fa-face-scream::before {
position: relative;
left: 2em;
top: -1.1em;
}

}

@media (max-width:650px) {

.sp-advisory-table td:nth-child(1) {
width: 100%;
}

.sp-advisory-table td:nth-child(2) {
width: 100%;
text-align: end;
padding-top: 0;
}

.sp-advisory-table td:nth-child(3),
.sp-advisory-table td:nth-child(5),
.sp-advisory-table td:nth-child(7) {
width: calc( 50% + 3em );
padding-left: calc( 6em + 5px );
}

.sp-advisory-table td:nth-child(4),
.sp-advisory-table td:nth-child(6),
.sp-advisory-table td:nth-child(8) {
width: calc( 50% - 3em );
}

.sp-advisory-table td:nth-child(9) {
width: 100%;
padding-left: calc( 6em + 5px );
}

.sp-advisory-table td:nth-child(1),
.sp-advisory-table td:nth-child(2) {
background: #e52b2b;
color: white;
}

.sp-advisory-table td:nth-child(3),
.sp-advisory-table td:nth-child(4),
.sp-advisory-table td:nth-child(7),
.sp-advisory-table td:nth-child(8) {
background: rgba(0,0,0,.05);
}

.sp-advisory-table td:nth-child(5),
.sp-advisory-table td:nth-child(6),
.sp-advisory-table td:nth-child(9) {
background: white;
}

}

.sptable.striped tr:nth-child(2n+1) > td {
background: rgba(70,136,71,0.1);
}

.sptable.striped.fixed tr:nth-child(2n+1) > td {
background: rgba(240,173,78,0.1) /* rgba(255,200,0, 0.1); */
}

.sptable.striped.open tr:nth-child(2n+1) > td {
background: rgba(229,43,43, 0.1);
}

.Details > div:nth-child(1), .Details > div:nth-child(2) {
font-weight: bold;
}

.Details {
margin-bottom: 2em;
}

.cvss.sptable-legende.pd5 tr td:nth-child(2) {
text-align: end;
width: 3em;
border-right: 0;
}

.cvss.sptable-legende.pd5 tr td:nth-child(3) {
border-left: 0;
}

Vorlage:Advisory.css - Versionsgeschichte

Lauritzl am 17. April 2025 um 14:47 Uhr

Lauritzl am 17. April 2025 um 14:43 Uhr

Lauritzl am 17. April 2025 um 14:32 Uhr

Lauritzl: Lauritzl änderte das Inhaltsmodell der Seite Vorlage:Advisory.css von „Wikitext“ nach „Bereinigtes CSS“