docs/banner.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html lang="en">
   3 <head>
   4   <meta http-equiv="content-type" content="text/html; charset=utf-8">
   5   <title>Banner</title>
   6   <style type="text/css">
   7     <!--
   8     body { background: black; color: white }
   9     h1 {
  10       font: x-large sans-serif; text-align: center;
  11       height: 75px; margin-left: 100px; margin-right: 100px }
  12     .gears { width: 100px; height: 73px; float: left; background: url('gears.png') right no-repeat }
  13     div + .gears { float: right; background-position: left }
  14     /*
  15     This should happen in the future instead:
  16     h1 {
  17       border-left: 71px solid #c11800; border-right: 71px solid #00c130;
  18       border-top: 0px; border-bottom: 0px;
  19       border-image: url(gears.png) 100%; -webkit-border-image: url(gears.png) 100%;
  20     }
  21     */
  22     -->
  23   </style>
  24 </head>
  25
  26 <body>
  27
  28 <div class="gears"></div>
  29 <div class="gears"></div>
  30 <h1>The Mesa 3D Graphics Library</h1>
  31
  32 </body>
  33 </html>