SHARE
TWEET

css

a guest May 19th, 2019 61 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. }
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