contextual.css

Same filename in other branches
  1. 9 core/themes/bartik/css/components/contextual.css
  2. 8.9.x core/themes/bartik/css/components/contextual.css

Stylesheet for the Contextual module.

File

modules/contextual/contextual.css

View source
  1. /**
  2. * @file
  3. * Stylesheet for the Contextual module.
  4. */
  5. /**
  6. * Contextual links regions.
  7. */
  8. .contextual-links-region {
  9. outline: none;
  10. position: relative;
  11. }
  12. .contextual-links-region-active {
  13. outline: #999 dashed 1px;
  14. }
  15. /**
  16. * Contextual links.
  17. */
  18. div.contextual-links-wrapper {
  19. display: none;
  20. font-size: 90%;
  21. position: absolute;
  22. right: 5px; /* LTR */
  23. top: 2px;
  24. z-index: 999;
  25. }
  26. html.js div.contextual-links-wrapper {
  27. display: block;
  28. }
  29. a.contextual-links-trigger {
  30. background: transparent url(images/gear-select.png) no-repeat 2px 0;
  31. border: 1px solid transparent;
  32. display: none;
  33. height: 18px;
  34. margin: 0;
  35. padding: 0 2px;
  36. outline: none;
  37. text-indent: 34px; /* LTR */
  38. width: 28px;
  39. overflow: hidden;
  40. -khtml-border-radius: 4px;
  41. -moz-border-radius: 4px;
  42. -webkit-border-radius: 4px;
  43. border-radius: 4px;
  44. }
  45. a.contextual-links-trigger:hover,
  46. div.contextual-links-active a.contextual-links-trigger {
  47. background-position: 2px -18px;
  48. }
  49. div.contextual-links-active a.contextual-links-trigger {
  50. background-color: #fff;
  51. border-color: #ccc;
  52. border-bottom: none;
  53. position: relative;
  54. z-index: 1;
  55. -moz-border-radius: 4px 4px 0 0;
  56. -webkit-border-bottom-left-radius: 0;
  57. -webkit-border-bottom-right-radius: 0;
  58. border-radius: 4px 4px 0 0;
  59. }
  60. div.contextual-links-wrapper ul.contextual-links {
  61. background-color: #fff;
  62. border: 1px solid #ccc;
  63. display: none;
  64. margin: 0;
  65. padding: 0.25em 0;
  66. position: absolute;
  67. right: 0;
  68. text-align: left;
  69. top: 18px;
  70. white-space: nowrap;
  71. -moz-border-radius: 4px 0 4px 4px; /* LTR */
  72. -webkit-border-bottom-left-radius: 4px;
  73. -webkit-border-bottom-right-radius: 4px;
  74. -webkit-border-top-right-radius: 0; /* LTR */
  75. -webkit-border-top-left-radius: 4px; /* LTR */
  76. border-radius: 4px 0 4px 4px; /* LTR */
  77. }
  78. a.contextual-links-trigger-active,
  79. div.contextual-links-active a.contextual-links-trigger,
  80. div.contextual-links-active ul.contextual-links {
  81. display: block;
  82. }
  83. ul.contextual-links li {
  84. line-height: 100%;
  85. list-style: none;
  86. list-style-image: none;
  87. margin: 0;
  88. padding: 0;
  89. }
  90. div.contextual-links-wrapper a {
  91. text-decoration: none;
  92. }
  93. ul.contextual-links li a {
  94. color: #333 !important;
  95. display: block;
  96. margin: 0.25em 0;
  97. padding: 0.25em 1em 0.25em 0.5em;
  98. }
  99. ul.contextual-links li a:hover {
  100. background-color: #bfdcee;
  101. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.