mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-28 06:13:12 +00:00
Cleaning up CSS
This commit is contained in:
parent
eac7f15292
commit
58b07d30d4
16 changed files with 90 additions and 195 deletions
|
@ -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);
|
||||
}
|
|
@ -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);
|
||||
}
|
16
css/edit.css
16
css/edit.css
|
@ -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);
|
||||
}
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
|
@ -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);
|
||||
}
|
|
@ -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);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue