:init: Launch as template
This commit is contained in:
parent
c68bb7404f
commit
7d4de88df4
69 changed files with 164 additions and 315 deletions
25
assets/css/master.css
Normal file → Executable file
25
assets/css/master.css
Normal file → Executable file
|
@ -1,12 +1,12 @@
|
|||
:root {
|
||||
--blue: #425a86;
|
||||
--blue-light: #6d9eeb;
|
||||
--blue-light-hover: #a1bae2;
|
||||
--theme: #42866d;
|
||||
--theme-light: #4c954e;
|
||||
--theme-light-hover: #80c786;
|
||||
--max-width: clamp(0px, calc(100% - 50px), 1280px);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--blue-light);
|
||||
color: var(--theme-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
img {
|
||||
|
@ -18,7 +18,7 @@ video {
|
|||
width: 100%;
|
||||
}
|
||||
button {
|
||||
background: var(--blue-light);
|
||||
background: var(--theme-light);
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
|
@ -27,13 +27,13 @@ button {
|
|||
transition: 0.3s background;
|
||||
}
|
||||
button:hover {
|
||||
background: var(--blue-light-hover);
|
||||
background: var(--theme-light-hover);
|
||||
}
|
||||
#highlight {
|
||||
color: var(--blue-light);
|
||||
color: var(--theme-light);
|
||||
}
|
||||
::selection {
|
||||
background-color: var(--blue-light);
|
||||
background-color: var(--theme-light);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
@ -48,7 +48,7 @@ body {
|
|||
#footer {
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
background: var(--blue);
|
||||
background: var(--theme);
|
||||
color: white;
|
||||
padding: 0px 100%;
|
||||
left: 50%;
|
||||
|
@ -97,7 +97,7 @@ hb {
|
|||
transition: 0.3s background;
|
||||
}
|
||||
.menu a:hover {
|
||||
background: var(--blue-light-hover);
|
||||
background: var(--theme-light-hover);
|
||||
cursor: pointer;
|
||||
}
|
||||
.socials a {
|
||||
|
@ -112,7 +112,6 @@ banner img {
|
|||
width: 100%;
|
||||
height: 200px;
|
||||
object-fit: cover;
|
||||
object-position: 0px -240px;
|
||||
opacity: 0.2;
|
||||
filter: saturate(0);
|
||||
/* transition: 2s object-position;
|
||||
|
@ -126,7 +125,7 @@ banner::before {
|
|||
width: 100%;
|
||||
height: 200px;
|
||||
opacity: 1;
|
||||
background: var(--blue);
|
||||
background: var(--theme);
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
|
@ -153,7 +152,7 @@ banner::before {
|
|||
transition: 0.3s border-color, 0.3s background;
|
||||
}
|
||||
#extra-menu button:hover {
|
||||
background: var(--blue-light-hover);
|
||||
background: var(--theme-light-hover);
|
||||
}
|
||||
#extra-placeholder {
|
||||
margin-top: 260px;
|
||||
|
|
Reference in a new issue