Advertisement
LaGaligo

CSS för stor

Oct 17th, 2017
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.15 KB | None | 0 0
  1. /* Design for all sizes */
  2.  
  3. body {
  4.     background-color: #ccc;
  5.     color: #000;
  6.    
  7. }
  8.  
  9. #container {
  10.     background-color: white;
  11.    
  12.    
  13. }
  14.  
  15. h1,h2 {
  16.     font-family: "Arial Black", Gadget, sans-serif;
  17.     color: #854242;
  18.     text-align: center;
  19. }
  20.  
  21. h1 {
  22.     line-height: 1.25em;
  23.     font-size: 2em;
  24. }
  25.  
  26. h2 {
  27.     font-size: 1.625em;
  28.     line-height: 1.15384615em;
  29. }
  30.  
  31. p {
  32.     font-family: "Trebuchet MS", Helvetica, sans-serif;
  33. }
  34.  
  35. /* Box headers */
  36.  
  37. .left {
  38.     text-align:left;
  39.     font-size: 1.625em;
  40.     line-height: 1.15384615em;
  41. }
  42.  
  43. /* Footers */
  44.  
  45. footer {
  46.     background-color: #854242;
  47.     border: 2px solid #854242;
  48.     border-radius: 2px, 2px, 2px, 2px;
  49.     -moz-border-radius: 5px;
  50.     -webkit-border-radius: 5px;
  51.     font-family: "Trebuchet MS", Helvetica, sans-serif;
  52.     text-align: center;
  53.     color: white;
  54. }
  55.  
  56. #mainfooter {
  57.     background-color: #999;
  58.     border: 2px solid #999;
  59.     border-radius: 2px, 2px, 2px, 2px;
  60.     -moz-border-radius: 5px;
  61.     -webkit-border-radius: 5px;
  62.     font-family: "Trebuchet MS", Helvetica, sans-serif;
  63.     text-align: center;
  64.     color: white;
  65.    
  66. }
  67.  
  68.  
  69. @media all and (min-width:800px) {
  70.    
  71.     html, body {
  72.         overflow-x: hidden;
  73.       }
  74.  
  75.       body {
  76.         position: relative;
  77.         width: 960px;
  78.         padding: 10px 40px 10px 40px;
  79.       }
  80.  
  81.       .pictures {
  82.           max-width: 100%;
  83.       }
  84.  
  85.       a {
  86.           text-decoration: none;
  87.           text-transform: uppercase;
  88.           color: #666;
  89.           font-family: "Trebuchet MS", Helvetica, sans-serif;
  90.          
  91.       }
  92.  
  93.    
  94.    
  95.     li {
  96.         display: inline;
  97.         margin-right: 10px;
  98.        
  99.        
  100.     }
  101.        
  102.     section {
  103.         border-top: 1px solid #854242;
  104.         float: left;
  105.         margin: 1em;
  106.         width: calc(100%/2 - 2*1em);
  107.     }
  108.    
  109.  
  110.       #search {
  111.         position:absolute;
  112.         left:65%;
  113.         top:9%;
  114.         width:30%;
  115.        
  116.        
  117.       }
  118.  
  119.      
  120.      
  121.        
  122.        #mainfooter {
  123.         position: absolute;
  124.         right: 0;
  125.         bottom: 0;
  126.         left: 0;
  127.        
  128.        }
  129.        
  130.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement