aboutsummaryrefslogtreecommitdiff
path: root/views/default/css/elements
diff options
context:
space:
mode:
authorcash <cash.costello@gmail.com>2011-09-21 20:57:33 -0400
committercash <cash.costello@gmail.com>2011-09-21 20:57:33 -0400
commit9a44acd27b0f8fb63cd07af7e7232f6c2b29ecf5 (patch)
tree2303e4dc4cc21acfe0e0cc3001365837f0803627 /views/default/css/elements
parentc4ba4f5fadb75bbb93186bfc72af977e3a8475a6 (diff)
downloadelgg-9a44acd27b0f8fb63cd07af7e7232f6c2b29ecf5.tar.gz
elgg-9a44acd27b0f8fb63cd07af7e7232f6c2b29ecf5.tar.bz2
Fixes #3770 CSS only site menu that works in IE7
Diffstat (limited to 'views/default/css/elements')
-rw-r--r--views/default/css/elements/navigation.php123
1 files changed, 64 insertions, 59 deletions
diff --git a/views/default/css/elements/navigation.php b/views/default/css/elements/navigation.php
index b5388715e..9eef96eb9 100644
--- a/views/default/css/elements/navigation.php
+++ b/views/default/css/elements/navigation.php
@@ -169,95 +169,100 @@
}
.elgg-menu-site > li > a {
- font-weight: bold;
- padding: 3px 13px 0px 13px;
- height: 20px;
+ font-weight: bold;
+ padding: 3px 13px 0px 13px;
+ height: 20px;
}
.elgg-menu-site > li > a:hover {
- text-decoration: none;
+ text-decoration: none;
}
-
.elgg-menu-site-default {
- position: absolute;
- bottom: 0;
- left: 0;
- height: 23px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ height: 23px;
}
.elgg-menu-site-default > li {
- float: left;
- margin-right: 1px;
+ float: left;
+ margin-right: 1px;
}
-.elgg-menu-site-default > li > a {color: white}
+.elgg-menu-site-default > li > a {
+ color: white;
+}
+.elgg-menu-site > li > ul {
+ display: none;
+ background-color: white;
+}
+
+.elgg-menu-site > li:hover > ul {
+ display: block;
+}
.elgg-menu-site-default > .elgg-state-selected > a,
.elgg-menu-site-default > li:hover > a {
- background: white;
- color: #555;
-
- -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
- -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;
+ background: white;
+ color: #555;
+
+ -webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
+ -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 {
- display: none;
- position: relative;
- left: -1px;
- width: 100%;
- z-index: 1;
- min-width: 150px;
- border: 1px solid #999;
- border-top: 0;
-
- -webkit-border-radius: 0 0 4px 4px;
- -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);
-}
+ position: relative;
+ left: -1px;
+ width: 100%;
+ min-width: 150px;
+ border: 1px solid #999;
+ border-top: 0;
-li:hover > .elgg-menu-site-more {
- display: block;
+ -webkit-border-radius: 0 0 4px 4px;
+ -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);
}
.elgg-menu-site-more > li > a {
- background: white;
- color: #555;
-
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
-
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
+ background-color: white;
+ 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;
- color: white;
+ background: #4690D6;
+ color: white;
}
+
.elgg-menu-site-more > li:last-child > a,
.elgg-menu-site-more > li:last-child > a:hover {
- -webkit-border-radius: 0 0 4px 4px;
- -moz-border-radius: 0 0 4px 4px;
- 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;
}
.elgg-more > a:before {
- content: "\25BC";
- font-size: smaller;
- margin-right: 4px;
+ content: "\25BC";
+ font-size: smaller;
+ margin-right: 4px;
}
/* ***************************************