aboutsummaryrefslogtreecommitdiff
path: root/views/default/css
diff options
context:
space:
mode:
authorewinslow <ewinslow@36083f99-b078-4883-b0ff-0f9b5a30f544>2011-03-01 18:54:37 +0000
committerewinslow <ewinslow@36083f99-b078-4883-b0ff-0f9b5a30f544>2011-03-01 18:54:37 +0000
commit165fa6558c1bfd0a7261bdd51b027b54a46961b6 (patch)
tree0de59bfce5f64f7d1fb0e9951d0aea809a83d91d /views/default/css
parent49c91aa389416ee8cb66dbb4d3d7a2512c411790 (diff)
downloadelgg-165fa6558c1bfd0a7261bdd51b027b54a46961b6.tar.gz
elgg-165fa6558c1bfd0a7261bdd51b027b54a46961b6.tar.bz2
Refs #3021: elgg-section-$section => elgg-menu-$menu-$section
Added elgg-menu-hz for horizontal menus git-svn-id: http://code.elgg.org/elgg/trunk@8535 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'views/default/css')
-rw-r--r--views/default/css/admin.php4
-rw-r--r--views/default/css/elements/navigation.php54
2 files changed, 37 insertions, 21 deletions
diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index a6e1c1e85..b32e1382b 100644
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -698,10 +698,10 @@ a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
background: #cccccc;
text-decoration: none;
}
-.elgg-hover-admin a {
+.elgg-menu-hover-admin a {
color: red;
}
-.elgg-hover-admin a:hover {
+.elgg-menu-hover-admin a:hover {
color: white;
background-color: red;
}
diff --git a/views/default/css/elements/navigation.php b/views/default/css/elements/navigation.php
index d0bb4a630..210ff4cbe 100644
--- a/views/default/css/elements/navigation.php
+++ b/views/default/css/elements/navigation.php
@@ -85,22 +85,38 @@
/* ***************************************
* MENUS
*
- * .elgg-menu does two things:
- * 1) Vertically centers inline images and icons
- * 2) Abstracts commonly-duplicated code used when adding "separators" to horizontal menus
- *
- * To make a menu horizontal:
- * .elgg-menu-$menu > li {display:inline-block}
- *
- * To add separators to a horizontal menu:
- * .elgg-menu-$menu > li > a {display:inline-block}
- * .elgg-menu-$menu > li:after {content: '|'}
+ * To add separators to a menu:
+ * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
*************************************** */
-.elgg-menu > li {vertical-align: middle;position:relative}
-.elgg-menu > li:after {display: inline-block}
-.elgg-menu > li:last-child:after {display:none}
-.elgg-menu > li > a {display:block}
-.elgg-menu img, .elgg-menu .elgg-icon {vertical-align: middle; margin-top: -2px}
+/* For dropdown/flyout menus */
+.elgg-menu > li {
+ position:relative;
+}
+
+/* For separators */
+.elgg-menu > li:last-child:after {
+ display:none
+}
+
+/* Maximize click target */
+.elgg-menu > li > a {
+ display:block
+}
+
+/* Image placement correction */
+.elgg-menu img,
+.elgg-menu .elgg-icon {
+ vertical-align: middle;
+ margin-top: -2px;
+}
+
+/* Horizontal menus w/ separator support */
+.elgg-menu-hz > li,
+.elgg-menu-hz > li:after,
+.elgg-menu-hz > li > a {
+ display:inline-block;
+ vertical-align:middle;
+}
/* ***************************************
BREADCRUMBS
@@ -157,7 +173,7 @@
text-decoration: none;
}
-.elgg-menu-topbar.elgg-section-alt {
+.elgg-menu-topbar-alt {
float:right;
}
@@ -366,10 +382,10 @@
background: #cccccc;
text-decoration: none;
}
-.elgg-hover-admin a {
+.elgg-menu-hover-admin a {
color: red;
}
-.elgg-hover-admin a:hover {
+.elgg-menu-hover-admin a:hover {
color: white;
background-color: red;
}
@@ -388,7 +404,7 @@
padding: 0 4px;
}
-.elgg-menu-footer.elgg-section-alt {
+.elgg-menu-footer-alt {
float: right;
}