mirror of
https://github.com/librenms/librenms.git
synced 2024-10-07 16:52:45 +00:00
ff70062aa9
git-svn-id: http://www.observium.org/svn/observer/trunk@2 61d68cd4-352d-0410-923a-c4978735b2b8
106 lines
4.4 KiB
CSS
106 lines
4.4 KiB
CSS
/* ================================================================
|
|
This copyright notice must be untouched at all times.
|
|
|
|
The original version of this stylesheet and the associated (x)html
|
|
is available at http://www.cssplay.co.uk/menus/drop_examples.html
|
|
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
|
|
This stylesheet and the assocaited (x)html may be modified in any
|
|
way to fit your requirements.
|
|
=================================================================== */
|
|
/* commom style for all browsers */
|
|
.container4 {
|
|
text-align:center; background:#eee url(menu4.gif); border:1px solid #e5e5e5; height:30px;
|
|
}
|
|
.menu4 {
|
|
text-align:left;
|
|
font-family: verdana, sans-serif;
|
|
position:relative;
|
|
font-size:x-small;
|
|
background:transparent;
|
|
width:600px;
|
|
height:30px;
|
|
}
|
|
.menu4 ul {
|
|
padding:0; margin:0; list-style-type: none;
|
|
}
|
|
.menu4 ul li {
|
|
float:left; position:relative; margin: 0px;
|
|
}
|
|
.menu4 ul li.home {background:transparent url(menu4home.gif);}
|
|
.menu4 ul li.products {background:transparent url(menu4products.gif);}
|
|
.menu4 ul li.services {background:transparent url(menu4services.gif);}
|
|
.menu4 ul li.contact {background:transparent url(menu4contact.gif);}
|
|
.menu4 ul li.site {background:transparent url(menu4site.gif);}
|
|
.menu4 ul li.news {background:transparent url(menu4news.gif);}
|
|
.menu4 ul li.subprod {background:transparent url(menu4subprod.gif) no-repeat;}
|
|
.menu4 ul li.subprod2 {background:transparent url(menu4subprod2.gif) no-repeat;}
|
|
.menu4 ul li.subprod3 {background:transparent url(menu4subprod3.gif) no-repeat;}
|
|
.menu4 ul li.subnews {background:transparent url(menu4subnews.gif) no-repeat;}
|
|
.menu4 ul li.subnews2 {background:transparent url(menu4subnews2.gif) no-repeat;}
|
|
.menu4 ul li.subnews3 {background:transparent url(menu4subnews3.gif) no-repeat;}
|
|
.menu4 ul li.subserv {background:transparent url(menu4subserv.gif) no-repeat;}
|
|
.menu4 ul li.subserv2 {background:transparent url(menu4subserv2.gif) no-repeat;}
|
|
.menu4 ul li.subserv3 {background:transparent url(menu4subserv3.gif) no-repeat;}
|
|
.menu4 ul li.subserv4 {background:transparent url(menu4subserv4.gif) no-repeat;}
|
|
.menu4 ul li.subserv5 {background:transparent url(menu4subserv5.gif) no-repeat;}
|
|
.menu4 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
|
|
.menu4 ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}
|
|
|
|
.menu4 ul li a, .menu4 ul li a:visited {
|
|
display:block; text-decoration:none; width:70px; height:30px; color:#000; padding-left:30px; line-height:29px;
|
|
}
|
|
* html .menu4 ul li a, .menu4 ul li a:visited {
|
|
width:100px; width:70px;
|
|
}
|
|
|
|
.menu4 ul li ul {
|
|
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
|
|
}
|
|
.menu4 table {
|
|
margin:-1px; border-collapse:collapse; font-size:1em;
|
|
}
|
|
|
|
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
|
|
.menu4 ul li:hover a,
|
|
.menu4 ul li a:hover {
|
|
color:#c00; text-decoration:underline; border:0;
|
|
}
|
|
.menu4 ul li:hover ul,
|
|
.menu4 ul li a:hover ul {
|
|
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
|
|
}
|
|
.menu4 ul li:hover ul li a,
|
|
.menu4 ul li a:hover ul li a {
|
|
display:block; background:transparent; text-decoration:none; color:#c00; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
|
|
}
|
|
.menu4 ul li:hover ul li a.drop,
|
|
.menu4 ul li a:hover ul li a.drop {
|
|
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
|
|
}
|
|
.menu4 ul li:hover ul li ul,
|
|
.menu4 ul li a:hover ul li a ul {
|
|
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
|
|
}
|
|
.menu4 ul li:hover ul li a:hover,
|
|
.menu4 ul li a:hover ul li a:hover {
|
|
color:#00f; text-decoration:underline;
|
|
}
|
|
.menu4 ul li:hover ul li:hover ul,
|
|
.menu4 ul li a:hover ul li a:hover ul {
|
|
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
|
|
}
|
|
.menu4 ul li:hover ul li:hover ul.left,
|
|
.menu4 ul li a:hover ul li a:hover ul.left {
|
|
left:-166px;
|
|
}
|
|
.menu4 ul li:hover ul li:hover ul li a,
|
|
.menu4 ul li a:hover ul li a:hover ul li a {
|
|
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
|
|
}
|
|
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}
|
|
|
|
.menu4 ul li:hover ul li:hover ul li:hover a,
|
|
.menu4 ul li a:hover ul li a:hover ul li a:hover {
|
|
color:#000; text-decoration:underline;
|
|
}
|