From f116fd14efb9173eddc95636c2f876fca25195ed Mon Sep 17 00:00:00 2001 From: cash Date: Fri, 10 Dec 2010 02:31:15 +0000 Subject: stage 1 of cleaning up page header css git-svn-id: http://code.elgg.org/elgg/trunk@7589 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/elements/navigation.php | 183 +++++++++++++++--------------- 1 file changed, 89 insertions(+), 94 deletions(-) (limited to 'views/default/css/elements/navigation.php') diff --git a/views/default/css/elements/navigation.php b/views/default/css/elements/navigation.php index 1321dac4b..f5871f33e 100644 --- a/views/default/css/elements/navigation.php +++ b/views/default/css/elements/navigation.php @@ -6,11 +6,10 @@ * @subpackage UI */ ?> + /* *************************************** - Navigation + PAGINATION *************************************** */ - -/* Pagination */ .elgg-pagination { margin: 10px 0; display: block; @@ -42,7 +41,9 @@ color: #555555; border-color: #555555; } -/* Tabs */ +/* *************************************** + TABS +*************************************** */ .elgg-horizontal-tabbed-nav { margin-bottom:5px; padding: 0; @@ -87,7 +88,9 @@ top: 2px; background: white; } -/* Breadcrumbs */ +/* *************************************** + BREADCRUMBS +*************************************** */ .elgg-breadcrumbs { font-size: 80%; font-weight: bold; @@ -118,98 +121,43 @@ top:-6px; left:0; } -/* Menu */ -.submenu { - margin:0; - padding:0; - list-style: none; -} -.submenu ul { - margin-bottom:0; - padding-left:0; - list-style: none; -} -.submenu li.selected a, -.submenu li.selected li.selected a, -.submenu li.selected li.selected li.selected a { - background: #4690D6; - color:white; -} -.submenu li a { - display:block; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - background-color:white; - margin:0 0 3px 0; - padding:2px 4px 2px 8px; -} -.submenu li a:hover { - background:#0054A7; - color:white; - text-decoration:none; -} -.submenu .child li a { - margin-left:15px; - background-color:white; - color:#4690D6; -} -.submenu .child li a:hover { - background:#0054A7; - color:white; - text-decoration:none; -} - -.navigation, -.navigation ul { - margin:0; - padding:0; - display:inline; - float:left; - list-style-type: none; +/* *************************************** + SITE MENU +*************************************** */ +.elgg-site-menu { + position: absolute; + height: 23px; + bottom: 0; + left: 0; + width: auto; z-index: 7000; - position: relative; } -.navigation li { - list-style: none; - font-weight: bold; - position: relative; - display:block; - height:23px; - float:left; - margin:0; - padding:0; +.elgg-site-menu li { + display: block; + float: left; + height: 23px; + margin-right: 1px; } -.navigation a { - color:white; - margin:0 1px 0 0px; - text-decoration:none; +.elgg-site-menu a { + color: white; + text-decoration: none; font-weight: bold; - font-size: 1em; - padding:3px 13px 0px 13px; - height:20px; - cursor: pointer; - display:block; + padding: 3px 13px 0px 13px; + height: 20px; + display: block; } -.navigation li a:hover { - background:white; - color:#555555; - -moz-border-radius-topleft:4px; - -moz-border-radius-topright:4px; - -webkit-border-top-left-radius:4px; - -webkit-border-top-right-radius:4px; +.elgg-site-menu li.selected a, .elgg-site-menu li a:hover { + background: white; + color: #555555; -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; } -.navigation li.selected a { - background:white; - color:#555555; - -moz-border-radius-topleft:4px; - -moz-border-radius-topright:4px; - -webkit-border-top-left-radius:4px; - -webkit-border-top-right-radius:4px; - margin-top:1px; - -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); + +.elgg-site-menu .elgg-more { } li.navigation-more { overflow:hidden; @@ -217,6 +165,7 @@ li.navigation-more { li.navigation-more:hover { overflow:visible; } + li.navigation-more:hover a { background:white; color:#555555; @@ -227,6 +176,7 @@ li.navigation-more:hover a { -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); } + li.navigation-more a.subnav span { background-image: url(_graphics/elgg_sprites.png); background-repeat: no-repeat; @@ -255,7 +205,7 @@ li.navigation-more ul { li.navigation-more ul li { float:none; } -.navigation li.navigation-more ul li a { +.elgg-site-menu li.navigation-more ul li a { background:white; color:#555555; margin:0; @@ -264,14 +214,14 @@ li.navigation-more ul li { -webkit-box-shadow: none; -moz-box-shadow: none; } -.navigation li.navigation-more ul li:last-child a, -.navigation li.navigation-more ul li:last-child a:hover { +.elgg-site-menun li.navigation-more ul li:last-child a, +.elgg-site-menu li.navigation-more ul li:last-child a:hover { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; } -.navigation li.navigation-more ul li a:hover { +.elgg-site-menu li.navigation-more ul li a:hover { background:#4690D6; color:white; margin:0; @@ -280,7 +230,52 @@ li.navigation-more ul li { -webkit-box-shadow: none; -moz-box-shadow: none; } -.navigation li.navigation-more ul li.selected a { +.elgg-site-menu li.navigation-more ul li.selected a { background:#4690D6; color:white; } + + +/* *************************************** + PAGE MENU +*************************************** */ +.submenu { + margin:0; + padding:0; + list-style: none; +} +.submenu ul { + margin-bottom:0; + padding-left:0; + list-style: none; +} +.submenu li.selected a, +.submenu li.selected li.selected a, +.submenu li.selected li.selected li.selected a { + background: #4690D6; + color:white; +} +.submenu li a { + display:block; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color:white; + margin:0 0 3px 0; + padding:2px 4px 2px 8px; +} +.submenu li a:hover { + background:#0054A7; + color:white; + text-decoration:none; +} +.submenu .child li a { + margin-left:15px; + background-color:white; + color:#4690D6; +} +.submenu .child li a:hover { + background:#0054A7; + color:white; + text-decoration:none; +} + -- cgit v1.2.3