diff options
Diffstat (limited to 'app/lib/grappelli/media/css/tools.css')
-rw-r--r-- | app/lib/grappelli/media/css/tools.css | 266 |
1 files changed, 266 insertions, 0 deletions
diff --git a/app/lib/grappelli/media/css/tools.css b/app/lib/grappelli/media/css/tools.css new file mode 100644 index 0000000..4aa7bcf --- /dev/null +++ b/app/lib/grappelli/media/css/tools.css @@ -0,0 +1,266 @@ + + + +/* Tools Basics +------------------------------------------------------------------------------------------------------ */ + +.tools { + position: relative; + float: right; + clear: both; + padding: 6px 10px; + font-size: 11px; + font-weight: bold; +} +ul.tools { + padding: 0; + list-style-type: none; + white-space: nowrap; +} +ul.tools:empty { + display: none; +} +ul.tools li { + position: relative; + float: left; + display: block; + overflow: hidden; + margin-left: 5px; + padding: 6px 0; + min-width: 12px; +} +ul.tools li:last-child { + margin-right: 5px; +} + + + +/* H1 + Tools +------------------------------------------------------------------------------------------------------ */ + +h1 + .tools, +.grappelli-h1 + .tools { + position: relative; + float: right; + clear: right; + z-index: 900; + margin-top: -34px; + margin-bottom: -34px; + display: inline-block; +} + +h1 + .tools li, +h1 + .tools li:last-child { + float: left; + margin: 0 0 0 3px; + padding: 0; +} +h1 + .tools a { + display: block; + margin: 0; + padding: 4px 15px; + width: auto; + height: 17px; + font-size: 11px; + opacity: .6; +} +h1 + .tools a:hover, h1 + .tools a:active { + opacity: 1; +} + +h1 + .tools a.add-handler:link, h1 + .tools a.add-handler:visited { + padding-left: 30px; + background: url('../img/icons/icon-object-tools-add-handler.png') 0 50% no-repeat scroll; +} +h1 + .tools a.add-handler:hover, h1 + .tools a.add-handler:active { + background: url('../img/icons/icon-object-tools-add-handler.png') 0 50% no-repeat scroll; +} + + +/* Focused Buttons ................................................... */ + +h1 + .tools a.focus { + opacity: 1; +} + + + + +/* Tools +------------------------------------------------------------------------------------------------------ */ + +.group .tools, +.module .tools { + position: relative; + float: right; + clear: both; + padding: 6px 10px; + font-size: 11px; + font-weight: bold; +} +.group ul.tools, +.module ul.tools { + padding: 0 2px; + list-style-type: none; +} +.group ul.tools li, +.module ul.tools li { + position: relative; + float: left; + display: block; + overflow: hidden; + margin-left: 5px; + padding: 6px 2px; +} +.group ul.tools li:last-child, +.module ul.tools li:last-child { + margin-right: 5px; +} + + +/* 1st Level H2 + Tools ......................................... */ + +.group h2+.tools, +.module h2+.tools { + top: -29px; + right: 0; + margin-bottom: -29px; +} +.group h2+.tools { + right: 1px; +} +.module.collapse.closed h2+.tools { + top: -28px; +} + + +/* 2nd Level H3 + Tools ......................................... */ + +.module h3+.tools { + top: -27px; + right: 0; + margin-bottom: -27px; +} +.module h3+ul.tools li { + padding-top: 5px; + padding-bottom: 5px; +} + + +/* 3rd Level H4 + Tools ......................................... */ + +.module h4+.tools { + top: -24px; + right: 0; + margin-bottom: -24px; +} +.module h4+ul.tools li { + padding-top: 3px; + padding-bottom: 4px; +} + + +/* Tools in Tabular Groups ......................................... */ + +.module.table .th .tools, +.module.table .td .tools { + top: -5px; + right: -20px; + margin-left: -20px; + margin-bottom: -15px; +} +.module.table .th .tools li, +.module.table .td .tools li { + padding-top: 10px; + padding-bottom: 9px; +} + + +/* Links ................................................... */ + +.tools a { + position: relative; + display: block; + margin: -6px 0; + padding: 6px 0px; + width: 100%; + height: 100%; + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.tools a.icon { + margin: -6px 0; + padding: 6px 0px; + width: 12px; + height: 16px; +} + +.module.table .th .tools a, +.module.table .td .tools a { + margin: -9px 0; + padding: 9px 0px; +} +.module.table .th .tools a.icon, +.module.table .td .tools a.icon { + margin: -9px 0; + padding: 9px 0px; +} + + +/* Icons ................................................... */ + +.tools a.drag-handler:link, .tools a.drag-handler:visited { + background-image: url('../img/icons/icon-tools-drag-handler.png'); +} +.tools a.drag-handler:hover, .tools a.drag-handler:active { + background-image: url('../img/icons/icon-tools-drag-handler-hover.png'); +} +.predelete-items a.drag-handler, .predelete-item a.drag-handler { + display: none; +} + +.tools a.viewsite-link:link, .tools a.viewsite-link:visited { + background-image: url('../img/icons/icon-tools-viewsite-link.png'); + opacity: .4; +} +.tools a.viewsite-link:hover, .tools a.viewsite-link:active { + background-image: url('../img/icons/icon-tools-viewsite-link-hover.png'); +} + +.tools a.delete-handler:link, .tools a.delete-handler:visited, +.predelete .tools a.delete-handler:hover, .predelete .tools a.delete-handler:active { + background-image: url('../img/icons/icon-tools-delete-handler.png'); +} +.tools a.delete-handler:hover, .tools a.delete-handler:active, +.predelete .tools a.delete-handler:link, .predelete .tools a.delete-handler:visited { + background-image: url('../img/icons/icon-tools-delete-handler-hover.png'); +} + +.tools a.remove-handler:link, .tools a.remove-handler:visited { + background-image: url('../img/icons/icon-tools-remove-handler.png'); +} +.tools a.remove-handler:hover, .tools a.remove-handler:active { + background-image: url('../img/icons/icon-tools-remove-handler-hover.png'); +} + +.tools a.add-handler:link, .tools a.add-handler:visited { + background-image: url('../img/icons/icon-tools-add-handler.png'); +} +.tools a.add-handler:hover, .tools a.add-handler:active { + background-image: url('../img/icons/icon-tools-add-handler-hover.png'); +} + +.tools a.open-handler:link, .tools a.open-handler:visited { + background-image: url('../img/icons/icon-tools-open-handler.png'); +} +.tools a.open-handler:hover, .tools a.open-handler:active { + background-image: url('../img/icons/icon-tools-open-handler-hover.png'); +} + +.tools a.close-handler:link, .tools a.close-handler:visited { + background-image: url('../img/icons/icon-tools-close-handler.png'); +} +.tools a.close-handler:hover, .tools a.close-handler:active { + background-image: url('../img/icons/icon-tools-close-handler-hover.png'); +} |