You are here

simpleblack.css in SimpleMenu 6

/* Simpleblack theme v1.0 for Simple Menu styled by duvien.com July 2010 */
.simplemenu-block {
  height: 28px;
  _margin-bottom: -20px;
}
#simplemenu {
  background: #101010 url(bkg.png) bottom left repeat-x;
  font: bold 11px/20px "Lucida Grande", Verdana, sans-serif;
  color: #fff;
  border-bottom: 1px solid #999;
  width: 100%;
  text-align: left;
  list-style-image: none;
}
#simplemenu .simplemenu-separator {
  display: block;
  margin: 0;
  background-color: #aaaaaa;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #101010;
  height: 2px;
}
#simplemenu a {
  background: transparent;
  border-bottom: none;
  display: block;
  border-right: 1px solid #323232;
  color: #eee;
  font-weight: bold;
  padding: 4px 10px;
  text-align: left;
  text-decoration: none; 
  text-shadow: 0px 1px 1px #000;
  width: auto;
  _width: 120px; /* Fix IE6 */
 
}   
#simplemenu li {
  text-align: left;
}   
#simplemenu li.expanded > a {
  background: url(right-green.gif) no-repeat 97%;
  padding-right: 2em;
  _padding-right: 0;
}
#simplemenu li.root > a {
  background: url(down-green.gif) no-repeat 97%;
}
#simplemenu li:hover,
#simplemenu li.sfHover,
#simplemenu a:focus,
#simplemenu a:hover,
#simplemenu a:active {
  background-color: #555;
  color: #fff;
}

ul#simplemenu a.active {
  background-color: #555;
  color: #fff;
}

#simplemenu li ul a {
  height: auto;
}

/* Second Sub level */
#simplemenu li li a {
  border-right: none;
  border-top: 1px solid #323232;
  padding: 6px 10px;
}

#simplemenu li li {
  background: #111;
  /*filter:alpha(opacity=88);*/
  opacity: 0.88;
  top: 7px;
}

/* Third Sub level */
#simplemenu li li li {
  /*filter:alpha(opacity=100);*/
  opacity: 1;
  top: 1px;
}

/* Second-and-more-level hovering */
#simplemenu li li:hover {
  background-color: #555;
  text-shadow: 0 0 1px 0 #111;
}
#simplemenu li li:hover a,
#simplemenu li li:hover li:hover a,
#simplemenu li li:hover li:hover li:hover a {
  color: #fff;
}

/* Fix for Garland theme */
.simplemenu-block ul li.expanded,
.simplemenu-block ul.menu li,
.simplemenu-block .item-list ul li,
.simplemenu-block li.leaf {
  background:none;
}

File

themes/simpleblack/simpleblack.css
View source
  1. /* Simpleblack theme v1.0 for Simple Menu styled by duvien.com July 2010 */
  2. .simplemenu-block {
  3. height: 28px;
  4. _margin-bottom: -20px;
  5. }
  6. #simplemenu {
  7. background: #101010 url(bkg.png) bottom left repeat-x;
  8. font: bold 11px/20px "Lucida Grande", Verdana, sans-serif;
  9. color: #fff;
  10. border-bottom: 1px solid #999;
  11. width: 100%;
  12. text-align: left;
  13. list-style-image: none;
  14. }
  15. #simplemenu .simplemenu-separator {
  16. display: block;
  17. margin: 0;
  18. background-color: #aaaaaa;
  19. border-top: 1px solid #525252;
  20. border-bottom: 1px solid #101010;
  21. height: 2px;
  22. }
  23. #simplemenu a {
  24. background: transparent;
  25. border-bottom: none;
  26. display: block;
  27. border-right: 1px solid #323232;
  28. color: #eee;
  29. font-weight: bold;
  30. padding: 4px 10px;
  31. text-align: left;
  32. text-decoration: none;
  33. text-shadow: 0px 1px 1px #000;
  34. width: auto;
  35. _width: 120px; /* Fix IE6 */
  36. }
  37. #simplemenu li {
  38. text-align: left;
  39. }
  40. #simplemenu li.expanded > a {
  41. background: url(right-green.gif) no-repeat 97%;
  42. padding-right: 2em;
  43. _padding-right: 0;
  44. }
  45. #simplemenu li.root > a {
  46. background: url(down-green.gif) no-repeat 97%;
  47. }
  48. #simplemenu li:hover,
  49. #simplemenu li.sfHover,
  50. #simplemenu a:focus,
  51. #simplemenu a:hover,
  52. #simplemenu a:active {
  53. background-color: #555;
  54. color: #fff;
  55. }
  56. ul#simplemenu a.active {
  57. background-color: #555;
  58. color: #fff;
  59. }
  60. #simplemenu li ul a {
  61. height: auto;
  62. }
  63. /* Second Sub level */
  64. #simplemenu li li a {
  65. border-right: none;
  66. border-top: 1px solid #323232;
  67. padding: 6px 10px;
  68. }
  69. #simplemenu li li {
  70. background: #111;
  71. /*filter:alpha(opacity=88);*/
  72. opacity: 0.88;
  73. top: 7px;
  74. }
  75. /* Third Sub level */
  76. #simplemenu li li li {
  77. /*filter:alpha(opacity=100);*/
  78. opacity: 1;
  79. top: 1px;
  80. }
  81. /* Second-and-more-level hovering */
  82. #simplemenu li li:hover {
  83. background-color: #555;
  84. text-shadow: 0 0 1px 0 #111;
  85. }
  86. #simplemenu li li:hover a,
  87. #simplemenu li li:hover li:hover a,
  88. #simplemenu li li:hover li:hover li:hover a {
  89. color: #fff;
  90. }
  91. /* Fix for Garland theme */
  92. .simplemenu-block ul li.expanded,
  93. .simplemenu-block ul.menu li,
  94. .simplemenu-block .item-list ul li,
  95. .simplemenu-block li.leaf {
  96. background:none;
  97. }