summaryrefslogtreecommitdiffstats
path: root/templates/default.css
diff options
context:
space:
mode:
Diffstat (limited to 'templates/default.css')
-rw-r--r--templates/default.css121
1 files changed, 81 insertions, 40 deletions
diff --git a/templates/default.css b/templates/default.css
index d267cc0d..e084e2ca 100644
--- a/templates/default.css
+++ b/templates/default.css
@@ -165,9 +165,6 @@ textarea {
font-size: 11px;
cursor: pointer;
}
-/* These three lines make a menu vertical */
- #sidebar li { float: none; }
- #sidebar li ul { margin: -1.5em 0 0 9em; }
/* ////////////////////////////////////////////////////////////////*/
/* De aqui pa'bajo, ros esta creando una hoja de estilos unica para todo Ampache */
@@ -258,21 +255,25 @@ div#Header{
* Make padding apply to the li, not just an a. Moving padding: to li throws off the dropdown menu alignment.
*/
-div#sidebar{
+
+#sidebar{
clear:both;
position:absolute;
left:5px;
top:87px;
}
+#sidebar select {
+ width: 95%;
+}
+
#sidebar h3 {
- border:0px;
+ border:0;
width: 120px;
height: 28px;
- margin:0px;
- padding:0px;
- background: transparent url("../themes/classic/images/sidebar_top.jpg") no-repeat left;
-
+ margin:0;
+ padding:0;
+ background: transparent url(../themes/classic/images/sidebar_top.jpg) no-repeat left;
}
#sidebar h3 span {
@@ -280,59 +281,99 @@ div#sidebar{
}
#sidebar ul {
- margin: 0px;
list-style: none;
font-family:Arial, Helvetica, Sans-Serif;
- font-size:10px;
- padding: 0px;
- line-height: 1.0;
+ font-size: 10px;
+ margin: 0;
+ padding: 0;
+ line-height: 1em;
+}
+
+#sidebar ul.subnavside {
+ display: none;
+ position: absolute;
+ width: 9em;
+ top: -1px;
+ left: 11.5em;
+ font-size: 1em;
+ z-index: 1;
}
#sidebar li {
+ float: left;
+ clear: both;
+ display: inline; /* IE6 Patch */
+ position: relative;
+ width: 13em;
+ width: /**/11.5em; /* Only IE5.5 can't see this */
margin: 0;
- display: block;
border-bottom: 1px solid #8B8B8B;
border-left: 1px solid #8B8B8B;
border-right: 4px solid #B4B4B4;
border-top: 1px solid #8B8B8B;
- /* float: left; /* use for horizontal menu; comment out otherwise */
- padding: 5px 0px 5px 10px;
- width: 10.5em;
- background-color:#FFFFFF;
+ background:#fff;
}
#sidebar ul.subnavside li {
border-right: 1px solid #B4B4B4;
}
-#sidebar a, .navbutton {
- display: block; /*Not sure why this is neccesary, but it is for IE*/
+#sidebar a, #sidebar .navbutton {
+ display: block;
+ position: relative;
text-decoration: none;
+ padding: .5em 0 .5em 1em;
}
-#sidebar li:hover, #sidebar li.sfhover {
- color:#000000;
- background-color:#DDDDDD;
+#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {
+ display:block;
}
-#sidebar li.hover:active {
- background-color:#CCCCCC;
- z-index:30;
-}
-
-#sidebar li ul {
- float: left;
- position: absolute;
- width: 9em;
- margin: -1.5em 0 0 10.5em; /* for vertical menu; comment out otherwise */
-/* margin: 0.5em 0 0 -1.1em; /* for horizontal menu; comment out otherwise */
- left: -999em; /* this -999em puts the submenu item way off to the left until it's called back by a hover (below) */
- z-index:30;
+#sidebar li:hover, #sidebar li.sfhover, #sidebar li.activetopmenu {
+ color:#000;
+ background-color:#ddd;
}
-#sidebar li:hover ul, #sidebar li.sfhover ul {
- left: auto; /* this calls the submenu back when the parent li is hovered. */
-}
+#sidebar li.hover:active {
+ background-color:#ccc;
+ z-index:30;
+}
+
+/* For horizontal menu */
+.horizontal_menu #content {margin:3em 0 0 2em;}
+.horizontal_menu #sidebar { width: auto; top: 85px;}
+.horizontal_menu #sidebar h3 { display: none; }
+.horizontal_menu #sidebar li { clear: none; border:1px solid #8b8b8b}
+.horizontal_menu #sidebar ul.subnavside { left: 0; top: 2em; }
+
+
+/* Menu Elements Display (icons, visibility...) */
+#sidebar_home a { }
+#sidebar_admin a { }
+#sidebar_prefs a { }
+#sidebar_browse a { }
+#sidebar_plists a { }
+#sidebar_stats a { }
+#sidebar_search a { }
+#sidebar #sidebar_subsearch { }
+#sidebar_random a { }
+#sidebar_form { }
+#sidebar_localplay a { }
+#sidebar_localplay_ctrl { }
+#sidebar_logout a { }
+
+#sidebar_admin_users a { }
+#sidebar_admin_mail_users a { }
+#sidebar_admin_catalog a { }
+#sidebar_admin_config a { }
+#sidebar_admin_access_list a { }
+
+#sidebar_browse_albums a { }
+#sidebar_browse_artists a { }
+#sidebar_browse_genre a { }
+#sidebar_browse_song_title a { }
+#sidebar_browse_lists a { }
+
/* Styles for Now Playing */
#nowplaying{
@@ -594,6 +635,7 @@ li.current-rating{
.np_row {
padding-top: 3px;
padding-bottom: 3px;
+ display: block;
}
.np_cell {
margin: 10px;
@@ -666,4 +708,3 @@ td.user_offline {
td.user_disabled {
background-color: gray;
}
-