display

Yavsc/wwwroot/css/site.css

@@ -10,7 +10,7 @@
 input,
 select,
 textarea {
-    max-width: 280px;
+    max-width: 90%;
 }
 
 /* Set widths on image and video, since otherwise they use their native resolution */
@@ -19,28 +19,44 @@ textarea {
  
 /* Carousel */
 .carousel, .carousel img {
-    min-height: 15em;
+    height: 15em;
 }
+
 .carousel-caption p {    
     font-family: "jubilat";
     font-weight: 600;
     font-size: large;
     line-height: 1.1;
-    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
+    text-decoration: overline;
+    text-decoration-line: overline;
+    text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.8);
     -webkit-text-shadow: inset 0 3px 5px rgb(0, 0, 0);
-    color: white;
-    background-color: rgba(0,0,0,.5); 
+    color: aliceblue;
     margin:0;
     padding:.5em;
+    animation: mymove 3s infinite;
+}
+@-webkit-keyframes mymove {
+    from {text-decoration-color: red;}
+    50% {text-decoration-color: blue;}
+    to {text-decoration-color: red;}
 }
 
+/* Standard syntax */
+@keyframes mymove {
+    from {text-decoration-color: red;}
+    50% {text-decoration-color: blue;}
+    to {text-decoration-color: red;}
+}
 ul.actiongroup li {
     display:inline;
 }
+
 ul.actiongroup li a:hover {
     background-color: rgba(128,128,128,.2);
     color: red;
 }
+
 input, select, textarea {
     max-width: 100%;
 }
@@ -49,6 +65,7 @@ footer {
     vertical-align: bottom;
     padding: 1.5em;
 }
+
 .display-field {
     font-kerning: none;
     display: inline-flex;
@@ -60,12 +77,12 @@ footer {
     display: inline-flex;
     color: rgb(127,127,127);
     background-color: rgba(200,256,200,.4);
-
 }
 
 nav {
     background: url('/images/booking/musique-2.jpg') 0% 50%;
 }
+
 footer {
     color:rgb(128,128,128);
     font-weight: bolder;