Cleaning up CSS

This commit is contained in:
Michał Gdula 2022-07-27 12:46:10 +01:00
parent eac7f15292
commit 58b07d30d4
16 changed files with 90 additions and 195 deletions

View file

@ -1,16 +0,0 @@
/*
-=-=-= ABOUT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.about-root {
margin: 0 auto 2rem; padding: 0.5rem;
max-width: 621px; width: calc(100% - 2rem);
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}

View file

@ -1,16 +0,0 @@
/*
-=-=-= Account =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.account-root {
margin: 0 auto 2rem; padding: 0.5rem;
max-width: 621px; width: calc(100% - 2rem);
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}

View file

@ -1,16 +0,0 @@
/*
-=-=-= EDIT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.edit-root {
margin: 0 auto 2rem; padding: 0.5rem;
max-width: 621px; width: calc(100% - 2rem);
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--red);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}

View file

@ -36,39 +36,13 @@
}
.image-description {
margin: 0 0 2rem; padding: 0.5rem;
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}
.image-detail {
margin: 0 0 2rem; padding: 0.5rem;
background-color: var(--bg); color: var(--fg);
word-wrap: break-word;
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}
.danger-zone {
margin: 0 0 2rem; padding: 0.5rem;
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--red);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}

View file

@ -1,16 +0,0 @@
/*
-=-=-= LONGIN =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.login-root {
margin: 0 auto 2rem; padding: 0.5rem;
max-width: 621px; width: calc(100% - 2rem);
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}

View file

@ -3,15 +3,6 @@
@import "gallery.css";
@import "image.css";
@import "edit.css";
@import "upload.css";
@import "about.css";
@import "signup.css";
@import "login.css";
@import "account.css";
@import "password-reset.css";
:root {
--bg: #151515df;
@ -135,13 +126,11 @@ form * {
}
.btn:hover {
outline: var(--white) 3px solid;
color: var(--fg);
}
a.btn {
text-align: center;
}
.link:hover {
color: var(--orange);
}
.space-bottom {
margin-bottom: 1rem;
@ -164,17 +153,6 @@ a.btn {
display: inline;
}
.default-window {
margin: 0 auto 2rem; padding: 0.5rem;
background-color: var(--bg); color: var(--fg);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}
/*
-=-=-= TEXT SIZES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
@ -206,6 +184,9 @@ p, a {
margin: 0 0 0.5rem 0;
font-family: "Fira Code", monospace;
}
a:hover {
color: var(--orange);
}
/*
-=-=-= Back to top button =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
@ -237,3 +218,47 @@ p, a {
object-position: center;
}
/*
-=-=-= DIV DECORATIONS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.default-window {
margin: 0 0 2rem; padding: 0.5rem;
/*max-width: 621px;*/ width: calc(100% - 2rem);
background-color: var(--bg);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}
.upload-root {
border: 0.2rem solid var(--green);
}
.edit-root {
border: 0.2rem solid var(--red);
}
.signup-root {
border: 0.2rem solid var(--green);
}
.password-reset-root {
border: 0.2rem solid var(--red);
}
.account-root {
border: 0.2rem solid var(--green);
}
.login-root {
border: 0.2rem solid var(--green);
}
.about-root {
border: 0.2rem solid var(--green);
}

View file

@ -1,16 +0,0 @@
/*
-=-=-= LONGIN =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.password-reset-root {
margin: 0 auto 2rem; padding: 0.5rem;
max-width: 621px; width: calc(100% - 2rem);
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}

View file

@ -1,16 +0,0 @@
/*
-=-=-= SIGN UP =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.signup-root {
margin: 0 auto 2rem; padding: 0.5rem;
max-width: 621px; width: calc(100% - 2rem);
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}

View file

@ -1,16 +0,0 @@
/*
-=-=-= UPLOAD =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.upload-root {
margin: 0 auto 2rem; padding: 0.5rem;
max-width: 621px; width: calc(100% - 2rem);
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}