SHARE
TWEET

css page internet

a guest May 19th, 2019 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2.     margin: 0px;
  3.     padding: 0px;
  4.     width: 100%;
  5.     background-image: url("imgs/Fond.jpg")
  6. }
  7.  
  8.  
  9. .center{
  10.     text-align:center;
  11.     }
  12.  
  13.     /* menu + bĂ©mol je pense   */
  14.     ul {
  15.   position:relative;
  16.   top: 20px;
  17.   list-style-type: none;
  18.   margin: 0;
  19.   padding: 0;
  20.   overflow: hidden;
  21.   background-color: #333;
  22. }
  23.  
  24. li {
  25.   float: right;
  26. }
  27.  
  28. li a {
  29.   display: block;
  30.   color: white;
  31.   text-align: center;
  32.   padding: 14px 16px;
  33.   text-decoration: none;
  34. }
  35.  
  36. /* Change the link color to #111 (black) on hover */
  37. li a:hover {
  38.   background-color: #111;
  39. }
  40. .active {
  41.   background-color: #4CAF50;
  42. }
  43.  
  44. img {
  45.      position:absolute;
  46.   top: 0;
  47.   left: 0;
  48.   width : 150px;
  49.   height : 150px;
  50.  
  51. }
  52. /* Texte defilant */
  53.  
  54. .defileParent {
  55.     display: block;
  56.     margin: 3em auto;
  57.     overflow: hidden;
  58.     position: top;
  59.     table-layout: fixed;
  60.     width: 700px;
  61. }
  62. .defile {
  63.     display:block;
  64.     -webkit-animation:linear marqueelike 20s infinite ;
  65.     -moz-animation:linear marqueelike 20s infinite ;
  66.     -o-animation:linear marqueelike 20s infinite ;
  67.     -ms-animation:linear marqueelike 20s infinite ;
  68.     animation:linear marqueelike 20s infinite ;
  69.     margin-left:-100%;
  70.     padding:0 5px;
  71.     text-align:left;
  72.     height:25px;
  73. }
  74.  
  75.  
  76. .defile:after {
  77.     content:attr(data-text);
  78.     position: top;
  79.     white-space:nowrap;
  80.     padding-left:10px;
  81. }
  82.  
  83. @-webkit-keyframes marqueelike {
  84.     0%, 100% {margin-left:0;}
  85.     99.99% {margin-left:-100%;}
  86.  }
  87. @-moz-keyframes marqueelike {
  88.     0%, 100% {margin-left:0;}
  89.     99.99% {margin-left:-100%;}
  90.  }
  91. @-o-keyframes marqueelike {
  92.     0%, 100% {margin-left:0;}
  93.     99.99% {margin-left:-100%;}
  94.  }
  95. @-ms-keyframes marqueelike {
  96.     0%, 100% {margin-left:0;}
  97.     99.99% {margin-left:-100%;}
  98.  }
  99. @keyframes marqueelike {
  100.     0%, 100% {margin-left:0;}
  101.     99.99% {margin-left:-100%;}
  102.  }
  103.  
  104. @media only screen and (max-width: 860px) {
  105.    
  106. .defileParent {
  107.     display: block;
  108.     margin: 3em auto;
  109.     overflow: hidden;
  110.     position: top;
  111.     table-layout: fixed;
  112.     width: 100%;
  113. }
  114.  
  115. .defile {
  116.     display:block;
  117.     position: top;
  118.     -webkit-animation:linear marqueelike 15s infinite ;
  119.     -moz-animation:linear marqueelike 15s infinite ;
  120.     -o-animation:linear marqueelike 15s infinite ;
  121.     -ms-animation:linear marqueelike 15s infinite ;
  122.     animation:linear marqueelike 15s infinite ;
  123.     margin-left:-100%;
  124.     padding:0 5px;
  125.     text-align:left;
  126.     height:25px;
  127. }
  128. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top