docs: use multiple background-images for header

[mesa.git] / docs / mesa.css

diff --git a/docs/mesa.css b/docs/mesa.css
index 8038832adbc3bbc7600ea23fa61ef73a08568ebf..06e94c5f087bb83d1eed58678cc1fd2f71b4b838 100644 (file)
--- a/docs/mesa.css
+++ b/docs/mesa.css
@@ -6,24 +6,20 @@ body {
 }
 
 h1 {
-       font: 24px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
+       font-size: 24px;
        font-weight: bold;
-       color: black;
 }
 
 h2 {
-       font: 18px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif, bold;
+       font-size: 18px;
        font-weight: bold;
-       color: black;
 }
 
 code {
        font-family: monospace;
        font-size: 10pt;
-       color: black;
 }
 
-
 pre {
        font-size: 10pt;
        background-color: #eee;
@@ -42,18 +38,15 @@ iframe {
        position: absolute;
        left: 20em;
        right: 10px;
-       overflow: hidden
+       overflow: hidden;
 }
 
 .header {
-       background: black url('gears.png') 15px no-repeat;
-       margin:0;
-       padding: 5px;
-       clear:both;
+       background: url('gears.png') 15px no-repeat, black url('gears.png') right no-repeat;
+       height: 80px;
 }
 
 .header h1 {
-       background: url('gears.png') right no-repeat;
        color: white;
        font: x-large sans-serif;
        text-align: center;