/pigeoncms/App_Themes/adminDefault/fsmenu_current.css

http://pigeoncms.googlecode.com/ · CSS · 125 lines · 78 code · 13 blank · 34 comment · 0 complexity · 04cafaaed94dd792344745a747008e62 MD5 · raw file 

    

  1. /* All <ul> tags in the menu including the first level */

    2. 

  2. .menulist, .menulist  ul {

    3. 

  3.  margin: 0;

    4. 

  4.  padding: 0px;	/*fu 0 */

    5. 

  5.  list-style: none;

    6. 

  6.  background-color: #154890;

    7. 

  7. }

    8. 

  8. 

    9. 

  9. /* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */

    10. 

  10. .menulist ul {

    11. 

  11.  display: none;

    12. 

  12.  position: absolute;

    13. 

  13.  top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */

    14. 

  14.  left: -1px;

    15. 

  15.  width: 150px;

    16. 

  16. }

    17. 

  17. 

    18. 

  18. /* Second and third etc. level submenus - position across from parent instead */

    19. 

  19. .menulist ul ul {

    20. 

  20.  top: -1px; margin-top: 0;

    21. 

  21.  left: 148px;

    22. 

  22. }

    23. 

  23. 

    24. 

  24. /*

    25. 

  25.  All menu items (<li> tags). 'float: left' lines them up horizontally, and they are

    26. 

  26.  positioned relatively to correctly offset submenus. Also, they have overlapping borders.

    27. 

  27. */

    28. 

  28. .menulist li

    29. 

  29. {

    30. 

  30.     float: left;

    31. 

  31.     display: block;

    32. 

  32.     position: relative;

    33. 

  33.     background: #154890;

    34. 

  34.     /*border: 1px solid #330;*/

    35. 

  35.     margin-right: -1px;

    36. 

  36.     color: white;

    37. 

  37.     /*font-size: 120%;*/

    38. 

  38. }

    39. 

  39. 

    40. 

  40. /* Items in submenus - override float/border/margin from above, restoring default vertical style */

    41. 

  41. .menulist ul li {

    42. 

  42.  float: none;

    43. 

  43.  margin: 0;

    44. 

  44.  margin-bottom: -1px;

    45. 

  45. }

    46. 

  46. .menulist ul>li:last-child {

    47. 

  47.  margin-bottom: 1px; /* Mozilla fix */

    48. 

  48. }

    49. 

  49. 

    50. 

  50. /* Links inside the menu */

    51. 

  51. .menulist a {

    52. 

  52. 	display: block;

    53. 

  53. 	padding: 3px 4px 3px 4px;

    54. 

  54. 	color: White;

    55. 

  55. 	text-decoration: none;

    56. 

  56. }

    57. 

  57. 

    58. 

  58. /* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

    59. 

  59. .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus , .menulist a.selected

    60. 

  60. {

    61. 

  61.     color: black;

    62. 

  62.     background-color: LightSteelBlue;

    63. 

  63.     text-decoration: none;

    64. 

  64. }

    65. 

  65. .menulist a.highlighted

    66. 

  66. {

    67. 

  67.     color: black;

    68. 

  68.     background-color: LightSteelBlue;

    69. 

  69. }

    70. 

  70. 

    71. 

  71. /*

    72. 

  72.  If you want per-item background images in your menu items, here's how to do it.

    73. 

  73.  1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">

    74. 

  74.  2) Copy and paste these next lines for each link you want to have an image:

    75. 

  75.     .menulist a#xyz {

    76. 

  76.       background-image: url(out.gif);

    77. 

  77.     }

    78. 

  78.     .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {

    79. 

  79.      background-image: url(over.gif);

    80. 

  80.     }

    81. 

  81. */

    82. 

  82. 

    83. 

  83. /* Only style submenu indicators within submenus. */

    84. 

  84. .menulist a .subind {

    85. 

  85.  display: none;

    86. 

  86. }

    87. 

  87. .menulist ul a .subind {

    88. 

  88.  display: block;

    89. 

  89.  float: right;

    90. 

  90. }

    91. 

  91. 

    92. 

  92. 

    93. 

  93. /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */

    94. 

  94. .menulist a {

    95. 

  95.  float: left;

    96. 

  96. }

    97. 

  97. .menulist ul a {

    98. 

  98.  float: none;

    99. 

  99. }

    100. 

  100. /* \*/

    101. 

  101. .menulist a {

    102. 

  102.  float: none;

    103. 

  103. }

    104. 

  104. /* */

    105. 

  105. 

    106. 

  106. 

    107. 

  107. /*

    108. 

  108.  HACKS: IE/Win:

    109. 

  109.  A small height on <li> and <a> tags and floating prevents gaps in menu.

    110. 

  110.  * html affects <=IE6 and *:first-child+html affects IE7.

    111. 

  111.  You may want to move these to browser-specific style sheets.

    112. 

  112. */

    113. 

  113. *:first-child+html .menulist ul li {

    114. 

  114.  float: left;

    115. 

  115.  width: 100%;

    116. 

  116. }

    117. 

  117. 

    118. 

  118. * html .menulist ul li {

    119. 

  119.  float: left;

    120. 

  120.  height: 1%;

    121. 

  121. }

    122. 

  122. * html .menulist ul a {

    123. 

  123.  height: 1%;

    124. 

  124. }

    125. 

  125. /* End Hacks */
    126.