skinr.css in Skinr 6.2
/**
* Skinr regions.
*/
.skinr-region {
outline: none;
position: relative;
}
.skinr-region-active {
outline: #999 dashed 1px;
}
/**
* Skinr edit links.
*/
.skinr-links-wrapper {
display: none;
font-size: 90%;
position: absolute;
right: 5px;
top: 0px;
z-index: 998;
}
html.js div.skinr-links-wrapper {
display: block;
}
a.skinr-links-trigger {
background: transparent url(../images/gear-select.png) no-repeat 2px 0;
display: block;
height: 18px;
margin: 2px 1px 0 1px;
padding: 0 2px;
outline: none;
text-indent: 34px;
width: 28px;
overflow: hidden;
}
a.skinr-links-trigger:hover,
div.skinr-links-active a.skinr-links-trigger {
background-position: 2px -18px;
}
div.skinr-links-active a.skinr-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.skinr-links-wrapper ul.skinr-links {
background-color: #fff;
border: #ccc 1px solid;
display: none;
margin: 0;
padding: 0.25em 0;
position: absolute;
right: 0;
text-align: left;
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;
}
.skinr-links-region:hover a.skinr-links-trigger,
div.skinr-links-active a.skinr-links-trigger,
div.skinr-links-active ul.skinr-links {
display: block;
}
ul.skinr-links li {
line-height: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
div.skinr-links-wrapper a {
text-decoration: none;
}
ul.skinr-links li a {
color: #333;
display: block;
margin: 0.25em 0;
padding: 0.25em 1em 0.25em 0.5em;
}
ul.skinr-links li a:hover {
background-color: #bfdcee;
}
/**
* Collapsed fieldset.
*/
html.js fieldset.collapsed div.skinr-links-wrapper,
html.js fieldset.collapsed div.skinr-links-wrapper a.skinr-links-trigger {
display: block !important;
}
html.js fieldset.collapsed div.skinr-links-wrapper .skinr-links-active {
display: block;
}
html.js fieldset.collapsed div.skinr-links-wrapper ul.skinr-links li {
display: list-item;
}
html.js fieldset.collapsed div.skinr-links-wrapper ul.skinr-links li a {
display: block;
}
/**
* Support for admin menu module.
*/
body.admin-menu .skinr-links-wrapper-page {
top: 20px;
}File
css/skinr.cssView source
-
- /**
- * Skinr regions.
- */
- .skinr-region {
- outline: none;
- position: relative;
- }
- .skinr-region-active {
- outline: #999 dashed 1px;
- }
-
- /**
- * Skinr edit links.
- */
- .skinr-links-wrapper {
- display: none;
- font-size: 90%;
- position: absolute;
- right: 5px;
- top: 0px;
- z-index: 998;
- }
- html.js div.skinr-links-wrapper {
- display: block;
- }
- a.skinr-links-trigger {
- background: transparent url(../images/gear-select.png) no-repeat 2px 0;
- display: block;
- height: 18px;
- margin: 2px 1px 0 1px;
- padding: 0 2px;
- outline: none;
- text-indent: 34px;
- width: 28px;
- overflow: hidden;
- }
- a.skinr-links-trigger:hover,
- div.skinr-links-active a.skinr-links-trigger {
- background-position: 2px -18px;
- }
- div.skinr-links-active a.skinr-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.skinr-links-wrapper ul.skinr-links {
- background-color: #fff;
- border: #ccc 1px solid;
- display: none;
- margin: 0;
- padding: 0.25em 0;
- position: absolute;
- right: 0;
- text-align: left;
- 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;
- }
- .skinr-links-region:hover a.skinr-links-trigger,
- div.skinr-links-active a.skinr-links-trigger,
- div.skinr-links-active ul.skinr-links {
- display: block;
- }
- ul.skinr-links li {
- line-height: 100%;
- list-style: none;
- list-style-image: none;
- margin: 0;
- padding: 0;
- }
- div.skinr-links-wrapper a {
- text-decoration: none;
- }
- ul.skinr-links li a {
- color: #333;
- display: block;
- margin: 0.25em 0;
- padding: 0.25em 1em 0.25em 0.5em;
- }
- ul.skinr-links li a:hover {
- background-color: #bfdcee;
- }
-
- /**
- * Collapsed fieldset.
- */
- html.js fieldset.collapsed div.skinr-links-wrapper,
- html.js fieldset.collapsed div.skinr-links-wrapper a.skinr-links-trigger {
- display: block !important;
- }
- html.js fieldset.collapsed div.skinr-links-wrapper .skinr-links-active {
- display: block;
- }
- html.js fieldset.collapsed div.skinr-links-wrapper ul.skinr-links li {
- display: list-item;
- }
- html.js fieldset.collapsed div.skinr-links-wrapper ul.skinr-links li a {
- display: block;
- }
-
- /**
- * Support for admin menu module.
- */
- body.admin-menu .skinr-links-wrapper-page {
- top: 20px;
- }