Commit efe35642 authored by ImaCrea's avatar ImaCrea
Browse files

new spring theme

- illustration by Thibault Daumain
- better horizontal central alignement over display size from mobile to very large
- update postgres to 13 in docker-compose script
parent 8e7068ba
Pipeline #1287 passed with stages
in 1 minute and 5 seconds
......@@ -2,7 +2,7 @@ version: "3"
services:
postgres:
image: postgres
image: postgres:13
volumes:
- db:/var/lib/postgresql/data
environment:
......
:root {
--main-color: #0db4c7;
--second-color: #dcfafd;
--second-color: #e6f7f9;
--third-color: #0ed7ee;
--hover-color: #0ba9ba;
--grey: #72767b;
......@@ -46,50 +46,36 @@ body {
.login-pf {
background-image: url("../img/loginBG-left-winter.png"), url("../img/loginBG-right-winter.png"), url("../img/bg-texture-liiibre.png");
background-image: url("../img/loginBG-left-spring.png"), url("../img/loginBG-right-spring.png"), url("../img/bg-texture-liiibre.png");
background-repeat: no-repeat,no-repeat,repeat;
background-color: var(--second-color);
}
@media only screen and (max-width: 840px) {
@media only screen and (max-width: 760px) {
.login-pf {
background-image: url("../img/bg-texture-liiibre.png") !important;}
}
@media only screen and (min-width : 840px) {
@media only screen and (min-width : 760px) {
.login-pf {
background-position-x: -9%,111%,center;
background-position-y: 3rem,5rem,center;
background-size: 40%,40%,100%;}
}
@media only screen and (min-width : 1100px) {
.login-pf {
background-position-x: 5%,95%,center;
background-position-y: 1rem,1rem,center;
background-size: 25rem,25rem,100%;}
}
@media only screen and (min-width : 1200px) {
.login-pf {
background-position-x: 20%,80%,center;
background-position-x: calc(50% - 370px),calc(50% + 390px),center;
background-position-y: 1rem,1rem,center;
background-size: 25rem,25rem,100%}
background-size: 28rem,28rem,100%;}
}
/*
@media only screen and (min-width : 1600px) {
.login-pf {
background-position-x: 23%,77%,center;
background-position-y: 0rem,0rem,center;
background-size: 25rem,25rem,100%;}
background-position-x: 20%,82%,center;
background-position-y: 1.5rem,1.5rem,center;
background-size: 28rem,28rem,100%;}
}
@media only screen and (min-width : 1900px) {
.login-pf {
background-position-x: 30%,70%,center;
background-position-y: 0rem,0rem,center;
background-size: 25rem,25rem,100%;}
background-position-x: 24%,77%,center;
background-position-y: 1rem,1rem,center;
background-size: 28rem,28rem,100%;}
}
@media only screen and (min-width : 4000px) {
......@@ -97,7 +83,7 @@ body {
background-position-x: 40%,60%,center;
background-position-y: 15px,20px,center;
background-size: 400px,400px,100%;}
}
} */
h1 {
font-family: "FengardoneueBlack";
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment