summaryrefslogtreecommitdiffstats
path: root/themes/greyblock
diff options
context:
space:
mode:
authorKarl 'vollmerk' Vollmer <vollmer@ampache.org>2006-01-08 04:57:19 +0000
committerKarl 'vollmerk' Vollmer <vollmer@ampache.org>2006-01-08 04:57:19 +0000
commit2bb59dfa45f008846305c62962616bd3fff3884d (patch)
treeea27d68aac0318246c3a857924c736e96fdeb4a3 /themes/greyblock
parenta3b348ff76a133966173db3cc7a741f342ac5c63 (diff)
downloadampache-2bb59dfa45f008846305c62962616bd3fff3884d.tar.gz
ampache-2bb59dfa45f008846305c62962616bd3fff3884d.tar.bz2
ampache-2bb59dfa45f008846305c62962616bd3fff3884d.zip
tweaks from sigger
Diffstat (limited to 'themes/greyblock')
-rw-r--r--themes/greyblock/templates/style.inc98
1 files changed, 5 insertions, 93 deletions
diff --git a/themes/greyblock/templates/style.inc b/themes/greyblock/templates/style.inc
index a79297c6..204c074e 100644
--- a/themes/greyblock/templates/style.inc
+++ b/themes/greyblock/templates/style.inc
@@ -27,24 +27,6 @@
*/
?>
-<script type="text/javascript" language="javascript">
-<!-- Begin Suckerfish hover menu JS
-// function needed for IE. attaches mouseover/out events to give/remove css class .sfhover (fake hover)
-sfHover = function(navlist) {
-var sfEls = document.getElementById("navlist").getElementsByTagName("LI");
-for (var i=0; i <sfEls.length; i++) {
- sfEls[i].onmouseover=function() {
- this.className+=" sfhover";
- }
- sfEls[i].onmouseout=function() {
- this.className=this.className.replace(new RegExp("sfhover\\b"), "");
- }
-} // end for
-} // end function for sfHover
-if (window.attachEvent) window.attachEvent("onload", sfHover);
-// End Suckerfish hover menu JS-->
-</script>
-
<style type="text/css">
<!--
body
@@ -223,11 +205,15 @@ if (window.attachEvent) window.attachEvent("onload", sfHover);
padding-left: 0px;
background: <?php echo conf('base_color2'); ?>;
}
+/* These three lines make a menu vertical */
+ #content { float: none; }
+ #sidebar li { float: none; }
+ #sidebar li ul { margin: -1.5em 0 0 9em; }
/**
* Div Definitions
* These define how the page is layed out, be careful with these as changes to them
* can cause drastic layout changes
- */
+
#maincontainer
{
margin: 0px;
@@ -247,80 +233,6 @@ if (window.attachEvent) window.attachEvent("onload", sfHover);
{
float: left;
}
- #navcontainer ul li
- {
- float:left;
- width:100%;
- }
-
- .subnavbutton
- {
- background-color: <?php echo conf('row_color1'); ?>;
- text-align:center;
- text-decoration: none;
- color: <?php echo conf('font_color2'); ?>;
- }
-
- #content
- {
- margin-left:0px;
- }
-/**
- * Experimental for menus (Thx Sigger)
- * TO DO: Fill in 1px border around menus & submenu items
- * Make padding appply to the li, not just an a. Moving paddng: to li throws off the dropdown menu alignment.
- */
- #sidebar {
- clear: both;
- height: 100%;
- margin: 0;
- float: left;
- /* width: 110px; /* this controls the width of the sidebar. horizontal menu needs more width */
- padding: 0;
- list-style: none;
- border: 1px solid #000;
- line-height: 1;
- }
- #sidebar ul {
- margin: 0px;
- list-style: none;
- padding: 0px;
- font-family: verdana, arial, Helvetica, sans-serif;
- line-height: 1;
- }
- #sidebar li {
-/* margin: 0 0 1px 0; */
- margin: 0;
- display: block;
- border-bottom: 1px solid white;
- border-left: 1px solid white;
- border-right: 1px solid white;
- padding: 5px 0px 5px 10px;
- width: 10em;
- background-color: <?php echo conf('row_color2'); ?>;
- }
- #sidebar a, .navbutton {
- display: block; /*Not sure why this is neccesary, but it is for IE*/
- text-decoration: none;
- }
- #sidebar li:hover, #sidebar li.sfhover {
- color: <?php echo conf('font_color2'); ?>;
- background-color: <?php echo conf('row_color3'); ?>;
- }
- #sidebar li:active {
- background-color: <?php echo conf('row_color1'); ?>;
- }
- #sidebar li ul {
- float: left;
- position: absolute;
- width: 12em;
- margin: -1.5em 0 0 10em;
-/* -2em 0 0 10em for vertical menu puts the submenu back up and to the right of the hovered menu item by "the right amount"*/
- left: -999em; /* this puts the submenu item way off to the left until it's called back by a hover (below) */
- }
- #sidebar li:hover ul, #sidebar li.sfhover ul {
- left: auto; /* this calls the submenu back when the parent li is hovered. */
- }
/**
* End Div Definitions
* This is the end of the main structure def's