[geeklog-cvs] Geeklog-1.x/public_html/layout/professional droplinemenu.css, 1.1, 1.2

Blaine Lang blaine at qs1489.pair.com
Sat Jan 5 18:45:52 EST 2008


Update of /cvsroot/geeklog/Geeklog-1.x/public_html/layout/professional
In directory qs1489.pair.com:/tmp/cvs-serv24110

Modified Files:
	droplinemenu.css 
Log Message:
Changes to support revised conifg manager menu

Index: droplinemenu.css
===================================================================
RCS file: /cvsroot/geeklog/Geeklog-1.x/public_html/layout/professional/droplinemenu.css,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** droplinemenu.css	29 Dec 2007 20:49:32 -0000	1.1
--- droplinemenu.css	5 Jan 2008 23:45:50 -0000	1.2
***************
*** 1,135 ****
- /* ================================================================
- 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/pro_dropline_dropdown.html
! Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
! This stylesheet and the associated (x)html may be modified in any
! way to fit your requirements.
! =================================================================== */
  
  
! .pro_linedrop {
! height:35px;
! width:100%;
! background:url(images/droplinemenu/black_0.gif);
! position:relative;
! font-family:arial, verdana, sans-serif;
! font-size:11px;
! z-index:500;
  }
  
! .pro_linedrop .select {
! margin:0;
! padding:0;
! list-style:none;
! white-space:nowrap;
  }
  
! .pro_linedrop li {
! float:left;
! background:url(images/droplinemenu/black_1.gif);
  }
  
  
! .pro_linedrop .select a {
! display:block;
! height:35px;
! float:left;
! background: url(images/droplinemenu/black_0.gif);
! padding:0 0 0 15px;
! text-decoration:none;
! line-height:33px;
! white-space:nowrap;
! color:#fc0;
  }
  
  
! .pro_linedrop .select a b {
! display:block;
! padding:0 30px 0 15px;
! background:url(images/droplinemenu/black_0.gif) right top;
  }
  
! .pro_linedrop .select li.line a b {
! background:url(images/droplinemenu/black_0a.gif) right top;
  }
  
! .pro_linedrop .select a:hover,
! .pro_linedrop .select li:hover a {
! background: url(images/droplinemenu/black_1.gif);
! padding:0 0 0 15px;
! cursor:pointer;
! color:#fff;
  }
  
  
! .pro_linedrop .select a:hover b,
! .pro_linedrop .select li:hover a b {
! display:block;
! padding:0 30px 0 15px;
! background:url(images/droplinemenu/black_1.gif) right top;
! cursor:pointer;
  }
  
! .pro_linedrop .select li.line a:hover b,
! .pro_linedrop .select li.line:hover a b {
! background:url(images/droplinemenu/black_1a.gif) right top;
  }
  
  
! .pro_linedrop .sub {
! display:none;
  }
- .pro_linedrop ul ul {display:none;}
  
! /* IE6 only */
! .pro_linedrop table {
! border-collapse:collapse;
! margin:-1px;
! font-size:1em;
! width:0;
! height:0;
  }
  
! .pro_linedrop .sub {
! margin:0;
! padding:0;
! list-style:none;
  }
  
! .pro_linedrop .sub li {background:transparent;}
  
! .pro_linedrop .select :hover .sub {
! height:25px;
! display:block;
! position:absolute;
! float:left;
! width:99.8%;
! top:35px;
! left:0;
! text-align:center;
! background:#fff url(images/droplinemenu/fade.gif);
! border:1px solid #aaa;
  }
  
! .sub li #current
! {
!     background: #666;
!     color: #FFF;
  }
  
! .sub li:hover #current
! {
!     background: #CCC;
!     color:#000;
  }
  
! .pro_linedrop .select :hover .sub li a
! {display:block; height:25px; line-height:22px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}
  
- .pro_linedrop .select :hover .sub li.subline a {color:#c00;}
  
! .pro_linedrop .select :hover .sub li a:hover,
! .pro_linedrop .select :hover .sub li:hover
! {color:#000; line-height:20px; position:relative; background:#fff url(images/droplinemenu/fade.gif) left bottom;}
--- 1,195 ----
  
! #dropline_menu_container {
!     height: 58px;
!     width: 100%;
!     margin: 0px auto;
!     position: relative;
!     background-color: #5E6D73;
!     padding-left:1px;
! }
  
+ /* The Menu */
  
! #dropline_menu {
!     margin: 0;
!     padding: 0;
!     position: absolute;
!     top: 0;
!     height: 58px;
!     width: 100%;
!     font: bold 11px "Lucida Sans", Lucida, Verdana, sans-serif;
  }
  
! /* All lists must float */
! 
! #dropline_menu ul {
!     margin: 0;
!     padding: 0;
!     float: left;
  }
  
! /* Hide 3rd Level */
! #dropline_menu ul ul ul {
!     left: -20000px;
  }
  
+ /* All list-items must obey parent selector */
  
! #dropline_menu li {
!     padding: 0;
!     margin: 0;
!     float: left;
!     display: block;
  }
  
  
! /* Second level lists hide by default */
! 
! #dropline_menu li ul {
!     display: none;
!     margin: 0;
!     padding: 0;
!     position: absolute;
!     top:29px;
!     height: 28px;
!     overflow:hidden;
!     left: 0;
!     width:100%;
  }
  
! /* IE needs to know we are on a computer */
! 
! #dropline_menu a {
!     text-decoration: none;
!     cursor: pointer;
  }
  
! /* Underline all sublevel hover a.links */
! 
! #dropline_menu li ul a:hover,
! #dropline_menu li.active ul a:hover {
!     text-decoration: underline;
  }
  
+ /* Underline all sublevel active a.links */
  
! #dropline_menu li li.active a,
! #dropline_menu li li.active:hover a,
! #dropline_menu li li.sfhover.active a {
!      text-decoration: underline;
  }
  
! 
! /* Keeps sublevel persistant */
! 
! #dropline_menu li.active ul {
!     display: block;
  }
  
+ /* Makes sure sublevels stay on top */
  
! #dropline_menu li:hover ul, #dropline_menu li.sfhover ul {
!     display: block;
!     z-index: 6000;
  }
  
! /* Top level a.links (sizes only) */
! 
! #dropline_menu li a {
!     display: block;
!     float: left;
!     padding: 0 15px;
!     height: 29px;
!     line-height: 29px;
!     /*_line-height: 27px;*/
  }
  
! /* Second level a.links */
! 
! #dropline_menu li ul a, #dropline_menu li.active ul a {
!     display: block;
!     float: left;
!     font-weight: normal;
!     padding: 0 10px;
!     background: none;
!     height: 24px;
!     line-height: 24px;
  }
  
! /* First level list-items */
  
! #dropline_menu ul li {
!     background: url(images/droplinemenu/menu_normal.png) no-repeat left top;
!     margin-right: 1px;
!     border-right: 1px solid #869A9F;
  }
+ /* First level list-items (hover) */
  
! #dropline_menu ul li:hover,
! #dropline_menu ul li.sfhover
!  {
!     background: url(images/droplinemenu/menu_over.png) no-repeat left top;
  }
  
! /* First level normal a.link */
! 
! #dropline_menu ul li a {
!     color: #fff;
  }
  
! /* Second level normal a.link */
  
  
! #dropline_menu ul li:hover ul,
! #dropline_menu li:hover a:link,
! #dropline_menu li:hover a:visited,
! #dropline_menu li.sfhover a:link,
! #dropline_menu li.sfhover a:visited {
!     color: #3d3d3d;
! }
! 
! #dropline_menu ul li ul,
! #dropline_menu ul li.active a:link,
! #dropline_menu ul li.active a:visited,
! #dropline_menu ul li.active ul:hover,
! #dropline_menu ul li.active:hover ul,
! #dropline_menu ul li.active ul.sfhover,
! #dropline_menu ul li.active.sfhover ul {
!     background:#C9CFD3;
!     color: #fff;
! }
! 
! #dropline_menu ul li.active a:link,
! #dropline_menu ul li.active a:visited,
! #dropline_menu ul li.active ul.sfhover
!  {
!     background-color: #3d3d3d;
!     background: url(images/droplinemenu/menu_active.png) no-repeat left top;
!     color: #3d3d3d;
! }
! #dropline_menu li.active li a:link,
! #dropline_menu li.active li a:visited,
! #dropline_menu li.active li a:hover,
! #dropline_menu li:hover ul li a:link,
! #dropline_menu li:hover ul li a:visited,
! #dropline_menu li:hover ul li a:hover,
! #dropline_menu li.sfhover ul li a:link,
! #dropline_menu li.sfhover ul li a:visited,
! #dropline_menu li.sfhover ul li a:hover,
! #dropline_menu li li a:link,
! #dropline_menu li li a:visited,
! #dropline_menu li li a:hover
! {
!     background: #C9CFD3 url(images/droplinemenu/sublevel_divider.png) no-repeat 100% 60%;
!     border: none;
!     background-color: #C9CFD3;
!     padding: 1px 5px;
!     color: #333;
! 
! }
! #dropline_menu ul li.active ul li,
! #dropline_menu ul li ul li
! {
!     border: none;
! }
! 




More information about the geeklog-cvs mailing list