Violet/Violets-Purgatory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Total redesign!!!

Browse source
This commit is contained in:
Violet 2023-10-12 16:33:43 -05:00
parent e76eee7cd9
commit 01ae49c5aa
5 changed files with 43 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

59
static/style.css
View file

@ -8,8 +8,8 @@
--bg-color-1: rgb(125, 25, 100);
--bg-color-2: rgb(75, 25, 125);
--faded-bg-color-1: rgb(80, 20, 60);
--faded-bg-color-2: rgb(60, 20, 80);
--faded-bg-color-1: rgb(25, 20, 40);
--faded-bg-color-2: rgb(25, 25, 60);
--button-bg-1: rgb(75, 75, 125);
}
@ -31,8 +31,8 @@ body {
height: 100vh;
padding: 0;
margin: 0;
background-color: var(--faded-bg-color-1);
background-image: linear-gradient(45deg, var(--faded-bg-color-1), var(--faded-bg-color-2))
background-color: var(--faded-bg-color-2);
background-image: linear-gradient(45deg, var(--faded-bg-color-1), var(--faded-bg-color-2)) ;
}
.centered {
@ -42,39 +42,35 @@ body {
}
#card {
border: rgb(225, 225, 255) 5px solid;
border-radius: 25px;
max-width: 95%;
max-height: 95%;
/* max-width: 1200px; */
/* max-height: 650px; */
/* border: rgb(225, 225, 255) 4px solid; */
/* border-radius: 25px; */
/* max-width: 95%;
max-height: 95%; */
width: 100%;
height: 100%;
padding: 5px;
background-color: var(--bg-color-2);
background-image: linear-gradient(var(--bg-color-1), var(--bg-color-2));
overflow: auto;
}
#card > p {
padding: 5px 5%;
}
.miniCard {
text-align: center;
border: rgb(225, 225, 255) 4px solid;
border-radius: 25px;
padding: 5px;
margin: 20px;
padding: 15px;
margin: 10px;
background-color: var(--bg-color-2);
background-image: linear-gradient(var(--bg-color-1), var(--bg-color-2));
overflow: hidden;
max-width: 100%;
max-height: 100%;
/* display: inline-block; */
}
/* #links {
text-align: center !important;
display: inline-flex !important;
justify-content: center !important;
align-items: flex-end !important;
} */
#links {
margin: 0;
padding: 0;
@ -87,24 +83,23 @@ a {
transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
a:hover {
transform: scale(1.1);
margin: 7px;
color: white;
}
.buttonLink {
font-size: 2rem;
.chip {
font-size: 1.5rem;
border: 2px white solid;
border-radius: 0px;
border-radius: 25px;
background-color: black;
padding: 5px;
padding: 8px;
margin: 5px;
display: inline-block;
}
.buttonLink:hover {
a.chip:hover {
margin: 8px;
background-color: rgb(60, 50, 75);
transform: scale(1.1);
}
a:hover {
transform: scale(1.05);
color: white;
transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}