Advertisement
Guest User

css gore

a guest
Jul 26th, 2014
341
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.56 KB | None | 0 0
  1. /* CSS Document */
  2.  
  3. html, body{
  4.     background: -webkit-linear-gradient(#B9C970 0%, #FFF 100%); background: -moz-linear-gradient(#B9C970 0%, #FFF 100%);
  5.     background: -o-linear-gradient(#B9C970 0%, #FFF 100%);
  6.     background: linear-gradient(#B9C970 0%, #FFF 100%) no-repeat #FFF;
  7.     background-attachment: fixed;
  8.     font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  9. }
  10.  
  11. a{ color: #000; }
  12.  
  13.  
  14. .container{
  15.     padding: 12px;
  16.    
  17. }
  18.  
  19. .active{
  20.     font-size: 1.2em;
  21.    
  22. }
  23.  
  24.        
  25. div#header {
  26.     height: 280px;
  27.     background: url(../Images/header.jpg) no-repeat left;
  28.     }
  29.    
  30.    
  31.    
  32. div#content {
  33.         }
  34.     div#content h3 {
  35.         float: left; margin:12px 0;
  36.         background: #E6CCB7; border-bottom: 2px solid #E6CCB7;
  37.         width: 100%;
  38.         text-align: center;
  39.         transition: all 0.2s;
  40.         }
  41.             div#content h3 p {
  42.             margin: 13px;
  43.             text-align: center;
  44.             }
  45.             div#content h3:hover {
  46.             background-color: #B9C970; color: white; border-bottom: 2px solid #B9C970;
  47.             }
  48.            
  49.     div#content h5{
  50.         float: left;
  51.         padding: 10px 0 0 60px; margin: 0 0 1px 0;
  52.         width: 100%;
  53.         background: #E6CCB7 url(../Images/list-style-type.png) no-repeat; background-size: 40px; background-position: 10px 10px; color: black;
  54.         transition: all 0.2s;
  55.         }
  56.             div#content h5 p{
  57.             margin-top: 0; padding-right: 5px;
  58.         }
  59.         div#content h5:hover{
  60.             background: #B9C970 url(../Images/list-style-type.png) no-repeat; background-size: 40px; background-position: 0px 10px;
  61.         }
  62.        
  63. div#subcontent{
  64.     padding: 80px 0 0 110px;
  65.     float: right;
  66.     width: 32.7%;
  67.     background: url(../Images/cash_back.png) no-repeat #E6CCB7; background-size: 100% 80%;
  68.     font-size: 0.9em;
  69. }
  70.        
  71. div#footer {
  72.     float: left; width: 100%; margin-top: 12px;
  73.     background-color: #E6CCB7;
  74.     text-align: center;  font-size: 0.85em;
  75.     position:fixed;
  76.     bottom:0px;
  77.     }
  78.     div#footer p{ margin:0; text-decoration: none;}
  79.     div#footer a{text-decoration: none;}
  80.        
  81. ::-webkit-input-placeholder { /* WebKit browsers */
  82.     color:    #838D44;
  83.     padding-left: 2px;
  84. }
  85. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  86.     color:    #838D44;
  87.     opacity:  1;
  88.     padding-left: 2px;
  89. }
  90. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  91.     color:    #838D44;
  92.     opacity:  1;
  93.     padding-left: 2px;
  94. }
  95. :-ms-input-placeholder { /* Internet Explorer 10+ */
  96.     color:    #838D44;
  97.     padding-left: 2px;
  98. }
  99.  
  100.  
  101. @media (max-width: 767px) {
  102.  
  103.   .carousel {
  104.     height: 70%;
  105.  /* increases the carousel height so it looks good on phones */
  106.   }
  107. }
  108. @media (max-width: 767px) {
  109.   .navbar {
  110.     width: 100%;
  111.   }
  112. }
  113.  
  114. @media (min-width: 1200px) {
  115.   .navbar {
  116.       float: right;
  117.   }
  118. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement