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:
parent
4c9621972a
commit
6625035969
10 changed files with 4189 additions and 80 deletions
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue