CSS : Add code for element collapse/expand;

Python : Addd support for UBports;
SVG    : Add more icons;
TOML   : Add more clients;
XHTML  : Add a note of UBports, and an element to collapse/expand details.
This commit is contained in:
Schimon Jehudah, Adv. 2024-10-25 15:52:52 +03:00
parent 4c9621972a
commit 6625035969
10 changed files with 4189 additions and 80 deletions

View file

@ -317,7 +317,7 @@ h1 {
}
#selection dd {
font-size: 1.5em;
font-size: 1.1em;
}
#selection > dd span.text {
@ -347,12 +347,17 @@ h1 {
#selection img.narrow {
display: none;
height: 1em;
width: 1em;
/*
height: 30px;
width: 30px;
*/
}
#selection a {
font-size: 30px;
#selection dt a {
/* font-size: 30px; */
font-size: 1.5em;
text-decoration: none;
}
@ -361,9 +366,31 @@ h1 {
margin: 1em;
}
#selection .features > label,
#selection .features > span {
margin-left: 0.5em;
margin-right: 0.5em;
white-space: nowrap;
}
#selection .features > .details {
display: none;
}
#selection .features > input[type="checkbox"] {
display: none; /* Hide checkbox */
}
#selection .features > input[type="checkbox"]:checked + label:before {
content: "📖️ "; /* Change + to - when checked */
}
#selection .features > input[type="checkbox"]:not(:checked) + label:before {
content: "📚️ "; /* Default content is + */
}
#selection .features > input[type="checkbox"]:checked + label + .details {
display: block; /* Show details upon checked checkbox */
}
#security-notices {
@ -607,6 +634,10 @@ h1 {
display: none;
}
#security-notices {
display: grid;
}
}
/* NOTE This rule useful, for larger images (800x800), to switch from
@ -623,17 +654,9 @@ h1 {
}
*/
@media (max-width: 950px) {
#security-notices {
display: grid;
}
}
@media (max-width: 820px) {
#action-bar > #reactos {
#action-bar > #windows {
display: none;
}