Guest User

Untitled

a guest
Dec 1st, 2010
486
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>Morning</title>
  4.         <style>
  5.             body {
  6.                 margin: 0;
  7.                 padding: 0;
  8.             }
  9.  
  10.             #grid {
  11.                 width: 100%;
  12.                 height: 100%;
  13.                 border: dashed 1px #000;
  14.                 position: relative;
  15.             }
  16.  
  17.             #a, #b, #c, #d, #e {
  18.                 position: relative;
  19.  
  20.                 color: #fff;
  21.                 text-align: center;
  22.                 font-family: Arial;
  23.                 font-size: 200%;
  24.                 font-weight: bold;
  25.             }
  26.  
  27.             #a {
  28.                 height: 40%;
  29.                 top: 60%;
  30.                 width: 100%;
  31.                 background-color: #4F81BD;
  32.             }
  33.  
  34.             #b {
  35.                 margin-right: 60%;
  36.                 top: -40%;
  37.                 height: 40%;
  38.                 background-color: #8064A2;
  39.                 z-index: 3;
  40.             }
  41.  
  42.             #c {
  43.                 top: -80%;
  44.                 height: 30%;
  45.                 margin-left: 30%;
  46.                 background-color: #F79646;
  47.             }
  48.  
  49.             #d {
  50.                 height: 30%;
  51.                 margin-left: 60%;
  52.                 top: -60%;
  53.                 background-color: #9BBB59;
  54.                 z-index: 1;
  55.             }
  56.  
  57.             #e {
  58.                 width: 50%;
  59.                 height: 50%;
  60.                 margin-left: 25%;
  61.                 top: -120%;
  62.                 background-color: #C0504D;
  63.                 z-index: 2;
  64.             }
  65.         </style>
  66.     </head>
  67.     <body>
  68.         <div id="grid">
  69.             <div id="A">A</div>
  70.             <div id="B">B</div>
  71.             <div id="C">C</div>
  72.             <div id="D">D</div>
  73.             <div id="E">E</div>
  74.         </div>
  75.     </body>
  76. </html>
RAW Paste Data