klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-10-20 03:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

pinktober 2025

Browse Source
This commit is contained in:
imperosol
2025-10-18 20:56:26 +02:00
parent 459edc1b6e
commit ed12da222f
4 changed files with 53 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/static/core/colors.scss
View File

@@ -37,4 +37,8 @@ $deepblue: #354a5f;
@mixin shadow {
box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0,
rgba(60, 64, 67, 0.15) 0 4px 8px 3px;
}
}
$pinktober: hsl(313, 88%, 76%);
$pinktober-secondary: hsl(318, 83%, 63%);

59
core/static/core/header.scss
View File

@@ -8,9 +8,15 @@ $background-color-hovered: #283747;
$red-text-color: #eb2f06;
$hovered-red-text-color: #ff4d4d;
/**
* Behold the dirtiest css I wrote in a while.
* I had less than an hour to do it, and it will be removed
* in two weeks anyway
*/
.header {
box-sizing: border-box;
background-color: $deepblue;
box-shadow: 3px 3px 3px 0 #dfdfdf;
border-radius: 0;
width: 100%;
@@ -20,6 +26,28 @@ $hovered-red-text-color: #ff4d4d;
padding: 10px;
gap: 10px;
// PINKTOBER
background-color: $pinktober;
border-bottom: 5px solid $pinktober-secondary;
.header-lang {
input {
background-color: $pinktober!important;
}
}
form input[type="text"].header-input {
background-color: $pinktober-secondary!important;
color: black!important;
}
*, .right * {
color: #050525;
&:hover {
color: #303060;
}
}
@media (max-width: 700px) {
height: auto;
}
@@ -215,7 +243,7 @@ $hovered-red-text-color: #ff4d4d;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: $deepblue;
//background-color: $deepblue;
}
>.options {
@@ -233,11 +261,11 @@ $hovered-red-text-color: #ff4d4d;
}
>a {
color: $text-color;
&:hover {
color: $hovered-text-color;
}
//color: $text-color;
//
//&:hover {
// color: $hovered-text-color;
//}
}
}
@@ -254,14 +282,13 @@ $hovered-red-text-color: #ff4d4d;
a,
button {
font-size: 100%;
margin: 0;
text-align: right;
color: $text-color;
margin-top: auto;
//color: $text-color;
margin: auto 0 0;
&:hover {
color: $hovered-text-color;
}
//&:hover {
// color: $hovered-text-color;
//}
}
form#logout-form {
@@ -416,12 +443,12 @@ $hovered-red-text-color: #ff4d4d;
border-radius: 5px;
font-size: .9em;
margin: 0;
background-color: $background-color-hovered;
background-color: $pinktober-secondary;
padding: 0 10px;
color: $text-color;
//color: $text-color;
&::placeholder {
color: $hovered-text-color;
color: black;
}
}
}

2
core/static/core/navbar.scss
View File

@@ -3,7 +3,7 @@
$desktop-size: 500px;
nav.navbar {
background-color: $primary-dark-color;
background-color: $pinktober-secondary;
margin: 1em;
color: white;
border-radius: 0.6em;

5
core/templates/core/base/header.jinja
View File

@@ -1,6 +1,9 @@
<header class="header">
<div class="header-logo">
<a class="header-logo-picture" href="{{ url('core:index') }}" style="background-image: url('{{ static('core/img/logo_no_text.png') }}')">
{# <a class="header-logo-picture" href="{{ url('core:index') }}" style="background-image: url('{{ static('core/img/logo_no_text.png') }}')">#}
{# &nbsp;#}
{# </a> #}
<a class="header-logo-picture" href="{{ url('core:index') }}" style="background-image: url('{{ static('core/img/ae-pinktober.png') }}')">
&nbsp;
</a>
<a class="header-logo-text" href="{{ url('core:index') }}">