# HG changeset patch
# User Pulkit Goyal <7895pul...@gmail.com>
# Date 1481184916 -19800
# Thu Dec 08 13:45:16 2016 +0530
# Node ID 5d30d7a345692b6656b60c9f4dab86f012b391eb
# Parent 8a0dad3adbf7f076bb2daf64c1bcb97117e6e67b
css: attach the navigation bar to top of the page
Currently the navigation bar doesn't looks good as there is some space between
the top and bar. This patch removes that, bring the words in the center and
align the search bar with the menu options.
diff -r 8a0dad3adbf7 -r 5d30d7a34569 static/css/styles.css
--- a/static/css/styles.css Fri Sep 30 16:37:49 2016 -0500
+++ b/static/css/styles.css Thu Dec 08 13:45:16 2016 +0530
@@ -106,15 +106,15 @@
/*
* Nav
*/
-#nav { position: absolute; top: 17px; right: 0; background: #999; height:
42px; margin: 0; width: 725px; font-size: 1em; *font-size: 16px; line-height:
42px; font-family: Optimer, DejaVuSans, Helvetica, Arial, sans-serif; overflow:
hidden; }
+#nav { position: absolute; top: 0px; right: 0; background: #999; height: 61px;
margin: 0; width: 725px; font-size: 1em; *font-size: 16px; line-height: 42px;
font-family: Optimer, DejaVuSans, Helvetica, Arial, sans-serif; overflow:
hidden; }
#nav li { float: left; margin: 0; padding: 0; list-style: none; }
-#nav a { float: left; color: #fff; text-decoration: none; padding: 0 16px;
*padding: 0 14px; }
+#nav a { float: left; color: #fff; text-decoration: none; padding: 14px 21px;
*padding: 0 14px; }
#nav a:hover, #nav a:focus, #nav .active a { background: #00b5f1; }
/*
* Search
*/
-#search { position: absolute; right: 15px; top: 26px; color: #fff; width:
183px; height: 23px; background: url(../images/search.png) no-repeat 0 0; }
+#search { position: absolute; right: 15px; top: 21px; color: #fff; width:
180px; height: 23px; background: url(../images/search.png) no-repeat 0 0; }
#search legend { display: none; }
#search label { position: absolute; left: -9999px; }
#search .text { width: 150px; background: none; border: none; margin: 0 0 0
5px; position: relative; top: 5px; color: #666; outline:0; }
_______________________________________________
Mercurial-devel mailing list
Mercurial-devel@mercurial-scm.org
https://www.mercurial-scm.org/mailman/listinfo/mercurial-devel
