]> xenbits.xensource.com Git - libvirt.git/commitdiff
docs: switch to new website banner
authorDaniel P. Berrange <berrange@redhat.com>
Tue, 25 Oct 2016 14:16:29 +0000 (16:16 +0200)
committerDaniel P. Berrange <berrange@redhat.com>
Fri, 11 Nov 2016 09:31:10 +0000 (09:31 +0000)
Use a dark banner whose color matches the dark green used in
the logo. Introduce a newly rendered version of the header
logo derived from new SVG file, instead of old one from
(now lost) Adobe Illustrator file.

The top banner logo now links to the front page as is common
practice for most websites.

Signed-off-by: Daniel P. Berrange <berrange@redhat.com>
docs/Makefile.am
docs/libvirt-header-bg.png [deleted file]
docs/libvirt-header-logo.png [deleted file]
docs/libvirt.css
docs/page.xsl
docs/sitemap.html.in

index 6eb5d3e870f67cf02cc6e814d4eda7b71d1f80b9..0bc9b6f7d25e55bbfc657bf6eec52f34640fbac0 100644 (file)
@@ -85,8 +85,6 @@ logofiles = \
 
 png = \
   32favicon.png \
-  libvirt-header-bg.png \
-  libvirt-header-logo.png \
   libvirtLogo.png \
   libvirt-net-logical.png \
   libvirt-net-physical.png \
diff --git a/docs/libvirt-header-bg.png b/docs/libvirt-header-bg.png
deleted file mode 100644 (file)
index b269ed5..0000000
Binary files a/docs/libvirt-header-bg.png and /dev/null differ
diff --git a/docs/libvirt-header-logo.png b/docs/libvirt-header-logo.png
deleted file mode 100644 (file)
index aa7a910..0000000
Binary files a/docs/libvirt-header-logo.png and /dev/null differ
index 2310b20c7106f97863f4fee0781ecb25e5753f6b..573d7e9db6c1adbbdc9b463841a92da8707b60d0 100644 (file)
@@ -2,12 +2,66 @@ h1, h2, h3, h4, h5, h6 {
     color: #3c857c;
 }
 
-#header {
-    margin: 0px;
-    height: 104px;
+#nav {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100px;
+    background: rgb(0, 95, 97);
+    border-bottom: 3px solid rgb(60, 133, 124);
     width: 100%;
-    background: url(libvirt-header-bg.png);
+    display: table;
+}
+
+#home {
+    background-image: url(logos/logo-banner-light-256.png);
+    background-repeat: no-repeat;
+    background-position: left center;
+    height: 100px;
+    width: 269px;
+    margin-left: 1em;
+    text-indent: 100%; white-space: nowrap; overflow: hidden;
+}
+
+#home a {
+    color:  rgb(0, 95, 97);
+    height: 100px;
+    width: 269px;
+    display: block;
+}
+
+#search {
+    display: table-cell;
+    vertical-align: middle;
+    width: 20em;
+    text-align: right;
+    padding: 1em;
+}
+
+#search input {
     border: 0px;
+    height: 2em;
+}
+
+#search input[type=text] {
+    background: rgb(230, 230, 230);
+    color: rgb(0, 0, 0);
+    width: 10em;
+    padding: 0px;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+#search input[type=submit] {
+    background: rgb(60, 133, 124);
+    color: rgb(255, 255, 255);
+    width: 3em;
+    font-weight: bold;
+}
+
+#search input[type=submit]:active,
+#search input[type=submit]:hover {
+    color: rgb(255, 230, 0);
 }
 
 #body {
@@ -16,6 +70,7 @@ h1, h2, h3, h4, h5, h6 {
     border: 0px;
     left: 0px;
     margin: 0px;
+    margin-top: 120px;
 }
 
 #content {
@@ -96,39 +151,6 @@ h1, h2, h3, h4, h5, h6 {
     padding-left: 3em;
 }
 
-#headerLogo {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    height: 104px;
-    width: 400px;
-    background: url(libvirt-header-logo.png);
-}
-
-#headerSearch {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    padding: 2em;
-    z-index: 10;
-}
-
-#headerSearch input {
-    border: 1px solid #999999;
-    color: #999999;
-    background: white;
-    padding: 3px;
-    font-size: 1em;
-}
-
-#headerSearch #submit {
-    border: 1px solid #999999;
-    background: #eeeeee;
-    color: black;
-    padding: 3px;
-    font-size: 1em;
-}
-
 #sitemap ul li {
     list-style: none;
 }
index cd98f7d166152f0943537929ed8662f872cf5994..70c06a2d188996bc2316cbe1f279b611ccb280bf 100644 (file)
         <meta name="description" content="libvirt, virtualization, virtualization API"/>
       </head>
       <body>
-        <div id="header">
-          <div id="headerLogo"/>
-          <div id="headerSearch">
-            <form action="{$href_base}search.php" enctype="application/x-www-form-urlencoded" method="get">
-              <div>
-                <input id="query" name="query" type="text" size="12" value=""/>
-                <input id="submit" name="submit" type="submit" value="Search"/>
-              </div>
-            </form>
-          </div>
-        </div>
         <div id="body">
           <div id="menu">
             <xsl:apply-templates select="exsl:node-set($sitemap)/html:ul" mode="menu">
             <xsl:apply-templates select="/html:html/html:body/*" mode="content"/>
           </div>
         </div>
+        <div id="nav">
+          <div id="home">
+            <a href="{$href_base}index.html">Home</a>
+          </div>
+          <div id="search">
+            <form action="{$href_base}search.php" enctype="application/x-www-form-urlencoded" method="get">
+              <div>
+                <input name="query" type="text" size="12" value=""/>
+                <input name="submit" type="submit" value="Go"/>
+              </div>
+            </form>
+          </div>
+        </div>
       </body>
     </html>
   </xsl:template>
index 757d5aa9d21533c90867c4b2813f075d6bb874fc..435363572a8320653e7fc6bd0666543f03db2e75 100644 (file)
@@ -6,10 +6,6 @@
 
     <div id="sitemap">
     <ul>
-      <li>
-        <a href="index.html">Home</a>
-        <span>Front page of the libvirt website</span>
-      </li>
       <li>
         <a href="news.html">News</a>
         <span>Details of new features and bugs fixed in each release</span>