1
0

input file, and button was styled. Also some minor refactor.

This commit is contained in:
Alexander Andreev 2022-02-11 02:56:14 +04:00
parent c8958427a3
commit e4f831ceef
Signed by: Arav
GPG Key ID: 1327FE8A374CC86F

View File

@ -16,7 +16,7 @@
--background-color: #0a0a0a; --background-color: #0a0a0a;
--primary-color: #cd2682; --primary-color: #cd2682;
--secondary-color: #9f2b68; --secondary-color: #9f2b68;
--text-color: #f5f5f5; --text-color: #f5f5f5;
--text-indent: 1.6rem; --text-indent: 1.6rem;
scrollbar-color: var(--primary-color) var(--background-color); } scrollbar-color: var(--primary-color) var(--background-color); }
@ -39,16 +39,24 @@ button {
text-decoration: none; } text-decoration: none; }
a:hover, a:hover,
button:hover { button:hover,
input[type="file"]::file-selector-button:hover {
color: var(--secondary-color); color: var(--secondary-color);
cursor: pointer; cursor: pointer;
text-decoration: underline dotted; text-decoration: underline dotted;
transition: .5s; } transition: .5s; }
input[type="file"] {
color: var(--text-color);
font: inherit; }
input[type="file"]::file-selector-button,
button { button {
background: none; background: none;
border: none; border: none;
color: var(--primary-color);
font: inherit; font: inherit;
margin-left: .3rem;
padding: 0; } padding: 0; }
p { p {
@ -77,16 +85,14 @@ h2 {
small { font-size: .8rem; } small { font-size: .8rem; }
progress { progress {
background-color: var(--primary-color); background-color: var(--secondary-color);
border: none; border: none;
color: var(--primary-color); color: var(--primary-color);
height: 1.1rem; height: 1.1rem;
width: 30%; width: 30%; }
}
progress::-moz-progress-bar { progress::-moz-progress-bar {
background-color: var(--secondary-color); background-color: var(--primary-color); }
}
.center { text-align: center; } .center { text-align: center; }
@ -136,8 +142,7 @@ nav h1 {
section { margin-top: 1rem; } section { margin-top: 1rem; }
#used-space div span { #used-space div span {
margin: 0 .2rem; margin: 0 .2rem; }
}
footer { footer {
font-size: .8rem; font-size: .8rem;