Merge pull request #876 from aG0aep6G/big-grey-bar

the big grey bar
dlang · Feb 1, 2015 · 4ad8ce4 · 4ad8ce4
2 parents 9bc993e + 144dae0
commit 4ad8ce4
Show file tree

Hide file tree

Showing 5 changed files with 199 additions and 177 deletions.
diff --git a/css/cssmenu.css.dd b/css/cssmenu.css.dd
@@ -24,68 +24,54 @@ Ddoc
   position: relative;
 }
 #cssmenu {
-/*  width: 250px;*/
-  border-bottom: 4px solid $(bottom_border);
-  $(VENDOR border-radius, 3px)
 }
 #cssmenu a,
 #cssmenu h7 {
   line-height: 1.3;
 }
 #cssmenu > ul > li:first-child {
-  $(GRADIENT $(top_bg), $(top_bg2))
-  border: 1px solid $(top_bg2);
-  $(VENDOR border-radius, 3px 3px 0 0)
+	margin-bottom: 1em;
 }
 #cssmenu > ul > li:first-child > a {
-  padding: 15px 10px;
-  background: url(../images/pattern.png) top left repeat;
   border: none;
-  border-top: 1px solid $(top_border);
-  $(VENDOR border-radius, 3px 3px 0 0)
   font-family: 'Ubuntu', sans-serif;
   text-align: center;
   font-size: 18px;
   font-weight: 300;
   text-shadow: 0 1px 1px $(menu_first_shadow);
+  margin-top: -0.65em; /* Pull up by padding-top so that the distance of the text
+      to #search-box is just #search-box's margin-bottom, but the link is still
+      clickable above. */
 }
 #cssmenu > ul > li:first-child > a > span {
   padding: 0;
 }
 #cssmenu > ul > li:first-child:hover {
-  $(GRADIENT $(top_bg), $(top_bg2))
+  background: transparent;
 }
 #cssmenu > ul > li {
-  $(GRADIENT $(menu_bg), $(menu_bg2))
 }
 #cssmenu > ul > li:hover {
   $(GRADIENT $(menu_bg_hover), $(menu_bg_hover2))
 }
 #cssmenu > ul > li > a {
   font-size: 14px;
   display: block;
-  background: url(../images/pattern.png) top left repeat;
   color: $(menu_a);
   text-shadow: 0 1px 1px $(menu_a_shadow);
   -moz-transition: background 0.4s;
   -webkit-transition: background 0.4s;
   transition: background 0.4s;
-  padding: 5px 0;
+  padding: 0.65em 1em;
 }
 #cssmenu > ul > li > a > span {
   display: block;
-  padding: 12px 10px;
-  $(VENDOR border-radius, 4px)
-  padding-top: 4px;
-  padding-bottom: 4px;
 }
 #cssmenu > ul > li.active:not(.has-sub):not(:first-child) > a {
-  border-top: 1px solid $(menu_active_border);
-  background-color: #555;
-  color: #eee;
+  background-color: $(menu_active_bg);
 }
 #cssmenu > ul > li.active.has-sub > a {
-  background-color: $(menu_active_bg);
+  background-color: $(menu_active_with_sub_bg);
 }
 #cssmenu > ul > li > a:hover {
   text-decoration: none;
@@ -193,28 +179,20 @@ GRADIENT=
   background$(COLON) linear-gradient($1 0%, $2 100%);
 _=
 
-martian_red=#632E29
-martian_red_light=#893A28
-
-bottom_border=#656659
 bottom_submenu_li=#d4d4d4
-top_bg=#66665e
-top_bg2=#45463d
-top_border=#818176
 _=
 
 menu_a=#ffffff
 menu_active_border=#333
 menu_a_shadow=#444
-menu_active_bg=#BA361B
-menu_bg=#666
-menu_bg2=$(menu_bg)
-menu_bg_hover=#777
+menu_active_bg=#444
+menu_active_with_sub_bg=#AF2323
+menu_bg_hover=$(menu_active_bg)
 menu_bg_hover2=$(menu_bg_hover)
 menu_first_shadow=#000000
 _=
 
-submenu_highlight=#e94f31
+submenu_highlight=$(menu_active_with_sub_bg)
 submenu_a=#666
 submenu_h=$(submenu_a)
 submenu_bg=#fff