Difference between revisions of "Template:Grenoble-Alpes/CSS"
NoreenLouis (Talk | contribs) |
|||
| (50 intermediate revisions by 2 users not shown) | |||
| Line 192: | Line 192: | ||
font-size: 10vw; | font-size: 10vw; | ||
color: #ecf0f1; | color: #ecf0f1; | ||
| − | padding-top:23 | + | padding-top:23%; |
| − | padding-bottom:23 | + | padding-bottom:23%; |
-webkit-animation: begin 4s linear; | -webkit-animation: begin 4s linear; | ||
-moz-animation: begin 4s linear; | -moz-animation: begin 4s linear; | ||
| Line 244: | Line 244: | ||
margin-right:5%; | margin-right:5%; | ||
margin-left: 5%; | margin-left: 5%; | ||
| + | padding-right: 1%; | ||
| + | padding-left: 1%; | ||
text-align: justify; | text-align: justify; | ||
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
| − | font-size: | + | font-size: 15px; |
font-weight: lighter; | font-weight: lighter; | ||
| Line 256: | Line 258: | ||
z-index:5; | z-index:5; | ||
} | } | ||
| + | |||
| + | /**************** TABLE *****************/ | ||
| + | |||
| + | table | ||
| + | { | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | td, th | ||
| + | { | ||
| + | border: 1px solid black; | ||
| + | font-family: 'Open Sans', sans-serif; | ||
| + | font-size: 15px; | ||
| + | font-weight: lighter; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | caption | ||
| + | { | ||
| + | font-family: 'Open Sans', sans-serif; | ||
| + | font-size: 15px; | ||
| + | font-weight: lighter; | ||
| + | margin-bottom: 2%; | ||
| + | } | ||
| + | |||
| + | |||
/* ****************************** CROIX POUR FERMER UNE POP UP ************************** */ | /* ****************************** CROIX POUR FERMER UNE POP UP ************************** */ | ||
| Line 294: | Line 321: | ||
position:relative; | position:relative; | ||
} | } | ||
| + | |||
| + | |||
/* ********************************************** Geolocalisation *************************************************** */ | /* ********************************************** Geolocalisation *************************************************** */ | ||
| − | . | + | /******************** POP UP GEOLOCALISATION ******************/ |
| + | .popup_geoloc | ||
{ | { | ||
position: relative; | position: relative; | ||
| Line 309: | Line 339: | ||
} | } | ||
| − | + | #Popup_geo | |
{ | { | ||
position:absolute; | position:absolute; | ||
| − | padding: | + | padding: 10% 10% 10% 10%; |
top: -200%; | top: -200%; | ||
| − | left: | + | left: 1520%; |
| − | width: | + | width: 380%; |
z-index: 2; | z-index: 2; | ||
} | } | ||
| − | |||
| − | + | ||
| + | .popup_geoloc .popuptext | ||
{ | { | ||
visibility: hidden; | visibility: hidden; | ||
| − | width: | + | width: 20%; |
background-color: #364A5E; | background-color: #364A5E; | ||
color: #fff; | color: #fff; | ||
| − | text-align: | + | text-align: justify; |
| − | border-radius: 5%; | + | border-radius: 2.5%; |
padding: 10% 10% 10% 10%; | padding: 10% 10% 10% 10%; | ||
position: relative; | position: relative; | ||
z-index:1; | z-index:1; | ||
| + | font-family: 'Open Sans', sans-serif; | ||
| + | font-size: 0.95vw; | ||
| + | font-weight: lighter; | ||
} | } | ||
| − | + | .popup_geoloc .popuptext::after | |
| − | + | ||
| − | + | ||
{ | { | ||
content: ""; | content: ""; | ||
| Line 348: | Line 379: | ||
} | } | ||
| + | .popup_geoloc .show { | ||
| + | visibility: visible; | ||
| + | -webkit-animation: fadeIn 1s; | ||
| + | animation: fadeIn 1s; | ||
| + | } | ||
| + | .popup_geoloc .hide { | ||
| + | visibility: hidden; | ||
| + | -webkit-animation: fadeIn 1s; | ||
| + | animation: fadeIn 1s; | ||
| + | } | ||
| + | |||
| + | @-webkit-keyframes fadeIn { | ||
| + | from {opacity: 0;} | ||
| + | to {opacity: 1;} | ||
| + | } | ||
| + | @keyframes fadeIn { | ||
| + | from {opacity: 0;} | ||
| + | to {opacity:1 ;} | ||
| + | } | ||
</style> | </style> | ||
Latest revision as of 08:42, 20 October 2017
