Advertisement
firoze

slick nav css

Mar 20th, 2015
387
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.87 KB | None | 0 0
  1. // sclick nav css
  2.  
  3. /*
  4. Mobile Menu Core Style
  5. */
  6.  
  7. .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
  8. .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
  9. .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
  10. .slicknav_menu .slicknav_no-text { margin: 0 }
  11. .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  12. .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
  13. .slicknav_nav { clear: both }
  14. .slicknav_nav ul,
  15. .slicknav_nav li { display: block }
  16. .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
  17. .slicknav_nav .slicknav_item { cursor: pointer; }
  18. .slicknav_nav .slicknav_row { display: block; }
  19. .slicknav_nav a { display: block }
  20. .slicknav_nav .slicknav_item a,
  21. .slicknav_nav .slicknav_parent-link a { display: inline }
  22. .slicknav_menu:before,
  23. .slicknav_menu:after { content: " "; display: table; }
  24. .slicknav_menu:after { clear: both }
  25. /* IE6/7 support */
  26. .slicknav_menu { *zoom: 1 }
  27.  
  28. /*
  29. User Default Style
  30. Change the following styles to modify the appearance of the menu.
  31. */
  32.  
  33. .slicknav_menu {
  34. font-size:16px;
  35. }
  36. /* Button */
  37. .slicknav_btn {
  38. margin: 5px 5px 6px;
  39. text-decoration:none;
  40. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  41. -webkit-border-radius: 4px;
  42. -moz-border-radius: 4px;
  43. border-radius: 4px;
  44. background-color:red;
  45. }
  46. /* Button Text */
  47. .slicknav_menu .slicknav_menutxt {
  48. color: #FFF;
  49. font-weight: bold;
  50. text-shadow: 0 1px 3px #000;
  51. }
  52. /* Button Lines */
  53. .slicknav_menu .slicknav_icon-bar {
  54. background-color: #f5f5f5;
  55. }
  56. .slicknav_menu {
  57. background:#2ECC71;
  58. padding:5px;
  59. }
  60. .slicknav_nav {
  61. color:#fff;
  62. margin:0;
  63. padding:0;
  64. font-size:0.875em;
  65. }
  66. .slicknav_nav, .slicknav_nav ul {
  67. list-style: none;
  68. overflow:hidden;
  69. }
  70. .slicknav_nav ul {
  71. padding:0;
  72. margin:0 0 0 20px;
  73. }
  74. .slicknav_nav .slicknav_row {
  75. padding:5px 10px;
  76. margin:2px 5px;
  77. }
  78. .slicknav_nav a{
  79. padding:5px 10px;
  80. margin:2px 5px;
  81. text-decoration:none;
  82. color:#fff;
  83. }
  84. .slicknav_nav .slicknav_item a,
  85. .slicknav_nav .slicknav_parent-link a {
  86. padding:0;
  87. margin:0;
  88. }
  89. .slicknav_nav .slicknav_row:hover {
  90. -webkit-border-radius: 6px;
  91. -moz-border-radius: 6px;
  92. border-radius: 6px;
  93. background:#ccc;
  94. color:#fff;
  95. }
  96. .slicknav_nav a:hover{
  97. background: none repeat scroll 0 0 #111111;
  98. color: #FFFFFF;
  99. }
  100. .slicknav_nav .slicknav_txtnode {
  101. margin-left:15px;
  102. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement