API tools faq
paste
Advertisement
prasannasp

Menu item background colour

prasannasp
Feb 14th, 2013
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.56 KB | None | 0 0
raw download clone embed print report
  1. /*Home current menu item and hover*/
  2. #menu-item-12.current-menu-item, #menu-item-12:hover {
  3. background: linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  4. background: -o-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  5. background: -moz-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  6. background: -webkit-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  7. background: -ms-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  8.  
  9. background: -webkit-gradient(
  10.     linear,
  11.     left bottom,
  12.     left top,
  13.     color-stop(0.15, rgb(157,25,26)),
  14.     color-stop(0.58, rgb(189,53,52)),
  15.     color-stop(0.79, rgb(227,80,78))
  16. ) !important;
  17. }
  18.  
  19. /*Wordpress current menu item and hover*/
  20. #menu-item-428.current-menu-item, #menu-item-428:hover {
  21. background: linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  22. background: -o-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  23. background: -moz-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  24. background: -webkit-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  25. background: -ms-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  26.  
  27. background: -webkit-gradient(
  28.     linear,
  29.     left bottom,
  30.     left top,
  31.     color-stop(0.49, rgb(186,43,70)),
  32.     color-stop(0.75, rgb(224,69,98)),
  33.     color-stop(0.88, rgb(255,97,128))
  34. ) !important;
  35. }
  36.  
  37. /*Graphene hover and current menu item*/
  38. #menu-item-1023:hover, #menu-item-1023.current-menu-item {
  39. background: linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  40. background: -o-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  41. background: -moz-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  42. background: -webkit-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  43. background: -ms-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  44.  
  45. background: -webkit-gradient(
  46.     linear,
  47.     left bottom,
  48.     left top,
  49.     color-stop(0.45, rgb(53,28,150)),
  50.     color-stop(0.73, rgb(80,56,180))
  51. ) !important;
  52. }
  53.  
  54. /*Technology*/
  55. #menu-item-429.current-menu-item, #menu-item-429:hover {
  56. background: linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  57. background: -o-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  58. background: -moz-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  59. background: -webkit-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  60. background: -ms-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  61.  
  62. background: -webkit-gradient(
  63.     linear,
  64.     left bottom,
  65.     left top,
  66.     color-stop(0.44, rgb(2,134,6)),
  67.     color-stop(0.72, rgb(28,161,32))
  68. ) !important;
  69. }
  70.  
  71. /*Linux*/
  72. #menu-item-430:hover, #menu-item-430.current-menu-item {
  73. background: linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  74. background: -o-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  75. background: -moz-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  76. background: -webkit-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  77. background: -ms-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  78.  
  79. background: -webkit-gradient(
  80.     linear,
  81.     left bottom,
  82.     left top,
  83.     color-stop(0.06, rgb(132,21,56)),
  84.     color-stop(0.53, rgb(159,49,84)),
  85.     color-stop(0.77, rgb(191,79,118))
  86. ) !important;
  87. }
  88.  
  89. /*Archives Hover and current menu item*/
  90. #menu-item-45.current-menu-item, #menu-item-45:hover {
  91. background: linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  92. background: -o-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  93. background: -moz-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  94. background: -webkit-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  95. background: -ms-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  96.  
  97. background: -webkit-gradient(
  98.     linear,
  99.     left bottom,
  100.     left top,
  101.     color-stop(0.23, rgb(54,30,73)),
  102.     color-stop(0.62, rgb(81,57,103)),
  103.     color-stop(0.81, rgb(114,86,134))
  104. ) !important;
  105. }
  106.  
  107.  
  108. /*Downloads and its child menus*/
  109. /* === Downloads === */
  110.  
  111. #menu-item-665:hover {
  112. background: linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  113. background: -o-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  114. background: -moz-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  115. background: -webkit-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  116. background: -ms-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  117.  
  118. background-image: -webkit-gradient(
  119.     linear,
  120.     left bottom,
  121.     left top,
  122.     color-stop(0.34, rgb(129,98,39)),
  123.     color-stop(0.67, rgb(155,128,67))
  124. ) !important;
  125. cursor: pointer !important;
  126. }
  127.  
  128. /* == Graphene Child Theme === */
  129. #menu-item-837:hover {
  130. background: linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  131. background: -o-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  132. background: -moz-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  133. background: -webkit-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  134. background: -ms-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  135.  
  136. background: -webkit-gradient(
  137.     linear,
  138.     left bottom,
  139.     left top,
  140.     color-stop(0.18, rgb(29,118,180)),
  141.     color-stop(0.59, rgb(56,154,216)),
  142.     color-stop(0.8, rgb(84,185,255))
  143. ) !important;
  144. }
  145.  
  146. /* === Wordpress Plugins ==*/
  147. #menu-item-1391.current-menu-item, #menu-item-1391:hover, #menu-item-1391.current-menu-parent {
  148. background: linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  149. background: -o-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  150. background: -moz-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  151. background: -webkit-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  152. background: -ms-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  153.  
  154. background: -webkit-gradient(
  155.     linear,
  156.     left bottom,
  157.     left top,
  158.     color-stop(0.23, rgb(54,30,73)),
  159.     color-stop(0.62, rgb(81,57,103)),
  160.     color-stop(0.81, rgb(114,86,134))
  161. ) !important;
  162. }
  163.  
  164. /* ==== Wordpress plugin dropdown items ===== */
  165. #menu-item-1513.current-menu-item, #menu-item-1513:hover, #menu-item-1512.current-menu-item, #menu-item-1512:hover, #menu-item-1508.current-menu-item, #menu-item-1508:hover, #menu-item-1509.current-menu-item, #menu-item-1509:hover, #menu-item-1511.current-menu-item, #menu-item-1511:hover, #menu-item-1510.current-menu-item, #menu-item-1510:hover, #menu-item-1737.current-menu-item, #menu-item-1737:hover, #menu-item-1818.current-menu-item, #menu-item-1818:hover {
  166. background: linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  167. background: -o-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  168. background: -moz-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  169. background: -webkit-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  170. background: -ms-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  171.  
  172. background: -webkit-gradient(
  173.     linear,
  174.     left bottom,
  175.     left top,
  176.     color-stop(0.01, rgb(22,133,58)),
  177.     color-stop(0.51, rgb(49,160,87)),
  178.     color-stop(0.76, rgb(79,192,114))
  179. ) !important;
  180. }
  181.  
  182. /* ==== Kannada Twitter Client === */
  183. #menu-item-667:hover {
  184. background: linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  185. background: -o-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  186. background: -moz-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  187. background: -webkit-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  188. background: -ms-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  189.  
  190. background: -webkit-gradient(
  191.     linear,
  192.     left bottom,
  193.     left top,
  194.     color-stop(0.04, rgb(83,118,30)),
  195.     color-stop(0.52, rgb(117,154,57))
  196. ) !important;
  197. }
  198.  
  199. /* === Twitter bot script == */
  200. #menu-item-666:hover {
  201. background: linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  202. background: -o-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  203. background: -moz-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  204. background: -webkit-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  205. background: -ms-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  206.  
  207. background: -webkit-gradient(
  208.     linear,
  209.     left bottom,
  210.     left top,
  211.     color-stop(0.21, rgb(142,17,128)),
  212.     color-stop(0.61, rgb(171,43,154))
  213. ) !important;
  214. }
  215.  
  216. /*Contact Me*/
  217. #menu-item-839.current-menu-item, #menu-item-839:hover {
  218. background: linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  219. background: -o-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  220. background: -moz-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  221. background: -webkit-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  222. background: -ms-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  223.  
  224. background: -webkit-gradient(
  225.     linear,
  226.     left bottom,
  227.     left top,
  228.     color-stop(0.42, rgb(9,87,176)),
  229.     color-stop(0.71, rgb(36,114,212)),
  230.     color-stop(0.86, rgb(65,149,255))
  231. ) !important;
  232. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!