You are here

Home » API reference » OM Maximenu 6

bubble.css in OM Maximenu 6

Same filename and directory in other branches
  1. 8 skin/bubble/bubble.css
  2. 7 skin/bubble/bubble.css

OM Maximenu Bubble Skin

@author: Daniel Honrade http://drupal.org/user/351112

File

skin/bubble/bubble.css
View source 
  1. /* $Id$ */

  2. 

  3. /**

  4.  * @file

  5.  * OM Maximenu Bubble Skin

  6.  *

  7.  * @author: Daniel Honrade http://drupal.org/user/351112

  8.  *

  9.  */

  10.  

  11. /* OM Maximenu Content - bubble style - general */

  12. .om-maximenu-bubble .om-maximenu-arrow { position: absolute; background: url(images/bubble1.png) 0 0 no-repeat; }

  13. 

  14. .om-maximenu-bubble .om-maximenu-top { height: 15px; position: relative; top: 0; background: url(images/bubble1.png) 0 -25px repeat-x; }

  15. .om-maximenu-bubble .om-maximenu-top-left { position: absolute; top: 0; left: -20px; height: 15px; width: 20px; background: url(images/bubble1.png) 0 -40px no-repeat; }

  16. .om-maximenu-bubble .om-maximenu-top-right { position: absolute; top: 0; right: -20px; height: 15px; width: 20px; background: url(images/bubble1.png) -20px -40px no-repeat; }

  17. 

  18. .om-maximenu-bubble .om-maximenu-middle { background: none #fff; }

  19. .om-maximenu-bubble .om-maximenu-middle-left { background: url(images/bubble2.png) left top repeat-y; margin-left: -20px; }

  20. .om-maximenu-bubble .om-maximenu-middle-right { padding: 5px 20px; background: url(images/bubble3.png) right top repeat-y; margin-right: -20px; }

  21. 

  22. .om-maximenu-bubble .om-maximenu-bottom { position: relative; height: 20px; background: url(images/bubble1.png) 0 -5px repeat-x; }

  23. .om-maximenu-bubble .om-maximenu-bottom-left { position: absolute; bottom: 0; left: -20px; height: 20px; width: 20px; background: url(images/bubble1.png) 0 -60px no-repeat; }

  24. .om-maximenu-bubble .om-maximenu-bottom-right { position: absolute; bottom: 0; right: -20px; height: 20px; width: 20px; background: url(images/bubble1.png) -20px -60px no-repeat; }

  25. 

  26. .om-maximenu-bubble.om-maximenu-block .om-maximenu-content { top: 25px; padding: 14px 0 0;  }

  27. .om-maximenu-bubble.om-maximenu-block .om-maximenu-content .om-maximenu-arrow { left: 15px; width: 40px; height: 20px; background-position: 0 -80px; }

  28. 

  29. /* OM Maximenu Content - bubble style - main menu */

  30. .om-maximenu-bubble.om-maximenu-main-menu .om-maximenu-content { top: 25px; padding: 14px 0 0;  }

  31. .om-maximenu-bubble.om-maximenu-main-menu .om-maximenu-content .om-maximenu-arrow { top: 0; left: 15px; position: absolute; width: 40px; height: 20px; background-position: 0 -80px; }

  32. 

  33. /* OM Maximenu Content - bubble style - block - general */

  34. .om-maximenu-bubble.om-maximenu-block .om-maximenu-content { top: 25px; padding: 14px 0 0;  }

  35. .om-maximenu-bubble.om-maximenu-block .om-maximenu-content .om-maximenu-arrow { left: 15px; position: absolute; width: 40px; height: 20px; background-position: 0 -80px; }

  36. 

  37. /* OM Maximenu Content - bubble style - block dropdown */

  38. .om-maximenu-bubble.om-maximenu-block.om-maximenu-block-down .om-maximenu-content .om-maximenu-arrow { top: 0; }

  39. 

  40. /* OM Maximenu Content - bubble style - block dropup */

  41. .om-maximenu-bubble.om-maximenu-block.om-maximenu-block-up .om-maximenu-content .om-maximenu-arrow { bottom: -5px; background-position: 0 -100px; }

  42. 

  43. /* OM Maximenu Content - bubble style - block dropright */

  44. .om-maximenu-bubble.om-maximenu-block.om-maximenu-block-right .om-maximenu-content .om-maximenu-arrow { top: 40px; left: -29px; width: 20px; height: 40px; background-position: 0 -120px ; }

  45. .om-maximenu-bubble.om-maximenu-block.om-maximenu-block-right .om-maximenu-content { padding: 0; margin-left: 20px; }

  46. 

  47. /* OM Maximenu Content - bubble style - block dropleft */

  48. .om-maximenu-bubble.om-maximenu-block.om-maximenu-block-left .om-maximenu-content .om-maximenu-arrow { top: 40px; right: -29px; left: auto; width: 20px; height: 40px; background-position: -20px -120px; }

  49. .om-maximenu-bubble.om-maximenu-block.om-maximenu-block-left .om-maximenu-content { padding: 0; margin-right: 20px; }

  50. 

  51. /* OM Maximenu Content - bubble style - float horizonal */

  52. .om-maximenu-bubble.om-maximenu-float.om-maximenu-row.om-maximenu-top .om-maximenu-content { top: 25px; padding: 14px 0 0;  }

  53. .om-maximenu-bubble.om-maximenu-float.om-maximenu-row.om-maximenu-top .om-maximenu-content .om-maximenu-arrow { top: 0; width: 40px; height: 20px; background-position: 0 -80px; }

  54. 

  55. .om-maximenu-bubble.om-maximenu-float.om-maximenu-row.om-maximenu-bottom .om-maximenu-content { bottom: 25px; padding: 0 0 5px;  }

  56. .om-maximenu-bubble.om-maximenu-float.om-maximenu-row.om-maximenu-bottom .om-maximenu-content .om-maximenu-arrow { bottom: 0; width: 40px; height: 20px; background-position: 0 -100px; }

  57. 

  58. .om-maximenu-bubble.om-maximenu-float.om-maximenu-middle .om-maximenu-content .om-maximenu-arrow { left: 10px; }

  59. .om-maximenu-bubble.om-maximenu-float.om-maximenu-left .om-maximenu-content .om-maximenu-arrow { left: 10px; }

  60. .om-maximenu-bubble.om-maximenu-float.om-maximenu-right .om-maximenu-content .om-maximenu-arrow { right: 10px; }

  61. 

  62. /* OM Maximenu Content - bubble style - float column */

  63. .om-maximenu-bubble.om-maximenu-float.om-maximenu-column.om-maximenu-left .om-maximenu-content .om-maximenu-arrow { top: 40px; left: -29px; right: auto; width: 20px; height: 40px; background-position: 0 -120px ; }

  64. .om-maximenu-bubble.om-maximenu-float.om-maximenu-column.om-maximenu-left .om-maximenu-content { padding: 0; margin-left: 20px; }

  65. 

  66. .om-maximenu-bubble.om-maximenu-float.om-maximenu-column.om-maximenu-right .om-maximenu-content .om-maximenu-arrow { top: 40px; right: -29px; left: auto; width: 20px; height: 40px; background-position: -20px -120px; }

  67. .om-maximenu-bubble.om-maximenu-float.om-maximenu-column.om-maximenu-right .om-maximenu-content { padding: 0; margin-right: 20px; }

  68. 

  69. 

  70.