From bcea40610ce9c33d09014f38e19a406c50949ffa Mon Sep 17 00:00:00 2001 From: Marine Desmarchelier Date: Thu, 4 Feb 2021 18:03:25 +0100 Subject: [PATCH] Ajoute le fichier de personnalisation de styles --- jitsi-meet/body.html | 1 + jitsi-meet/css/custom.css | 103 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 104 insertions(+) create mode 100644 jitsi-meet/css/custom.css diff --git a/jitsi-meet/body.html b/jitsi-meet/body.html index e69de29..ae67be0 100644 --- a/jitsi-meet/body.html +++ b/jitsi-meet/body.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/jitsi-meet/css/custom.css b/jitsi-meet/css/custom.css new file mode 100644 index 0000000..a29b0ca --- /dev/null +++ b/jitsi-meet/css/custom.css @@ -0,0 +1,103 @@ +html { + font-size: 14px; +} + +body { + font-family: 'Quicksand', sans-serif; + height: auto +} + +.welcome .welcome-watermark { + height: auto +} + +.welcome { + background-color: #7f9cf5; + background-image: url(../images/illustration-visio.png); + background-repeat: no-repeat; + background-position: bottom right; + background-size: 650px auto; +} + +.welcome .welcome-watermark .watermark.leftwatermark { + width: 270px; + height: 80px; + max-width: auto !important; + max-height: auto !important; +} + +.welcome .header { + background: none; +} + +.welcome .welcome-page-settings .jitsi-icon svg { + background: #4fd1c5 +} + +.welcome .welcome-page-settings .jitsi-icon svg:hover { + background: #7f9cf5 +} + +.welcome .header .header-container { + max-width: 1340px; + margin: 140px auto 0 auto; + padding: 0 +} + +.welcome .header .header-text-title { + text-align: left; + font-size: 4rem; +} + +.welcome .header .header-text-subtitle { + font-size: 1.7rem; + font-weight: 400; +} + +.welcome .header #enter_room { + width: auto; + margin: 2rem 0; +} + + +.welcome .welcome-cards-container { + width: 100%; + max-width: 1340px; + margin: 20px auto 0 auto; + padding: 0 +} + +.welcome .welcome-card-row { + justify-content: start; + padding: 0 +} + +.welcome .welcome-footer { + padding-left: 200px; + background: #e6fffa; + color: #333; + font-size: 1rem; +} + +.welcome .welcome-footer-centered { + max-width: none; +} + +.welcome .welcome-footer-padded::before { + content: "Powered by Jitsi Meet" +} + +.welcome .welcome-footer-row-block { + display: none +} + +/* TODO RESPONSIVE */ +@media (min-width: 576px) {} + +@media (min-width: 768px) {} + +@media (min-width: 992px) {} + +@media (min-width: 1200px) {} + +@media (min-width: 1400px) {}