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;
- }