cailean
/
beta-2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

new style

2025
Cailean Finn 2 weeks ago
parent
ce9c22d0b1
commit
d5ad2c4876
1 changed files with 33 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 59
      public/css/styles.css

59
public/css/styles.css
View File

@ -1,3 +1,8 @@
:root {
--prim-red: #0075FF;
--prim-blue: #0075FF;
}
html { html {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -37,8 +42,11 @@ p {
} }
a { a {
text-decoration: none; color: var(--prim-red);
color: #0075FF; font-weight: 200;
padding: 5px;
filter: drop-shadow(0 0 0.25rem var(--prim-red));
text-decoration: underline;
} }
hr { hr {
@ -48,7 +56,7 @@ hr {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
border-top: thin solid #0075FF; border-top: thin solid var(--prim-red);
} }
#socials { #socials {
@ -139,7 +147,7 @@ hr {
border: 1px solid; border: 1px solid;
text-align: center; text-align: center;
/* font-family: 'Syne Mono', monospace; */ /* font-family: 'Syne Mono', monospace; */
color: #0075FF; color: var(--prim-red);
cursor: pointer; cursor: pointer;
} }
@ -157,7 +165,7 @@ hr {
font-size: 30px; font-size: 30px;
font-family: 'JetBrains', monospace; font-family: 'JetBrains', monospace;
font-weight: 300; font-weight: 300;
color: #0075FF; color: var(--prim-red);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 20px; gap: 20px;
@ -297,7 +305,7 @@ hr {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 20px; gap: 20px;
color:#0075FF; color:var(--prim-red);
} }
#main-container-article { #main-container-article {
@ -313,7 +321,7 @@ hr {
font-size: 26px; font-size: 26px;
width: 60%; width: 60%;
line-height: 40px; line-height: 40px;
color:#0075FF; color:var(--prim-red);
} }
#hyperlink-container { #hyperlink-container {
@ -335,7 +343,7 @@ hr {
flex-direction: row; flex-direction: row;
gap: 20px; gap: 20px;
width: fit-content; width: fit-content;
border-color: #0075FF; border-color: var(--prim-red);
background-size: cover; /* or contain, depending on your preference */ background-size: cover; /* or contain, depending on your preference */
background-repeat:repeat; background-repeat:repeat;
border-radius: 30px; border-radius: 30px;
@ -343,10 +351,10 @@ hr {
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
font-family: 'JetBrains', monospace; font-family: 'JetBrains', monospace;
border: 1px solid; /*border: 1px solid;
/* font-family: 'Syne Mono', monospace; */ /* font-family: 'Syne Mono', monospace; */
color: #0075FF; color: var(--prim-red);
background-color: #ffffff95; background-color: var(--prim-red);
} }
.hyperlink-home { .hyperlink-home {
@ -354,18 +362,17 @@ hr {
flex-direction: row; flex-direction: row;
gap: 20px; gap: 20px;
width: fit-content; width: fit-content;
border-color: #0075FF; border-color: var(--prim-red);
background-size: cover; /* or contain, depending on your preference */ background-size: cover; /* or contain, depending on your preference */
background-repeat:repeat; background-repeat:repeat;
font-family: 'JetBrains', monospace; font-family: 'JetBrains', monospace;
text-decoration: underline; text-decoration: underline;
color: #ffffff; color: var(--prim-red);
background-color: #0075FF; /* background-color:var(--prim-red); */
font-size: 40px; font-size: 40px;
font-weight: 300; font-weight: 300;
padding: 5px; padding: 5px;
filter: drop-shadow(0 0 0.25rem black);
} }
.hyperlink-header { .hyperlink-header {
@ -373,14 +380,14 @@ hr {
flex-direction: row; flex-direction: row;
gap: 20px; gap: 20px;
width: fit-content; width: fit-content;
background-color: #0075FF; background-color: var(--prim-red);
background-size: cover; /* or contain, depending on your preference */ background-size: cover; /* or contain, depending on your preference */
background-repeat:repeat; background-repeat:repeat;
padding: 10px; padding: 10px;
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
color: white; color: white;
border-color: #0075FF; border-color:var(--prim-red);
font-family: 'JetBrains', monospace; font-family: 'JetBrains', monospace;
text-transform: uppercase; text-transform: uppercase;
} }
@ -390,7 +397,7 @@ hr {
} }
.active-page { .active-page {
color: #0075FF; color: var(--prim-red);
background-color: white; background-color: white;
border: 1px solid; border: 1px solid;
} }
@ -462,7 +469,7 @@ hr {
.list-title { .list-title {
font-size: 20px; font-size: 20px;
color: #0075FF; color: var(--prim-red);
font-weight: 500; font-weight: 500;
font-family: 'JetBrains', monospace font-family: 'JetBrains', monospace
} }
@ -504,7 +511,7 @@ hr {
font-size: 36px; font-size: 36px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
color: #0075FF; color: var(--prim-red);
text-decoration: underline; text-decoration: underline;
} }
@ -517,7 +524,7 @@ hr {
font-size: 20px; font-size: 20px;
gap: 20px; gap: 20px;
height: fit-content; height: fit-content;
color: #0075FF; color: var(--prim-red);
align-items: start; align-items: start;
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
@ -558,7 +565,7 @@ hr {
} }
#article-sep { #article-sep {
color: #0075FF; color: var(--prim-red);
} }
#article-container { #article-container {
@ -628,7 +635,7 @@ hr {
#article-title { #article-title {
font-size: 25px; font-size: 25px;
font-family: 'JetBrains', monospace; font-family: 'JetBrains', monospace;
color: #0075FF; color: var(--prim-red);
text-transform: uppercase; text-transform: uppercase;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -638,7 +645,7 @@ hr {
font-size: 25px; font-size: 25px;
padding-top: 20px; padding-top: 20px;
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
color: #0075FF; color: var(--prim-red);
margin-bottom: 50px; margin-bottom: 50px;
width: fit-content; width: fit-content;
text-transform: uppercase; text-transform: uppercase;
@ -647,7 +654,7 @@ hr {
#article-artists { #article-artists {
font-family: 'JetBrains', monospace; font-family: 'JetBrains', monospace;
color: #0075FF; color: var(--prim-red);
text-transform: uppercase; text-transform: uppercase;
} }
@ -737,7 +744,7 @@ hr {
color: white; color: white;
width: fit-content; width: fit-content;
cursor: pointer; cursor: pointer;
background-color: #0075FF; background-color: var(--prim-red);
padding: 5px; padding: 5px;
} }

Write Preview
Loading…
Cancel
Save