/gespac/css/dropdown/default.css

http://gespac.googlecode.com/ · CSS · 82 lines · 32 code · 19 blank · 31 comment · 0 complexity · 04a2119079c0f8a2151dcf4ca645669a MD5 · raw file 

    

  1. @charset "UTF-8";

    2. 

  2. 

    3. 

  3. /** 

    4. 

  4.  * Default CSS Drop-Down Menu Theme

    5. 

  5.  *

    6. 

  6.  * @file		default.css

    7. 

  7.  * @name		Default

    8. 

  8.  * @version		0.1.1

    9. 

  9.  * @type		transitional

    10. 

  10.  * @browsers	Windows: IE5+, Opera7+, Firefox1+

    11. 

  11.  *				Mac OS: Safari2+, Firefox2+

    12. 

  12.  *

    13. 

  13.  * @link		http://www.lwis.net/

    14. 

  14.  * @copyright	2008 Live Web Institute. All Rights Reserved.

    15. 

  15.  *

    16. 

  16.  * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}

    17. 

  17.  * Expected directory tag - li

    18. 

  18.  *

    19. 

  19.  */

    20. 

  20. 

    21. 

  21. 

    22. 

  22. /*-------------------------------------------------/

    23. 

  23.  * @section		Base Drop-Down Styling

    24. 

  24.  * @structure	ul (unordered list)

    25. 

  25.  *				ul li (list item)

    26. 

  26.  *				ul li a (links)

    27. 

  27.  *				/*\.class|(li|a):hover/

    28. 

  28.  * @level sep	ul

    29. 

  29.  */

    30. 

  30. 

    31. 

  31.  

    32. 

  32. ul.dropdown {

    33. 

  33.  font-weight: bold;

    34. 

  34. }

    35. 

  35. 

    36. 

  36. 	ul.dropdown li {

    37. 

  37. 	 border-style: solid;

    38. 

  38. 	 border-width: 0 0 1px 0;

    39. 

  39. 	}

    40. 

  40. 

    41. 

  41. 	li.item:hover{

    42. 

  42. 	 background-color: #eee;

    43. 

  43. 	 color: #000;

    44. 

  44. 	}

    45. 

  45. 

    46. 

  46. 	ul.dropdown a:link,

    47. 

  47. 	ul.dropdown a:visited	{ color: #000; text-decoration: none; }

    48. 

  48. 	ul.dropdown a:hover		{ color: #000; }

    49. 

  49. 	ul.dropdown a:active	{ color: #ffa500; }

    50. 

  50. 

    51. 

  51. 

    52. 

  52. 	/* -- level mark -- */

    53. 

  53. 

    54. 

  54. 	ul.dropdown ul {

    55. 

  55. 	 width: 150px;

    56. 

  56. 	 margin-top: 1px;

    57. 

  57. 	}

    58. 

  58. 

    59. 

  59. 		ul.dropdown ul li {

    60. 

  60. 		 font-weight: normal;

    61. 

  61. 		}

    62. 

  62. 

    63. 

  63. 

    64. 

  64. 

    65. 

  65. /*-------------------------------------------------/

    66. 

  66.  * @section		Support Class `dir`

    67. 

  67.  * @level sep	ul, .class

    68. 

  68.  */

    69. 

  69. 

    70. 

  70. 

    71. 

  71. ul.dropdown *.dir {

    72. 

  72.  background-position: 100% 50%;

    73. 

  73.  background-repeat: no-repeat;

    74. 

  74. }

    75. 

  75. 

    76. 

  76. /* -- Components override -- */

    77. 

  77. 

    78. 

  78. ul.dropdown-horizontal ul *.dir {

    79. 

  79.  padding-right: 15px;

    80. 

  80.  background-position: 100% 50%;

    81. 

  81.  background-repeat: no-repeat;

    82. 

  82. }
    83.