Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0px;
- padding: 0px;
- width: 100%;
- background-image: url("imgs/Fond.jpg")
- }
- .center{
- text-align:center;
- }
- /* menu + bémol je pense */
- ul {
- position:relative;
- top: 20px;
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background-color: #333;
- }
- li {
- float: right;
- }
- li a {
- display: block;
- color: white;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- }
- /* Change the link color to #111 (black) on hover */
- li a:hover {
- background-color: #111;
- }
- .active {
- background-color: #4CAF50;
- }
- img {
- position:absolute;
- top: 0;
- left: 0;
- width : 150px;
- height : 150px;
- }
- /* Texte defilant */
- .defileParent {
- display: block;
- margin: 3em auto;
- overflow: hidden;
- position: top;
- table-layout: fixed;
- width: 700px;
- }
- .defile {
- display:block;
- -webkit-animation:linear marqueelike 20s infinite ;
- -moz-animation:linear marqueelike 20s infinite ;
- -o-animation:linear marqueelike 20s infinite ;
- -ms-animation:linear marqueelike 20s infinite ;
- animation:linear marqueelike 20s infinite ;
- margin-left:-100%;
- padding:0 5px;
- text-align:left;
- height:25px;
- }
- .defile:after {
- content:attr(data-text);
- position: top;
- white-space:nowrap;
- padding-left:10px;
- }
- @-webkit-keyframes marqueelike {
- 0%, 100% {margin-left:0;}
- 99.99% {margin-left:-100%;}
- }
- @-moz-keyframes marqueelike {
- 0%, 100% {margin-left:0;}
- 99.99% {margin-left:-100%;}
- }
- @-o-keyframes marqueelike {
- 0%, 100% {margin-left:0;}
- 99.99% {margin-left:-100%;}
- }
- @-ms-keyframes marqueelike {
- 0%, 100% {margin-left:0;}
- 99.99% {margin-left:-100%;}
- }
- @keyframes marqueelike {
- 0%, 100% {margin-left:0;}
- 99.99% {margin-left:-100%;}
- }
- @media only screen and (max-width: 860px) {
- .defileParent {
- display: block;
- margin: 3em auto;
- overflow: hidden;
- position: top;
- table-layout: fixed;
- width: 100%;
- }
- .defile {
- display:block;
- position: top;
- -webkit-animation:linear marqueelike 15s infinite ;
- -moz-animation:linear marqueelike 15s infinite ;
- -o-animation:linear marqueelike 15s infinite ;
- -ms-animation:linear marqueelike 15s infinite ;
- animation:linear marqueelike 15s infinite ;
- margin-left:-100%;
- padding:0 5px;
- text-align:left;
- height:25px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement