undo alphabetizing css classes
This commit is contained in:
parent
3130e73464
commit
e5158a41b3
1 changed files with 155 additions and 144 deletions
295
public/style.css
295
public/style.css
|
|
@ -1,35 +1,23 @@
|
|||
a {
|
||||
color: #f3bbae;
|
||||
transition: all 0.3s;
|
||||
:root {
|
||||
--size: calc(100vmin / 1.618033988749895);
|
||||
--primary-text-size: 12px;
|
||||
}
|
||||
|
||||
p {
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: var(--primary-text-size);
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #f3bbae;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #241917;
|
||||
color: #f3bbae;
|
||||
font-family: Monaco, monospace !important;
|
||||
}
|
||||
|
||||
.alt-bullet {
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
body,
|
||||
.braille {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -45,27 +33,29 @@ a {
|
|||
font: 12px/12px "Iosevka Web", monospace;
|
||||
}
|
||||
|
||||
.braille>* {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.braille .hidden {
|
||||
position: fixed;
|
||||
bottom: 100%;
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
.braille>* {
|
||||
white-space: pre;
|
||||
.globe-txt {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.bullet-text {
|
||||
font-size: var(--primary-text-size);
|
||||
text-align: left;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
@media only screen and (max-width: 625px) {
|
||||
.globe-txt {
|
||||
position: fixed;
|
||||
right: 50%;
|
||||
top: 50%;
|
||||
transform: translate(50%, -50%);
|
||||
}
|
||||
|
||||
.bullet::before {
|
||||
content: "-";
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.center-text {
|
||||
|
|
@ -82,87 +72,29 @@ a {
|
|||
left: 15%;
|
||||
}
|
||||
|
||||
.code {
|
||||
word-wrap: break-word;
|
||||
display: block;
|
||||
font-size: var(--primary-text-size);
|
||||
background-color: #241917;
|
||||
color: #fff !important;
|
||||
border: 4px solid #f3bbae92;
|
||||
padding: 5px;
|
||||
@media only screen and (max-width: 625px) {
|
||||
.center-text {
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
max-width: 100vw;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
::-webkit-scrollbar {
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.globe-txt {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.custom-bullet {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.custom-bullet li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.custom-bullet li::before {
|
||||
content: "-";
|
||||
position: absolute;
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
.links {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.links a {
|
||||
text-decoration-skip: spaces;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
::-webkit-scrollbar-track {
|
||||
background: #241917;
|
||||
color: #f3bbae;
|
||||
font-family: Monaco, monospace !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--size: calc(100vmin / 1.618033988749895);
|
||||
--primary-text-size: 12px;
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
display: none;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.tab-content a[href]:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.tab-icon {
|
||||
width: var(--primary-text-size);
|
||||
color: #f3bbae;
|
||||
fill: #f3bbae;
|
||||
padding-left: 0.25rem;
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #f3bbae;
|
||||
}
|
||||
|
||||
.tab,
|
||||
.tab-link {
|
||||
cursor: pointer;
|
||||
border-width: 0 4px 4px 0;
|
||||
|
|
@ -183,10 +115,36 @@ body {
|
|||
width: 12px;
|
||||
}
|
||||
|
||||
.tab:hover label {
|
||||
background-color: #f3bbae92;
|
||||
color: #241917;
|
||||
font-weight: 700;
|
||||
a {
|
||||
color: #f3bbae;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: var(--primary-text-size);
|
||||
}
|
||||
|
||||
.tabbed {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.tabbed [type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.custom-bullet {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.custom-bullet li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.custom-bullet li::before {
|
||||
content: "-";
|
||||
position: absolute;
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
.tab>label {
|
||||
|
|
@ -198,24 +156,65 @@ body {
|
|||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.tabbed {
|
||||
overflow-x: hidden;
|
||||
.tab:hover label {
|
||||
background-color: #f3bbae92;
|
||||
color: #241917;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.tabbed [type="radio"] {
|
||||
.tab-content {
|
||||
display: none;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
|
||||
.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label,
|
||||
.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label,
|
||||
.tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label,
|
||||
.tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label {
|
||||
background-color: #f3bbae92;
|
||||
color: #241917;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.tabbed [type="radio"]:nth-of-type(1):checked~.tab-content:nth-of-type(1),
|
||||
.tabbed [type="radio"]:nth-of-type(2):checked~.tab-content:nth-of-type(2),
|
||||
.tabbed [type="radio"]:nth-of-type(3):checked~.tab-content:nth-of-type(3),
|
||||
.tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.code {
|
||||
word-wrap: break-word;
|
||||
display: block;
|
||||
font-size: var(--primary-text-size);
|
||||
background-color: #241917;
|
||||
color: #fff !important;
|
||||
border: 4px solid #f3bbae92;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.bullet-text {
|
||||
font-size: var(--primary-text-size);
|
||||
text-align: left;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-content a[href]:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.visible {
|
||||
z-index: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
|
|
@ -224,6 +223,30 @@ body {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.bullet::before {
|
||||
content: "-";
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.alt-bullet {
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
.links {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.links a {
|
||||
text-decoration-skip: spaces;
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.icon,
|
||||
.text-icon {
|
||||
fill: #f3bbae;
|
||||
width: 12px;
|
||||
|
|
@ -233,27 +256,15 @@ body {
|
|||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.visible {
|
||||
z-index: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
.tab-icon {
|
||||
width: var(--primary-text-size);
|
||||
color: #f3bbae;
|
||||
fill: #f3bbae;
|
||||
padding-left: 0.25rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 625px) {
|
||||
.globe-txt {
|
||||
position: fixed;
|
||||
right: 50%;
|
||||
top: 50%;
|
||||
transform: translate(50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 625px) {
|
||||
.center-text {
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
max-width: 100vw;
|
||||
}
|
||||
a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue