Advertisement
Guest User

Untitled

a guest
Apr 17th, 2014
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.57 KB | None | 0 0
  1. /*
  2. ///////////SOMMAIRE////////////
  3. 1)BALISES
  4. 2)HEADER
  5. 3)TOP
  6. 4)COLONNE_GAUCHE
  7. 5)VIDEO
  8. 6)GAUCHE1
  9. 7)GAUCHE2
  10. 8)COLONNE_DROITE
  11. 9)DROITE1
  12. 10)HEADER1
  13. 11)DROITE2
  14. 12)HEADER2
  15. 13)LIENS
  16. */
  17.  
  18. /***** 1 BALISES *****/
  19. html{
  20. font-size:100%;/*contre bug IE*/
  21. }
  22. body{
  23. margin:0px;
  24. font-family:Arial, Helvetica, sans-serif;
  25. font-size:1em;
  26. background-image:url(../ex/phoenix/Fd9.jpg);
  27. background-repeat:no-repeat;
  28. background-position:top center;
  29. background-color:#FE4900;
  30. }
  31. ul{
  32. list-style-type:none;
  33. margin-left:50px;
  34. }
  35. h2{
  36. text-transform:uppercase;/*met le texte tous en maj*/
  37. color:#FE4900;
  38. font-size:0.8em;
  39. margin:0px;
  40. font-weight:normal;
  41. }
  42. time{
  43. font-size:0.85em;
  44. color:#666;
  45. }
  46. p{
  47. font-size:0.7em;
  48. color:#fff;
  49. }
  50. video{
  51. width:100%;
  52. height:100%;
  53. }
  54.  
  55. /***** 2 HEADER *****/
  56. #header{
  57. width:100%;
  58. height:120px;
  59. background-color:rgba(0,0,0,0.8);
  60. }
  61.  
  62. /***** 3 TOP *****/
  63. #top{
  64. width:965px;
  65. height:100%;
  66. margin-left:auto;
  67. margin-right:auto;
  68. }
  69. li{
  70. display:inline-block;
  71. width:180px;
  72. height:11px;
  73. margin-right:10px;
  74. }
  75.  
  76.  
  77. /***** SECTION *****/
  78. #section{
  79. width:965px;
  80. height:760px;
  81. margin-left:auto;
  82. margin-right:auto;
  83. margin-top:55px;
  84. }
  85.  
  86. /***** 4 COLONNE_GAUCHE *****/
  87. #colonneGauche{
  88. width:605px;
  89. height:100%;
  90. float:left;
  91. }
  92.  
  93. /***** 5 VIDEO *****/
  94. #video{
  95. width:585px;
  96. height:335px;
  97. margin-bottom:30px;
  98. }
  99.  
  100. /***** 6 GAUCHE_1 *****/
  101. #gauche1{
  102. width:280px;
  103. float:left;
  104. margin-right:32px;
  105. }
  106. .article{
  107. width:279px;
  108. height:126px;
  109. margin-bottom:10px;
  110. }
  111. #gauche1 div:first-child{
  112. background-image:url(../ex/phoenix/about.png);
  113. }
  114. #gauche1 div:last-child{
  115. background-image:url(../ex/phoenix/coloring.png);
  116. }
  117.  
  118. /***** 7 GAUCHE_2 *****/
  119. #gauche2{
  120. width:292px;
  121. height:258px;
  122. background-image:url(../ex/phoenix/wingsuit.png);
  123. float:left;
  124. }
  125.  
  126. /***** 8 COLONNE_DROITE *****/
  127. #colonneDroite{
  128. width:360px;
  129. height:100%;
  130. float:left;
  131. }
  132.  
  133. /***** 9 DROITE_1 *****/
  134. #droite1{
  135. margin-bottom:20px;
  136. }
  137.  
  138. /***** 10 HEADER_1 *****/
  139. #header1{
  140. width:360px;
  141. height:37px;
  142. background-image:url(../ex/phoenix/events.png);
  143. }
  144. .body{
  145. width:321px;
  146. height:auto;
  147. background-image:url(../ex/phoenix/fond_block.png);
  148. margin-left:18px;
  149. padding-left:10px;
  150. padding-right:10px;
  151. }
  152. .footer{
  153. width:341px;
  154. height:10px;
  155. background-image:url(../ex/phoenix/bas_block.png);
  156. margin-left:18px;
  157. }
  158.  
  159. /***** 11 DROITE_2 *****/
  160. #droite2 img{
  161. width:310px;
  162. height:80px;
  163. }
  164.  
  165. /***** 12 HEADER_2 *****/
  166. #header2{
  167. width:360px;
  168. height:37px;
  169. background-image:url(../ex/phoenix/news.png);
  170. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement