drupal/modules/contextual/contextual.css

99 lines
2.1 KiB
CSS

/* $Id$ */
/**
* Contextual links regions.
*/
.contextual-links-region {
outline: none;
position: relative;
}
.contextual-links-region-active {
outline: #999 dashed 1px;
}
/**
* Contextual links.
*/
div.contextual-links-wrapper {
display: none;
font-size: 90%;
position: absolute;
right: 5px;
top: 0px;
z-index: 999;
}
html.js div.contextual-links-wrapper {
display: block;
}
a.contextual-links-trigger {
background: transparent url(images/gear-select.png) no-repeat 2px 0;
display: none;
height: 18px;
margin: 2px 1px 0 1px;
padding: 0 2px;
outline: none;
text-indent: 34px;
width: 28px;
overflow: hidden;
}
a.contextual-links-trigger:hover,
div.contextual-links-active a.contextual-links-trigger {
background-position: 2px -18px;
}
div.contextual-links-active a.contextual-links-trigger {
background-color: #fff;
border: #ccc 1px solid;
border-bottom: none;
padding: 0 2px;
margin: 1px 0 0 0;
position: relative;
z-index: 1;
border-radius-topleft: 4px;
border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-radius-topleft: 4px;
-webkit-border-radius-topright: 4px;
}
div.contextual-links-wrapper ul.contextual-links {
background-color: #fff;
border: #ccc 1px solid;
display: none;
margin: 0;
padding: 0.25em 0;
position: absolute;
right: 0;
top: 19px;
white-space: nowrap;
-moz-border-radius: 4px;
-moz-border-radius-topright: 0;
-webkit-border-radius: 4px;
-webkit-border-radius-topright: 0;
border-radius: 4px;
border-radius-topright: 0;
}
.contextual-links-region:hover a.contextual-links-trigger,
div.contextual-links-active a.contextual-links-trigger,
div.contextual-links-active ul.contextual-links {
display: block;
}
ul.contextual-links li {
line-height: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
div.contextual-links-wrapper a {
text-decoration: none;
}
ul.contextual-links li a {
color: #333;
display: block;
margin: 0.25em 0;
padding: 0.25em 1em 0.25em 0.5em;
}
ul.contextual-links li a:hover {
background-color: #bfdcee;
}