Difference between revisions of "Template:Pasteur Paris/Vignettes"

Line 1: Line 1:
 
<html>
 
<html>
 
     <style>
 
     <style>
 +
        #GeneralContent {
 +
    background: linear-gradient(90deg, #D5DCFF,#FFF, #E2889E);
 +
    background-size: 200% 200%;
 +
    -webkit-animation: Gradient 15s ease infinite;
 +
    -moz-animation: Gradient 15s ease infinite;
 +
            -o-animation: Gradient 15s ease infinite;
 +
    animation: Gradient 15s ease infinite;
 +
        }
 +
 +
        @-webkit-keyframes Gradient {
 +
0% {
 +
background-position: 0% 50%
 +
}
 +
50% {
 +
background-position: 100% 50%
 +
}
 +
100% {
 +
background-position: 0% 50%
 +
}
 +
        }
 +
 +
        @-moz-keyframes Gradient {
 +
0% {
 +
background-position: 0% 50%
 +
}
 +
50% {
 +
background-position: 100% 50%
 +
}
 +
100% {
 +
background-position: 0% 50%
 +
}
 +
        }
 +
 +
        @keyframes Gradient {
 +
0% {
 +
background-position: 0% 50%
 +
}
 +
50% {
 +
background-position: 100% 50%
 +
}
 +
100% {
 +
background-position: 0% 50%
 +
}
 +
        }
 +
 +
 +
 +
 
         .vignette {                            /*element that contains ONE vignette*/
 
         .vignette {                            /*element that contains ONE vignette*/
 
             height:20em;
 
             height:20em;
Line 77: Line 125:
 
             width: 90%;
 
             width: 90%;
 
             padding: 0px 18px;
 
             padding: 0px 18px;
−
             background-color: white;
+
             background: rgba(255, 255, 255, 0.3);
 
             max-height: 0;
 
             max-height: 0;
 
             text-align:left;
 
             text-align:left;

Revision as of 14:44, 20 September 2018