contextual.css

Stylesheet for the Contextual module.

File

drupal/modules/contextual/contextual.css
View source
  1. /**

  2.  * @file

  3.  * Stylesheet for the Contextual module.

  4.  */

  5. 

  6. /**

  7.  * Contextual links regions.

  8.  */

  9. .contextual-links-region {

  10.   outline: none;

  11.   position: relative;

  12. }

  13. .contextual-links-region-active {

  14.   outline: #999 dashed 1px;

  15. }

  16. 

  17. /**

  18.  * Contextual links.

  19.  */

  20. div.contextual-links-wrapper {

  21.   display: none;

  22.   font-size: 90%;

  23.   position: absolute;

  24.   right: 5px; /* LTR */

  25.   top: 2px;

  26.   z-index: 999;

  27. }

  28. html.js div.contextual-links-wrapper {

  29.   display: block;

  30. }

  31. a.contextual-links-trigger {

  32.   background: transparent url(images/gear-select.png) no-repeat 2px 0;

  33.   border: 1px solid transparent;

  34.   display: none;

  35.   height: 18px;

  36.   margin: 0;

  37.   padding: 0 2px;

  38.   outline: none;

  39.   text-indent: 34px; /* LTR */

  40.   width: 28px;

  41.   overflow: hidden;

  42.   -khtml-border-radius: 4px;

  43.   -moz-border-radius: 4px;

  44.   -webkit-border-radius: 4px;

  45.   border-radius: 4px;

  46. }

  47. a.contextual-links-trigger:hover,

  48. div.contextual-links-active a.contextual-links-trigger {

  49.   background-position: 2px -18px;

  50. }

  51. div.contextual-links-active a.contextual-links-trigger {

  52.   background-color: #fff;

  53.   border-color: #ccc;

  54.   border-bottom: none;

  55.   position: relative;

  56.   z-index: 1;

  57.   -moz-border-radius: 4px 4px 0 0;

  58.   -webkit-border-bottom-left-radius: 0;

  59.   -webkit-border-bottom-right-radius: 0;

  60.   border-radius: 4px 4px 0 0;

  61. }

  62. div.contextual-links-wrapper ul.contextual-links {

  63.   background-color: #fff;

  64.   border: 1px solid #ccc;

  65.   display: none;

  66.   margin: 0;

  67.   padding: 0.25em 0;

  68.   position: absolute;

  69.   right: 0;

  70.   text-align: left;

  71.   top: 18px;

  72.   white-space: nowrap;

  73.   -moz-border-radius: 4px 0 4px 4px; /* LTR */

  74.   -webkit-border-bottom-left-radius: 4px;

  75.   -webkit-border-bottom-right-radius: 4px;

  76.   -webkit-border-top-right-radius: 0; /* LTR */

  77.   -webkit-border-top-left-radius: 4px; /* LTR */

  78.   border-radius: 4px 0 4px 4px; /* LTR */

  79. }

  80. a.contextual-links-trigger-active,

  81. div.contextual-links-active a.contextual-links-trigger,

  82. div.contextual-links-active ul.contextual-links {

  83.   display: block;

  84. }

  85. ul.contextual-links li {

  86.   line-height: 100%;

  87.   list-style: none;

  88.   list-style-image: none;

  89.   margin: 0;

  90.   padding: 0;

  91. }

  92. div.contextual-links-wrapper a {

  93.   text-decoration: none;

  94. }

  95. ul.contextual-links li a {

  96.   color: #333 !important;

  97.   display: block;

  98.   margin: 0.25em 0;

  99.   padding: 0.25em 1em 0.25em 0.5em;

  100. }

  101. ul.contextual-links li a:hover {

  102.   background-color: #bfdcee;

  103. }