contextual.theme.css

Same filename in this branch
  1. 8.9.x core/themes/stable/css/contextual/contextual.theme.css
Same filename in other branches
  1. 9 core/themes/stable9/css/contextual/contextual.theme.css
  2. 9 core/themes/stable/css/contextual/contextual.theme.css
  3. 9 core/modules/contextual/css/contextual.theme.css
  4. 10 core/themes/stable9/css/contextual/contextual.theme.css
  5. 10 core/modules/contextual/css/contextual.theme.css
  6. 11.x core/themes/stable9/css/contextual/contextual.theme.css
  7. 11.x core/modules/contextual/css/contextual.theme.css

Styling for contextual module.

File

core/modules/contextual/css/contextual.theme.css

View source
  1. /**
  2. * @file
  3. * Styling for contextual module.
  4. */
  5. /**
  6. * Contextual links wrappers.
  7. */
  8. .contextual {
  9. position: absolute;
  10. z-index: 500;
  11. top: 6px;
  12. right: 0; /* LTR */
  13. }
  14. [dir="rtl"] .contextual {
  15. right: auto;
  16. left: 0;
  17. }
  18. /**
  19. * Contextual region.
  20. */
  21. .contextual-region.focus {
  22. outline: 1px dashed #d6d6d6;
  23. outline-offset: 1px;
  24. }
  25. /**
  26. * Contextual trigger.
  27. */
  28. .contextual .trigger {
  29. position: relative;
  30. right: 6px; /* LTR */
  31. float: right; /* LTR */
  32. overflow: hidden;
  33. margin: 0;
  34. padding: 0 2px;
  35. cursor: pointer;
  36. border: 1px solid #ccc;
  37. border-radius: 13px;
  38. background-color: #fff;
  39. background-attachment: scroll;
  40. }
  41. [dir="rtl"] .contextual .trigger {
  42. right: auto;
  43. left: 6px;
  44. float: left;
  45. }
  46. .contextual.open .trigger {
  47. z-index: 2;
  48. border: 1px solid #ccc;
  49. border-bottom-color: transparent;
  50. border-radius: 13px 13px 0 0;
  51. box-shadow: none;
  52. }
  53. /**
  54. * Contextual links.
  55. *
  56. * The following selectors are heavy to discourage theme overriding.
  57. */
  58. .contextual-region .contextual .contextual-links {
  59. position: relative;
  60. top: -1px;
  61. right: 6px; /* LTR */
  62. float: right; /* LTR */
  63. clear: both;
  64. margin: 0;
  65. padding: 0.25em 0;
  66. text-align: left; /* LTR */
  67. white-space: nowrap;
  68. border: 1px solid #ccc;
  69. border-radius: 4px 0 4px 4px; /* LTR */
  70. background-color: #fff;
  71. }
  72. [dir="rtl"] .contextual-region .contextual .contextual-links {
  73. right: auto;
  74. left: 6px;
  75. float: left;
  76. text-align: right;
  77. border-radius: 0 4px 4px 4px;
  78. }
  79. .contextual-region .contextual .contextual-links li {
  80. margin: 0;
  81. padding: 0;
  82. list-style: none;
  83. list-style-image: none;
  84. border: none;
  85. background-color: #fff;
  86. line-height: 100%;
  87. }
  88. .contextual-region .contextual .contextual-links a {
  89. display: block;
  90. margin: 0.25em 0;
  91. padding: 0.4em 0.6em;
  92. color: #333;
  93. background-color: #fff;
  94. font-family: sans-serif;
  95. font-size: small;
  96. line-height: 0.8em;
  97. }
  98. .touchevents .contextual-region .contextual .contextual-links a {
  99. font-size: large;
  100. }
  101. .contextual-region .contextual .contextual-links a,
  102. .contextual-region .contextual .contextual-links a:hover {
  103. text-decoration: none;
  104. }
  105. .no-touchevents .contextual-region .contextual .contextual-links li a:hover {
  106. color: #000;
  107. background: #f7fcff;
  108. }

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