Advertisement
Guest User

css

a guest
May 19th, 2019
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.17 KB | None | 0 0
  1. body{
  2. margin: 0;
  3. padding: 0;
  4. border: 0;
  5. }
  6.  
  7. p{
  8. margin-top: 0;
  9. }
  10.  
  11. .container{
  12. margin: 0;
  13. padding: 0;
  14. border: 0;
  15. }
  16. .header{
  17. width: 100%;
  18. height: 60px;
  19. background-color: #174d53;
  20. color: white;
  21. }
  22.  
  23. .header p{
  24. margin-left: 10px;
  25. width: 200px;
  26. line-height: 60px;
  27. font-family: arial,serif;
  28. font-weight: bold;
  29. word-spacing: 1px;
  30. letter-spacing: 2px;
  31. color: #174d53;
  32. float: left;
  33. }
  34.  
  35. .header span{
  36. border: 3px solid white;
  37. background-color: white;
  38. padding: 5px;
  39. border-radius: 15px;
  40. }
  41.  
  42. .header ul{
  43. float: right;
  44. padding-right: 40px;
  45. padding-top: 4px;
  46. }
  47.  
  48. .header ul li{
  49. display: inline-block;
  50. padding-right: 10px;
  51. }
  52.  
  53. .header ul li a{
  54. text-decoration: none;
  55. font-family: arial,serif;
  56. font-weight: bold;
  57. width: 100px;
  58. background-color: white;
  59. padding: 10px;
  60. border-radius: 20px;
  61. color: #174d53;
  62. font-size: 15px;
  63. }
  64.  
  65. .header ul li a:hover{
  66. background-color: #174d53;
  67. color: white;
  68. border: 2px solid white;
  69. }
  70. .content a{
  71. text-decoration: none;
  72. padding: 10px;
  73. border: 3px solid red;
  74. border-radius: 20px;
  75. color: white;
  76. background-color: red;
  77. }
  78.  
  79. .content a:hover{
  80. background-color: white;
  81. color: red;
  82. border-color: white;
  83. }
  84.  
  85. .content{
  86. height: 600px;
  87. background-image: url(../images/lamborghini.jpg);
  88. background-size: cover;
  89. background-repeat: no-repeat;
  90. text-align: center;
  91. font-family: arial,serif;
  92. font-weight: bold;
  93. color: white;
  94. line-height: 300px;
  95. background-position: 0 -120px;
  96. }
  97.  
  98. .content p{
  99. font-size: 25px;
  100. }
  101.  
  102. /**
  103. * For modern browsers
  104. * 1. The space content is one way to avoid an Opera bug when the
  105. * contenteditable attribute is included anywhere else in the document.
  106. * Otherwise it causes space to appear at the top and bottom of elements
  107. * that are clearfixed.
  108. * 2. The use of `table` rather than `block` is only necessary if using
  109. * `:before` to contain the top-margins of child elements.
  110. */
  111. .cf:before,
  112. .cf:after {
  113. content: " ";/* 1 */
  114. display: table; /* 2 */
  115. }
  116.  
  117. .cf:after {
  118. clear: both;
  119. }
  120.  
  121. /**
  122. * For IE 6/7 only
  123. * Include this rule to trigger hasLayout and contain floats.
  124. */
  125. .cf {
  126. *zoom: 1;
  127. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement