diff options
Diffstat (limited to 'views/default/css/elements/navigation.php')
-rw-r--r-- | views/default/css/elements/navigation.php | 78 |
1 files changed, 52 insertions, 26 deletions
diff --git a/views/default/css/elements/navigation.php b/views/default/css/elements/navigation.php index 1f3be3539..613c6f7f2 100644 --- a/views/default/css/elements/navigation.php +++ b/views/default/css/elements/navigation.php @@ -21,9 +21,11 @@ text-align: center; } .elgg-pagination a, .elgg-pagination span { - padding: 2px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; + border-radius: 4px; + + padding: 2px 6px; color: #4690d6; border: 1px solid #4690d6; font-size: 12px; @@ -53,12 +55,14 @@ } .elgg-tabs li { float: left; - border: 2px solid #cccccc; + border: 2px solid #ccc; border-bottom: 0; - background: #eeeeee; + background: #eee; margin: 0 0 0 10px; - -moz-border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } .elgg-tabs a { text-decoration: none; @@ -66,14 +70,14 @@ padding: 3px 10px 0 10px; text-align: center; height: 21px; - color: #999999; + color: #999; } .elgg-tabs a:hover { background: #dedede; color:#4690D6; } .elgg-tabs .elgg-state-selected { - border-color: #cccccc; + border-color: #ccc; background: white; } .elgg-tabs .elgg-state-selected a { @@ -142,7 +146,7 @@ } .elgg-breadcrumbs > li > a { display: inline-block; - color: #999999; + color: #999; } .elgg-breadcrumbs > li > a:hover { color: #0054a7; @@ -168,7 +172,7 @@ .elgg-menu-topbar > li > a { padding: 2px 15px; - color: #eeeeee; + color: #eee; margin-top: 2px; line-height: 1.1em; } @@ -218,11 +222,15 @@ .elgg-menu-site-default > .elgg-state-selected > a, .elgg-menu-site-default > li:hover > a { background: white; - color: #555555; - -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); + color: #555; + -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); - -moz-border-radius: 4px 4px 0 0; + -moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); + box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25); + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } .elgg-menu-site-more { @@ -232,12 +240,16 @@ width: 100%; z-index: 7000; min-width: 150px; - border: 1px solid #999999; + border: 1px solid #999; border-top: 0; - -moz-border-radius: 0 0 4px 4px; + -webkit-border-radius: 0 0 4px 4px; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } li:hover > .elgg-menu-site-more { @@ -246,11 +258,15 @@ li:hover > .elgg-menu-site-more { .elgg-menu-site-more > li > a { background: white; - color: #555555; + color: #555; + -webkit-border-radius: 0; -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; -moz-box-shadow: none; + box-shadow: none; } .elgg-menu-site-more > li > a:hover { background: #4690D6; @@ -258,8 +274,8 @@ li:hover > .elgg-menu-site-more { } .elgg-menu-site-more > li:last-child > a, .elgg-menu-site-more > li:last-child > a:hover { - -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } @@ -286,18 +302,20 @@ li:hover > .elgg-menu-site-more { *************************************** */ .elgg-menu-filter { margin-bottom: 5px; - border-bottom: 2px solid #cccccc; + border-bottom: 2px solid #ccc; display: table; width: 100%; } .elgg-menu-filter > li { float: left; - border: 2px solid #cccccc; + border: 2px solid #ccc; border-bottom: 0; - background: #eeeeee; + background: #eee; margin: 0 0 0 10px; - -moz-border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } .elgg-menu-filter > li:hover { background: #dedede; @@ -305,17 +323,17 @@ li:hover > .elgg-menu-site-more { .elgg-menu-filter > li > a { text-decoration: none; display: block; - padding: 3px 10px 0 10px; + padding: 3px 10px 0; text-align: center; height: 21px; - color: #999999; + color: #999; } .elgg-menu-filter > li > a:hover { background: #dedede; color:#4690D6; } .elgg-menu-filter > .elgg-state-selected { - border-color: #cccccc; + border-color: #ccc; background: white; } .elgg-menu-filter > .elgg-state-selected > a { @@ -333,10 +351,13 @@ li:hover > .elgg-menu-site-more { .elgg-menu-page a { display: block; + -webkit-border-radius: 8px; -moz-border-radius: 8px; + border-radius: 8px; + background-color: white; - margin: 0 0 3px 0; + margin: 0 0 3px; padding: 2px 4px 2px 8px; } .elgg-menu-page a:hover { @@ -375,11 +396,13 @@ li:hover > .elgg-menu-site-more { border: solid 1px; border-color: #E5E5E5 #999 #999 #E5E5E5; background-color: #FFFFFF; + -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50); + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50); } .elgg-menu-hover > li { - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; } .elgg-menu-hover > li:last-child { border-bottom: none; @@ -392,7 +415,7 @@ li:hover > .elgg-menu-site-more { font-size: 92%; } .elgg-menu-hover a:hover { - background: #cccccc; + background: #ccc; text-decoration: none; } .elgg-menu-hover-admin a { @@ -443,8 +466,11 @@ li:hover > .elgg-menu-site-more { *************************************** */ .elgg-menu-owner-block li a { display: block; + -webkit-border-radius: 8px; -moz-border-radius: 8px; + border-radius: 8px; + background-color: white; margin: 3px 0 5px 0; padding: 2px 4px 2px 8px; |