forked from DGNum/lanuit.ens.fr
Téléverser les fichiers vers "www/img/icons"
This commit is contained in:
parent
54018cca4f
commit
2a63a86051
4 changed files with 1540 additions and 4 deletions
6
www/img/icons/instagram.svg
Executable file → Normal file
6
www/img/icons/instagram.svg
Executable file → Normal file
|
|
@ -5,14 +5,14 @@
|
||||||
width="169.063px" height="169.063px" viewBox="0 0 169.063 169.063" style="enable-background:new 0 0 169.063 169.063;"
|
width="169.063px" height="169.063px" viewBox="0 0 169.063 169.063" style="enable-background:new 0 0 169.063 169.063;"
|
||||||
xml:space="preserve">
|
xml:space="preserve">
|
||||||
<g>
|
<g>
|
||||||
<path fill="#FFDFA6" d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
|
<path fill="#e60b5f" d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
|
||||||
c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
|
c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
|
||||||
c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
|
c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
|
||||||
c17.455,0,31.656,14.201,31.656,31.655V122.407z"/>
|
c17.455,0,31.656,14.201,31.656,31.655V122.407z"/>
|
||||||
<path fill="#FFDFA6" d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
|
<path fill="#e60b5f" d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
|
||||||
C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
|
C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
|
||||||
c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z"/>
|
c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z"/>
|
||||||
<path fill="#FFDFA6" d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
|
<path fill="#e60b5f" d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
|
||||||
c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
|
c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
|
||||||
C135.661,29.421,132.821,28.251,129.921,28.251z"/>
|
C135.661,29.421,132.821,28.251,129.921,28.251z"/>
|
||||||
</g>
|
</g>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
768
www/img/icons/style.css
Normal file
768
www/img/icons/style.css
Normal file
|
|
@ -0,0 +1,768 @@
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* FONTS
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
/* roboto-300 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local('Roboto Light'), local('Roboto-Light'),
|
||||||
|
url('../fonts/roboto-v18-latin-300.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-300.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* roboto-regular - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'),
|
||||||
|
url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-regular.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* roboto-italic - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto Italic'), local('Roboto-Italic'),
|
||||||
|
url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-italic.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* roboto-700 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: local('Roboto Bold'), local('Roboto-Bold'),
|
||||||
|
url('../fonts/roboto-v18-latin-700.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-700.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* LilyScriptOne - Regular */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lily Script One';
|
||||||
|
src: url('../fonts/LilyScriptOne-Regular.eot');
|
||||||
|
src: local('Lily Script One'), local('LilyScriptOne-Regular'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.eot?#iefix') format('embedded-opentype'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.woff2') format('woff2'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.woff') format('woff'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.ttf') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* josefin-regular */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Josefin';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Josefin'), local('Josefin-Regular'),
|
||||||
|
url('../fonts/JosefinSans-Regular.ttf') format('truetype');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* GENERAL RULES
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
font-family: "Roboto", serif;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 180%;
|
||||||
|
/* color: #47132B; */
|
||||||
|
color: #000;
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #450d29; <!-- ancien : violet : nouveau : pourpre -->
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
html, body {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 160%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* HEADER
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#main-header {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
/* min-height: calc(100vh / 1.4); */
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
background-image: url("../img/ui/header-nuit.png");
|
||||||
|
background-image: linear-gradient(rgba(0,0,0,0) 70%, #450d29 100%), url("../img/ui/header-nuit.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1200px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 900px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 2.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 500px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 300px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 200px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* CONTENT
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
section {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
section > * {
|
||||||
|
max-width: 960px;
|
||||||
|
|
||||||
|
margin-left: calc(50% - 480px);
|
||||||
|
padding-left: 60px;
|
||||||
|
padding-right: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section h2 {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
padding: 100px 60px 15px 60px;
|
||||||
|
|
||||||
|
color: #ee93af;
|
||||||
|
text-shadow: 3px 2px 1px #773051, 2px 3px 1px #773051;
|
||||||
|
|
||||||
|
font-size: 2.1rem;
|
||||||
|
font-weight: 800;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
section p {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
section p.stand-out {
|
||||||
|
font-style: italic;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 880px) {
|
||||||
|
/* section {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin: 0 auto 100px auto;
|
||||||
|
padding: 0 60px;
|
||||||
|
} */
|
||||||
|
|
||||||
|
section > * {
|
||||||
|
max-width: 960px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-left: 40px;
|
||||||
|
padding-right: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
section > * {
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section h2 {
|
||||||
|
padding: 80px 0 10px 0;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
hyphens: none;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
section h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* BUTTONS
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
.button {
|
||||||
|
display: block;
|
||||||
|
width: 60%;
|
||||||
|
|
||||||
|
margin: 20px auto 0 auto;
|
||||||
|
padding: 15px 25px;
|
||||||
|
|
||||||
|
/* background-image: url("../img/ui/button-background-darkgreen.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-darkbrown.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-lightbrown.svg"); */
|
||||||
|
background-image: url("../img/ui/button-background-black.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
|
||||||
|
/* color: #A6D0B2; */
|
||||||
|
/* color: #AA473C; */
|
||||||
|
/* color: #47132B; */
|
||||||
|
/* color: #000000; */
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
/* background-image: url("../img/ui/button-background-lightgreen.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-lightbrown.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-darkbrown.svg"); */
|
||||||
|
background-image: url("../img/ui/button-background-yellow.svg");
|
||||||
|
/* color: #00787E; */
|
||||||
|
/* color: #47132B; */
|
||||||
|
/* color: #AA473C; */
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button img {
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
|
||||||
|
margin: 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button img.fix-alignement {
|
||||||
|
margin-top: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button > * {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
@media only screen and (max-width: 800px) {
|
||||||
|
.button {
|
||||||
|
width: 75%;
|
||||||
|
padding: 10px 15px;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button img {
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
.button {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 10px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 350px) {
|
||||||
|
.button {
|
||||||
|
padding: 0 5px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* POPUP
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
/* Popup container */
|
||||||
|
.popup-trigger {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: dotted underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* The actual popup (appears on top) */
|
||||||
|
.popup-trigger .popup {
|
||||||
|
visibility: hidden;
|
||||||
|
min-width: 180px;
|
||||||
|
max-width: 350%;
|
||||||
|
background-color: #555;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 6px;
|
||||||
|
padding: 8px 0;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
bottom: 125%;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Popup arrow */
|
||||||
|
.popup-trigger .popup::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -5px;
|
||||||
|
border-width: 5px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #555 transparent transparent transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle this class when clicking on the popup container (hide and show the popup) */
|
||||||
|
.popup-trigger .show {
|
||||||
|
visibility: visible;
|
||||||
|
-webkit-animation: fadeIn 1s;
|
||||||
|
animation: fadeIn 1s
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add animation (fade in the popup) */
|
||||||
|
@-webkit-keyframes fadeIn {
|
||||||
|
from {opacity: 0;}
|
||||||
|
to {opacity: 1;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from {opacity: 0;}
|
||||||
|
to {opacity:1 ;}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* POULPE
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
.poulpe {
|
||||||
|
font-family: 'Lily Script One';
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* CALENDAR
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#calendar {
|
||||||
|
max-width: 95%;
|
||||||
|
margin: 0 5% 0 5%;
|
||||||
|
|
||||||
|
/* background-color: rgba(71, 19, 43, 0.05) ; */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 880px) {
|
||||||
|
#calendar {
|
||||||
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cal-container {
|
||||||
|
min-width: 1800px;
|
||||||
|
margin: 0 0 40px 0; /* Fix the weird y-overflow of the calendar root */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* PRICE TABLE
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
table.prices {
|
||||||
|
max-width: 600px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin: 20px auto;
|
||||||
|
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices th,
|
||||||
|
table.prices td {
|
||||||
|
padding: 8px 0;
|
||||||
|
|
||||||
|
font-size: 1.3rem;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices th {
|
||||||
|
color: #eb6d3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices td {
|
||||||
|
/* background-color: rgba(71, 19, 43, 0.03); */
|
||||||
|
|
||||||
|
border-top: 2px solid rgba(154, 117, 152, 0.3);
|
||||||
|
border-bottom: 2px solid rgba(154, 117, 152, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices tr:nth-child(odd) td {
|
||||||
|
/* background-color: rgba(71, 19, 43, 0.05); */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
table.prices th,
|
||||||
|
table.prices td {
|
||||||
|
padding: 5px 0;
|
||||||
|
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* LOCATION
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#mailing-address {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
line-height: 32px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mailing-address img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#interactive-map {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin: 20px 0;
|
||||||
|
|
||||||
|
border: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#public-transport-info {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||||
|
grid-template-rows: 1fr 1fr 1fr;
|
||||||
|
|
||||||
|
margin-left: calc(50% - 480px - 50px);
|
||||||
|
|
||||||
|
font-size: 1.5rem;
|
||||||
|
|
||||||
|
line-height: 48px;
|
||||||
|
vertical-align: middle;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info > * {
|
||||||
|
margin: 5px;
|
||||||
|
|
||||||
|
justify-self: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info img {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
|
||||||
|
margin: 0 5px 0 0;
|
||||||
|
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-metro-stop,
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-1-stop {
|
||||||
|
grid-row: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-rer-icon,
|
||||||
|
#transport-rer-stop,
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-bus-2-stop {
|
||||||
|
grid-row: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-noctilien-icon,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-row: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-rer-icon {
|
||||||
|
grid-column: 1;
|
||||||
|
justify-self: end;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-stop,
|
||||||
|
#transport-rer-stop {
|
||||||
|
grid-column: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-noctilien-icon {
|
||||||
|
grid-column: 3;
|
||||||
|
justify-self: end;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-1-stop,
|
||||||
|
#transport-bus-2-stop,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-column: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 880px) {
|
||||||
|
#public-transport-info {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-template-rows: auto auto auto auto auto;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
line-height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-metro-stop {
|
||||||
|
grid-row: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-rer-icon,
|
||||||
|
#transport-rer-stop {
|
||||||
|
grid-row: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-1-stop {
|
||||||
|
grid-row: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-bus-2-stop {
|
||||||
|
grid-row: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-noctilien-icon,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-row: 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-rer-icon,
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-noctilien-icon {
|
||||||
|
grid-column: 1;
|
||||||
|
justify-self: end;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-stop,
|
||||||
|
#transport-rer-stop,
|
||||||
|
#transport-bus-1-stop,
|
||||||
|
#transport-bus-2-stop,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-column: 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 580px) {
|
||||||
|
#mailing-address {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info {
|
||||||
|
grid-template-columns: 4fr 6fr;
|
||||||
|
|
||||||
|
line-height: 32px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 380px) {
|
||||||
|
#public-transport-info img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* SPONSORS
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#sponsors {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sponsors img {
|
||||||
|
height: 100px;
|
||||||
|
object-fit: cover;
|
||||||
|
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sponsors img.sponsor-disc {
|
||||||
|
height: 155px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
#sponsors img {
|
||||||
|
height: 40px;
|
||||||
|
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sponsors img.sponsor-disc {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* CONTACT
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#contact-email {
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-email img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
#contact-email {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-email img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
768
www/img/icons/style2.css
Normal file
768
www/img/icons/style2.css
Normal file
|
|
@ -0,0 +1,768 @@
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* FONTS
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
/* roboto-300 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local('Roboto Light'), local('Roboto-Light'),
|
||||||
|
url('../fonts/roboto-v18-latin-300.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-300.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* roboto-regular - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'),
|
||||||
|
url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-regular.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* roboto-italic - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto Italic'), local('Roboto-Italic'),
|
||||||
|
url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-italic.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* roboto-700 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: local('Roboto Bold'), local('Roboto-Bold'),
|
||||||
|
url('../fonts/roboto-v18-latin-700.woff2') format('woff2'),
|
||||||
|
url('../fonts/roboto-v18-latin-700.woff') format('woff');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* LilyScriptOne - Regular */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lily Script One';
|
||||||
|
src: url('../fonts/LilyScriptOne-Regular.eot');
|
||||||
|
src: local('Lily Script One'), local('LilyScriptOne-Regular'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.eot?#iefix') format('embedded-opentype'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.woff2') format('woff2'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.woff') format('woff'),
|
||||||
|
url('../fonts/LilyScriptOne-Regular.ttf') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* josefin-regular */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Josefin';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Josefin'), local('Josefin-Regular'),
|
||||||
|
url('../fonts/JosefinSans-Regular.ttf') format('truetype');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* GENERAL RULES
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
font-family: "Roboto", serif;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 180%;
|
||||||
|
/* color: #47132B; */
|
||||||
|
color: #000;
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #450d29; <!-- ancien : violet : nouveau : pourpre -->
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
html, body {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 160%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* HEADER
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#main-header {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
/* min-height: calc(100vh / 1.4); */
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
background-image: url("../img/ui/header-nuit.png");
|
||||||
|
background-image: linear-gradient(rgba(0,0,0,0) 70%, #450d29 100%), url("../img/ui/header-nuit.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1200px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 900px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 2.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 500px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 300px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 200px) {
|
||||||
|
#main-header {
|
||||||
|
height: calc(100vh / 8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* CONTENT
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
section {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
section > * {
|
||||||
|
max-width: 960px;
|
||||||
|
|
||||||
|
margin-left: calc(50% - 480px);
|
||||||
|
padding-left: 60px;
|
||||||
|
padding-right: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section h2 {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
padding: 100px 60px 15px 60px;
|
||||||
|
|
||||||
|
color: #ee93af;
|
||||||
|
text-shadow: 3px 2px 1px #773051, 2px 3px 1px #773051;
|
||||||
|
|
||||||
|
font-size: 2.1rem;
|
||||||
|
font-weight: 800;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
section p {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
section p.stand-out {
|
||||||
|
font-style: italic;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 880px) {
|
||||||
|
/* section {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin: 0 auto 100px auto;
|
||||||
|
padding: 0 60px;
|
||||||
|
} */
|
||||||
|
|
||||||
|
section > * {
|
||||||
|
max-width: 960px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-left: 40px;
|
||||||
|
padding-right: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
section > * {
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section h2 {
|
||||||
|
padding: 80px 0 10px 0;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
hyphens: none;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
section h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* BUTTONS
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
.button {
|
||||||
|
display: block;
|
||||||
|
width: 60%;
|
||||||
|
|
||||||
|
margin: 20px auto 0 auto;
|
||||||
|
padding: 15px 25px;
|
||||||
|
|
||||||
|
/* background-image: url("../img/ui/button-background-darkgreen.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-darkbrown.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-lightbrown.svg"); */
|
||||||
|
background-image: url("../img/ui/button-background-black.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
|
||||||
|
/* color: #A6D0B2; */
|
||||||
|
/* color: #AA473C; */
|
||||||
|
/* color: #47132B; */
|
||||||
|
/* color: #000000; */
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
/* background-image: url("../img/ui/button-background-lightgreen.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-lightbrown.svg"); */
|
||||||
|
/* background-image: url("../img/ui/button-background-darkbrown.svg"); */
|
||||||
|
background-image: url("../img/ui/button-background-yellow.svg");
|
||||||
|
/* color: #00787E; */
|
||||||
|
/* color: #47132B; */
|
||||||
|
/* color: #AA473C; */
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button img {
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
|
||||||
|
margin: 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button img.fix-alignement {
|
||||||
|
margin-top: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button > * {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
@media only screen and (max-width: 800px) {
|
||||||
|
.button {
|
||||||
|
width: 75%;
|
||||||
|
padding: 10px 15px;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button img {
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
.button {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 10px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 350px) {
|
||||||
|
.button {
|
||||||
|
padding: 0 5px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* POPUP
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
/* Popup container */
|
||||||
|
.popup-trigger {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: dotted underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* The actual popup (appears on top) */
|
||||||
|
.popup-trigger .popup {
|
||||||
|
visibility: hidden;
|
||||||
|
min-width: 180px;
|
||||||
|
max-width: 350%;
|
||||||
|
background-color: #555;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 6px;
|
||||||
|
padding: 8px 0;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
bottom: 125%;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Popup arrow */
|
||||||
|
.popup-trigger .popup::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -5px;
|
||||||
|
border-width: 5px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #555 transparent transparent transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle this class when clicking on the popup container (hide and show the popup) */
|
||||||
|
.popup-trigger .show {
|
||||||
|
visibility: visible;
|
||||||
|
-webkit-animation: fadeIn 1s;
|
||||||
|
animation: fadeIn 1s
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add animation (fade in the popup) */
|
||||||
|
@-webkit-keyframes fadeIn {
|
||||||
|
from {opacity: 0;}
|
||||||
|
to {opacity: 1;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from {opacity: 0;}
|
||||||
|
to {opacity:1 ;}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* POULPE
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
.poulpe {
|
||||||
|
font-family: 'Lily Script One';
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* CALENDAR
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#calendar {
|
||||||
|
max-width: 95%;
|
||||||
|
margin: 0 5% 0 5%;
|
||||||
|
|
||||||
|
/* background-color: rgba(71, 19, 43, 0.05) ; */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 880px) {
|
||||||
|
#calendar {
|
||||||
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cal-container {
|
||||||
|
min-width: 1800px;
|
||||||
|
margin: 0 0 40px 0; /* Fix the weird y-overflow of the calendar root */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* PRICE TABLE
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
table.prices {
|
||||||
|
max-width: 600px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin: 20px auto;
|
||||||
|
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices th,
|
||||||
|
table.prices td {
|
||||||
|
padding: 8px 0;
|
||||||
|
|
||||||
|
font-size: 1.3rem;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices th {
|
||||||
|
color: #eb6d3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices td {
|
||||||
|
/* background-color: rgba(71, 19, 43, 0.03); */
|
||||||
|
|
||||||
|
border-top: 2px solid rgba(154, 117, 152, 0.3);
|
||||||
|
border-bottom: 2px solid rgba(154, 117, 152, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
table.prices tr:nth-child(odd) td {
|
||||||
|
/* background-color: rgba(71, 19, 43, 0.05); */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
table.prices th,
|
||||||
|
table.prices td {
|
||||||
|
padding: 5px 0;
|
||||||
|
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* LOCATION
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#mailing-address {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
line-height: 32px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mailing-address img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#interactive-map {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
margin: 20px 0;
|
||||||
|
|
||||||
|
border: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#public-transport-info {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||||
|
grid-template-rows: 1fr 1fr 1fr;
|
||||||
|
|
||||||
|
margin-left: calc(50% - 480px - 50px);
|
||||||
|
|
||||||
|
font-size: 1.5rem;
|
||||||
|
|
||||||
|
line-height: 48px;
|
||||||
|
vertical-align: middle;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info > * {
|
||||||
|
margin: 5px;
|
||||||
|
|
||||||
|
justify-self: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info img {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
|
||||||
|
margin: 0 5px 0 0;
|
||||||
|
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-metro-stop,
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-1-stop {
|
||||||
|
grid-row: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-rer-icon,
|
||||||
|
#transport-rer-stop,
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-bus-2-stop {
|
||||||
|
grid-row: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-noctilien-icon,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-row: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-rer-icon {
|
||||||
|
grid-column: 1;
|
||||||
|
justify-self: end;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-stop,
|
||||||
|
#transport-rer-stop {
|
||||||
|
grid-column: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-noctilien-icon {
|
||||||
|
grid-column: 3;
|
||||||
|
justify-self: end;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-1-stop,
|
||||||
|
#transport-bus-2-stop,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-column: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 880px) {
|
||||||
|
#public-transport-info {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-template-rows: auto auto auto auto auto;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
line-height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-metro-stop {
|
||||||
|
grid-row: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-rer-icon,
|
||||||
|
#transport-rer-stop {
|
||||||
|
grid-row: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-1-stop {
|
||||||
|
grid-row: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-bus-2-stop {
|
||||||
|
grid-row: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-noctilien-icon,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-row: 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-icon,
|
||||||
|
#transport-rer-icon,
|
||||||
|
#transport-bus-1-icon,
|
||||||
|
#transport-bus-2-icon,
|
||||||
|
#transport-noctilien-icon {
|
||||||
|
grid-column: 1;
|
||||||
|
justify-self: end;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#transport-metro-stop,
|
||||||
|
#transport-rer-stop,
|
||||||
|
#transport-bus-1-stop,
|
||||||
|
#transport-bus-2-stop,
|
||||||
|
#transport-noctilien-stop {
|
||||||
|
grid-column: 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 580px) {
|
||||||
|
#mailing-address {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info {
|
||||||
|
grid-template-columns: 4fr 6fr;
|
||||||
|
|
||||||
|
line-height: 32px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#public-transport-info img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 380px) {
|
||||||
|
#public-transport-info img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* SPONSORS
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#sponsors {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sponsors img {
|
||||||
|
height: 100px;
|
||||||
|
object-fit: cover;
|
||||||
|
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sponsors img.sponsor-disc {
|
||||||
|
height: 155px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
#sponsors img {
|
||||||
|
height: 40px;
|
||||||
|
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sponsors img.sponsor-disc {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
/* CONTACT
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
#contact-email {
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-email img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
#contact-email {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact-email img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
2
www/img/icons/ticket.svg
Executable file → Normal file
2
www/img/icons/ticket.svg
Executable file → Normal file
|
|
@ -5,7 +5,7 @@
|
||||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
|
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
|
||||||
viewBox="0 0 24 24" xml:space="preserve">
|
viewBox="0 0 24 24" xml:space="preserve">
|
||||||
<path fill="none" d="M0,0h24v24H0V0z"/>
|
<path fill="none" d="M0,0h24v24H0V0z"/>
|
||||||
<path fill="#FFDFA6" d="M20,12c0-1.1,0.9-2,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2.01,4.9,2.01,6v4C3.11,10,4,10.9,4,12c0,1.1-0.89,2-2,2
|
<path fill="#e60b5f" d="M20,12c0-1.1,0.9-2,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2.01,4.9,2.01,6v4C3.11,10,4,10.9,4,12c0,1.1-0.89,2-2,2
|
||||||
v4c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2v-4C20.9,14,20,13.1,20,12z M15.58,16.8L12,14.5l-3.58,2.3l1.08-4.12L6.21,9.99l4.24-0.25
|
v4c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2v-4C20.9,14,20,13.1,20,12z M15.58,16.8L12,14.5l-3.58,2.3l1.08-4.12L6.21,9.99l4.24-0.25
|
||||||
L12,5.8l1.54,3.95L17.779,10l-3.289,2.689L15.58,16.8z"/>
|
L12,5.8l1.54,3.95L17.779,10l-3.289,2.689L15.58,16.8z"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 819 B After Width: | Height: | Size: 819 B |
Loading…
Reference in a new issue