SHARE
TWEET

home.css

NptZ Dec 9th, 2019 91 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body
  2. {
  3.   background-color: #212121;
  4.   margin: 0;
  5.   color:white;
  6. }
  7.  
  8. ul
  9. {
  10.   padding: 0;
  11.   list-style: none;
  12. }
  13.  
  14. a
  15. {
  16.   text-decoration: none;
  17.   color:white;
  18. }
  19.  
  20. li
  21. {
  22.   list-style: none;
  23. }
  24.  
  25.  
  26. /* Zone d'entĂȘte du site */
  27.  
  28. .background_header
  29. {
  30.   background-attachment: fixed;
  31.   background-image: url("background.jpg") ;
  32.   background-size: cover;
  33.   height: 100vh;
  34.   display: flex;
  35.   background-position: 100% ;
  36.   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  37.   text-shadow: 3px 3px 3px black;
  38.   background-repeat: no-repeat;
  39. }
  40.  
  41. /* Menu */
  42.  
  43. .menulogo {
  44.     display: inline-block;
  45.     text-align: center;
  46.     background: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,5%,0)),to(#0c0c0c));
  47.     background: linear-gradient(0deg,hsla(0,0%,5%,0),#0c0c0c);
  48.     z-index: 100;
  49.     position: fixed;
  50. }
  51.  
  52. .logo
  53. {
  54.   float: left;
  55.   width: 5%;
  56.   height: 5%;
  57.   margin: 10px;
  58.   border-radius: 50%;
  59. }
  60.  
  61. .nav {
  62.   padding-top: 1.5%;
  63.   display: inline-flex;
  64.   margin-left: -105px;
  65. }
  66.  
  67. .nav li {
  68.   padding-bottom: 3px;
  69.   width:150px;
  70.   font-size: 120%;
  71. }
  72.  
  73. .nav a {
  74.     margin: 0 30px;
  75.   color:white;
  76. }
  77.  
  78. .nav li:hover
  79. {
  80.   border-bottom: 1px solid white;
  81.  
  82. }
  83.  
  84. /* Partis texte du header */
  85.  
  86. .text-header
  87. {
  88.   margin-top: 20%;
  89.   margin-left: 8%;
  90.   font-size: 200%;
  91.   width: 500px;
  92.   height: 500px;
  93.   line-height: 50%;
  94.   float:left;
  95. }
  96.  
  97. .text-header-droite
  98. {
  99.  padding-left: 15%;
  100.  color : #C80037;
  101. }
  102.  
  103. .text-header hr
  104. {
  105.   width: 15%;
  106.   margin-left: 0%;
  107. }
  108.  
  109. .header-slogan
  110. {
  111.   padding-left: 15%;
  112.   padding-top: 1%;
  113.   font-size: 50%;
  114.   line-height:160%;
  115.   width: 70%;
  116. }
  117.  
  118. .vertical
  119. {
  120.   border-left: 1px solid white;
  121.   height: 52%;
  122.   left: 50%;
  123.   margin-left: 15%;
  124. }
  125.  
  126. .button
  127. {
  128.   margin-left: 15%;
  129.   margin-top: 6%;
  130.   padding: 15px;
  131.   border: 0;
  132.   background-color: #ff1942;
  133.   display: flex;
  134.   color: white;
  135. }
  136.  
  137. .button:hover
  138. {
  139.   background-color: white;
  140.   color: #C80037;
  141.   cursor:pointer;
  142. }
  143.  
  144.  
  145. /* Zone Main du site  */
  146.  
  147.  
  148.  
  149.  
  150. /* Footer du site */
  151. .map
  152. {
  153.   overflow:hidden;
  154.   width: 350px;
  155.   position: relative;
  156.   margin-left: 5%;
  157.   display: inline-flex;
  158. }
  159.  
  160. .horaire
  161. {
  162.   display:flex;
  163. }
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
 
Top