input file, and button was styled. Also some minor refactor.
This commit is contained in:
parent
c8958427a3
commit
e4f831ceef
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user