You are here

menu_attach_block.css in Menu Attach Block 7

div.messages.status.block {
  background-image: none;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline;
  font-size: x-small;
  font-style: italic;
  margin: 0 8px;
  padding: 2px 8px;
}

.menu-attach-block-wrapper.orientation-horizontal {
  position: relative;
}

.menu-attach-block-wrapper.orientation-horizontal .block {
  background-color: white;
  padding: 1em;
  position: absolute;
  top: 2.5em;
  width: 200%;
  /*
  Note that overlay module has a z-index of 600.
  */
  z-index: 400;
}

.menu-attach-block-wrapper.orientation-vertical {
  clear: both;
}

li.attached-block a {
  display: inline-block;
}

a.menu-attach-block-drop-link.external,
a.menu-attach-block-drop-link.external:hover,
a.menu-attach-block-drop-link.external:focus,
#main-menu a.menu-attach-block-drop-link.external,
#main-menu a.menu-attach-block-drop-link.external:hover,
#main-menu a.menu-attach-block-drop-link.external:focus,
#main-menu-links li.active-trail a.menu-attach-block-drop-link.external {
  background: transparent url("arrow-asc.png") no-repeat scroll 2px;
  border: 0;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0 9px;
  text-indent: -9999em;
  text-shadow: none;
  width: 3px;
}

li a.menu-attach-block-drop-link.external.dropped,
#main-menu li a.menu-attach-block-drop-link.external.dropped {
  background-image: url("arrow-desc.png");
  border: none;
  height: 100%;
  margin: 0;
  padding: 0 9px;
  text-indent: -9999em;
  width: 3px;
}

a.menu-attach-block-drop-link ~ .menu-attach-block-wrapper {
  display: none;
}

a.menu-attach-block-drop-link.dropped ~ .menu-attach-block-wrapper {
  display: initial;
}

File

menu_attach_block.css
View source
  1. div.messages.status.block {
  2. background-image: none;
  3. -ms-border-radius: 10px;
  4. -o-border-radius: 10px;
  5. -moz-border-radius: 10px;
  6. -webkit-border-radius: 10px;
  7. border-radius: 10px;
  8. display: inline;
  9. font-size: x-small;
  10. font-style: italic;
  11. margin: 0 8px;
  12. padding: 2px 8px;
  13. }
  14. .menu-attach-block-wrapper.orientation-horizontal {
  15. position: relative;
  16. }
  17. .menu-attach-block-wrapper.orientation-horizontal .block {
  18. background-color: white;
  19. padding: 1em;
  20. position: absolute;
  21. top: 2.5em;
  22. width: 200%;
  23. /*
  24. Note that overlay module has a z-index of 600.
  25. */
  26. z-index: 400;
  27. }
  28. .menu-attach-block-wrapper.orientation-vertical {
  29. clear: both;
  30. }
  31. li.attached-block a {
  32. display: inline-block;
  33. }
  34. a.menu-attach-block-drop-link.external,
  35. a.menu-attach-block-drop-link.external:hover,
  36. a.menu-attach-block-drop-link.external:focus,
  37. #main-menu a.menu-attach-block-drop-link.external,
  38. #main-menu a.menu-attach-block-drop-link.external:hover,
  39. #main-menu a.menu-attach-block-drop-link.external:focus,
  40. #main-menu-links li.active-trail a.menu-attach-block-drop-link.external {
  41. background: transparent url("arrow-asc.png") no-repeat scroll 2px;
  42. border: 0;
  43. display: inline-block;
  44. height: 100%;
  45. margin: 0;
  46. padding: 0 9px;
  47. text-indent: -9999em;
  48. text-shadow: none;
  49. width: 3px;
  50. }
  51. li a.menu-attach-block-drop-link.external.dropped,
  52. #main-menu li a.menu-attach-block-drop-link.external.dropped {
  53. background-image: url("arrow-desc.png");
  54. border: none;
  55. height: 100%;
  56. margin: 0;
  57. padding: 0 9px;
  58. text-indent: -9999em;
  59. width: 3px;
  60. }
  61. a.menu-attach-block-drop-link ~ .menu-attach-block-wrapper {
  62. display: none;
  63. }
  64. a.menu-attach-block-drop-link.dropped ~ .menu-attach-block-wrapper {
  65. display: initial;
  66. }