Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 19th, 2012  |  syntax: None  |  size: 1.33 KB  |  hits: 7  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. body {
  2.         margin:0;
  3.         padding: 0;
  4.         font: 100%;
  5.         min-height: 100%;
  6.         }
  7.        
  8.         header, article, aside,
  9.         footer, nav, lubberofzelda { float: left }
  10.        
  11.         h1 {
  12.                 font: 1.9em/1.4em sans-serif;
  13.                 margin-bottom: 10px;
  14.                 diaply: block;
  15.                 }
  16.        
  17.         p {
  18.                 font: 1em/1.5em sans-serif;
  19.                 margin: 0
  20.                 }
  21.  
  22.         header {
  23.                 height: 150px;
  24.                 width: 100%;
  25.                 background: rgba(0,0,0,.6)
  26.                 }
  27.                
  28.         section {
  29.                 display: block;
  30.                 clear: left;
  31.                 }
  32.        
  33.                 aside {
  34.                         width: 20%;            
  35.                         text-align: center
  36.                         }
  37.                
  38.                         lubberofzelda {
  39.                                 width: 100%;
  40.                                 }
  41.        
  42.                 article {
  43.                         width: 540px;
  44.                         background: white;
  45.                        
  46.                         padding: 15px;
  47.                         padding-left: 30px;
  48.                         padding-bottom: 100px;
  49.                         box-sizing: border-box;
  50.                         }
  51.                 article > * {
  52.                         color: black;
  53.                         }
  54.                
  55.         footer {               
  56.                 /*height: 100px;*/
  57.                 width: 20%;
  58.                 background: rgba(0,0,0,.8);
  59.                
  60.                 position: fixed;
  61.                 bottom: 0px;
  62.                
  63.                 color: white
  64.                 }
  65.                
  66.                 dang {
  67.                         height: 100px;
  68.                         width: 40px;
  69.                         background: rgba(255,255,255,.7);
  70.                        
  71.                         display: inline-block;
  72.                         }
  73.                
  74.         lubberofzelda, footer {
  75.                 text-align: center;
  76.                 font: 1.2em/100px arial black;
  77.                 }
  78.        
  79.         article, aside {
  80.                 height: 100%;
  81.                 }
  82.                
  83.         @media (max-width: 800px) {
  84.                
  85.                 aside {
  86.                         width: 100%;
  87.                         }
  88.                         lubberofzelda {
  89.                                 height: 80px;
  90.                                 width: 30%;
  91.                         }
  92.                 footer {
  93.                         position: relative;
  94.                         clear: both;
  95.                         width: 100%;
  96.                         }
  97.         }
  98.        
  99.         @media (max-width: 545px) {
  100.                 article {
  101.                         width: 100%;
  102.                         }
  103.         }
create a new version of this paste RAW Paste Data