klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2024-11-22 14:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'il-faut-sauver-le-css' into 'master'

Browse Source 
Change design

See merge request ae/Sith!163
This commit is contained in:
Soldat 2018-10-10 10:13:49 +02:00
commit e44c8bf828
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
core/static/core/style.scss
View File

@ -6,7 +6,7 @@ $primary-color-text: hsl(0, 0%, 100%);
$secondary-color-text: hsla(0, 0%, 0%, 0.87); $secondary-color-text: hsla(0, 0%, 0%, 0.87);
$primary-light-color: hsl(219.8, 46.4%, 64.9%); $primary-light-color: hsl(219.8, 46.4%, 64.9%);
$primary-dark-color: hsl(203, 70%, 52%); $primary-dark-color: hsl(203, 75%, 40%);
$secondary-light-color: hsl(40, 68%, 65%); $secondary-light-color: hsl(40, 68%, 65%);
$secondary-dark-color: hsl(40, 68%, 35%); $secondary-dark-color: hsl(40, 68%, 35%);
@ -21,7 +21,7 @@ $secondary-neutral-light-color: hsl(0, 0%, 91%);
$secondary-neutral-dark-color: hsl(40, 57.6%, 17%); $secondary-neutral-dark-color: hsl(40, 57.6%, 17%);
$white-color: hsl(219.6, 20.8%, 98%); $white-color: hsl(219.6, 20.8%, 98%);
$black-color: hsl(40.0, 0%, 17%); $black-color: hsl(0, 0%, 17%);
$faceblue: hsl(221, 44%, 41%); $faceblue: hsl(221, 44%, 41%);
$twitblue: hsl(206, 82%, 63%); $twitblue: hsl(206, 82%, 63%);
@ -333,7 +333,7 @@ header {
flex-wrap: wrap; flex-wrap: wrap;
background-color: $primary-dark-color; background-color: $primary-dark-color;
color: $white-color; color: $white-color;
border-radius: 10px 10px 0px 0px; border-radius: 6px 6px 0px 0px;
box-shadow: $shadow-color 0px 0px 15px; box-shadow: $shadow-color 0px 0px 15px;
a { a {
@ -344,9 +344,16 @@ header {
font-style: normal; font-style: normal;
font-weight: bolder; font-weight: bolder;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
background: $secondary-neutral-color; background: $secondary-neutral-color;
color: $white-color; color: $white-color;
&:first-of-type {
border-radius: 6px 0px 0px 0px;
}
&:last-of-type {
border-radius: 0px 6px 0px 0px;
}
} }
} }
} }
@ -365,7 +372,7 @@ header {
#content { #content {
padding: 1em 1%; padding: 1em 1%;
box-shadow: $shadow-color 0px 0px 15px; box-shadow: $shadow-color 0px 5px 10px;
background: $white-color; background: $white-color;
overflow: auto; overflow: auto;
} }
@ -379,25 +386,26 @@ header {
float: right; float: right;
background: $primary-neutral-light-color; background: $primary-neutral-light-color;
padding: 5px; padding: 5px;
border-radius: 10px; border-radius: 6px;
text-align: center; text-align: center;
a { a {
padding: 10px; padding: 7px;
display: inline-block; display: inline-block;
color: $black-color; color: $black-color;
font-weight: bold; font-weight: bold;
margin: 2px;
flex: 1; flex: 1;
flex-wrap: nowrap; flex-wrap: nowrap;
white-space: nowrap; white-space: nowrap;
&.selected_tab { &.selected_tab {
background: $primary-color; background: $primary-color;
color: $white-color; color: $white-color;
border-radius: 10px; border-radius: 6px;
} }
&:hover { &:hover {
background: $primary-color; background: $primary-color;
color: $white-color; color: $white-color;
border-radius: 10px; border-radius: 6px;
} }
} }
} }
@ -441,7 +449,7 @@ header {
margin-bottom: 1em; margin-bottom: 1em;
#agenda_title,#birthdays_title { #agenda_title,#birthdays_title {
margin: 0em; margin: 0em;
border-radius: 10px 10px 0px 0px; border-radius: 5px 5px 0px 0px;
box-shadow: $shadow-color 1px 1px 1px; box-shadow: $shadow-color 1px 1px 1px;
padding: 0.5em; padding: 0.5em;
font-weight: bold; font-weight: bold;
@ -510,7 +518,7 @@ header {
font-weight: bold; font-weight: bold;
font-family: monospace; font-family: monospace;
font-size: 1.4em; font-size: 1.4em;
border-radius: 10px 0px 0px 10px; border-radius: 7px 0px 0px 7px;
div { div {
margin: 0px auto; margin: 0px auto;