diff options
Diffstat (limited to 'views/default/css/elements/navigation.php')
| -rw-r--r-- | views/default/css/elements/navigation.php | 183 | 
1 files changed, 89 insertions, 94 deletions
| 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(<?php echo elgg_get_site_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; +} + | 
