color: black;
text-decoration: none;
}
-.elgg-page-menu li.selected > ul {
+.elgg-page-menu li.elgg-state-selected > ul {
display: block;
}
.elgg-page-menu .elgg-child-menu {
color: white;
text-decoration: none;
}
-
-<?php //@todo use "disabled" on the li ?>
-.elgg-pagination .inactive {
+.elgg-pagination .elgg-state-disabled {
color: #CCCCCC;
border-color: #CCCCCC;
}
-
-<?php //@todo Choose b/w elgg-state-active or elgg-state-selected ?>
-.elgg-pagination .active {
+.elgg-pagination .elgg-state-selected {
color: #555555;
border-color: #555555;
}
color: white;
text-decoration: none;
}
-
-<?php //@todo use "disabled" on the li ?>
-.elgg-pagination .inactive {
+.elgg-pagination .elgg-state-disabled {
color: #CCCCCC;
border-color: #CCCCCC;
}
-
-<?php //@todo Choose b/w elgg-state-active or elgg-state-selected ?>
-.elgg-pagination .active {
+.elgg-pagination .elgg-state-selected {
color: #555555;
border-color: #555555;
}
TABS
*************************************** */
.elgg-tabs {
- margin-bottom:5px;
+ margin-bottom: 5px;
border-bottom: 2px solid #cccccc;
- display:table;
- width:100%;
+ display: table;
+ width: 100%;
}
.elgg-tabs li {
float: left;
border-bottom-width: 0;
background: #eeeeee;
margin: 0 0 0 10px;
- -moz-border-radius-topleft:5px;
- -moz-border-radius-topright:5px;
- -webkit-border-top-left-radius:5px;
- -webkit-border-top-right-radius:5px;
+ -moz-border-radius-topleft: 5px;
+ -moz-border-radius-topright: 5px;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-top-right-radius: 5px;
}
.elgg-tabs a {
text-decoration: none;
display: block;
- padding:3px 10px 0 10px;
+ padding: 3px 10px 0 10px;
text-align: center;
- height:21px;
- color:#999999;
+ height: 21px;
+ color: #999999;
}
.elgg-tabs a:hover {
background: #dedede;
color:#4690D6;
}
-.elgg-tabs .selected {
+.elgg-tabs .elgg-state-selected {
border-color: #cccccc;
background: white;
}
-.elgg-tabs .selected a {
+.elgg-tabs .elgg-state-selected a {
position: relative;
top: 2px;
background: white;
.elgg-site-menu a:hover {
text-decoration: none;
}
-.elgg-site-menu li.selected a,
+.elgg-site-menu li.elgg-state-selected a,
.elgg-site-menu li a:hover,
.elgg-site-menu .elgg-more:hover a {
background: white;
color: white;
text-decoration: none;
}
-.elgg-page-menu li.selected > a {
+.elgg-page-menu li.elgg-state-selected > a {
background-color: #4690D6;
color: white;
}
*/
?>
-<?php //@todo * { ... }? ?>
/* ***************************************
RESET CSS
*************************************** */
$class = '';
$link_class = 'elgg-menu-closed';
if ($item->getSelected()) {
- $class = 'class="selected"';
+ $class = 'class="elgg-state-selected"';
$link_class = 'elgg-menu-opened';
}
$link = elgg_view('output/url', $pages->prev);
echo "<li>$link</li>";
} else {
- echo "<li><span class=\"inactive\">{$pages->prev['text']}</span></li>";
+ echo "<li><span class=\"elgg-state-disabled\">{$pages->prev['text']}</span></li>";
}
foreach ($pages->items as $page) {
if ($page == $current_page) {
- echo "<li><span class=\"active\">$page</span></li>";
+ echo "<li><span class=\"elgg-state-selected\">$page</span></li>";
} else {
$page_offset = (($page - 1) * $limit);
$url = elgg_http_add_url_query_elements($base_url, array($offset_key => $page_offset));
$link = elgg_view('output/url', $pages->next);
echo "<li>$link</li>";
} else {
- echo "<li><span class=\"inactive\">{$pages->next['text']}</span></li>";
+ echo "<li><span class=\"elgg-state-disabled\">{$pages->next['text']}</span></li>";
}
echo '</ul>';
/**
* Tab navigation
*
- * @uses string $vars['type'] horizontal || vertical - Defaults to horizontal (vertical TBI)
+ * @uses string $vars['type'] horizontal || vertical - Defaults to horizontal
* @uses array $vars['tabs'] A multi-dimensional array of tab entries in the format array(
* 'title' => string, // Title of link
* 'url' => string, // URL for the link
$selected = elgg_get_array_value('selected', $info, FALSE);
if ($selected) {
- $class .= ' selected';
+ $class .= ' elgg-state-selected';
}
$class_str = ($class) ? "class=\"$class\"" : '';