colorpicker.css in Sweaver 7
Same filename and directory in other branches
.colorpicker { width: 409px; height: 170px; overflow: hidden; position: absolute; background: url(../images/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; } .colorpicker_color { width: 150px; height: 150px; left: 11px; top: 10px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../images/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../images/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 168px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../images/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 210px; top: 10px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 280px; top: 10px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(../images/colorpicker_hex.png) top; left: 209px; top: 139px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(../images/colorpicker_rgb_r.png); top: 49px; left: 209px; } .colorpicker_rgb_g { background-image: url(../images/colorpicker_rgb_g.png); top: 79px; left: 209px; } .colorpicker_rgb_b { background-image: url(../images/colorpicker_rgb_b.png); top: 109px; left: 209px; } .colorpicker_hsb_h { background-image: url(../images/colorpicker_hsb_h.png); top: 49px; left: 279px; } .colorpicker_hsb_s { background-image: url(../images/colorpicker_hsb_s.png); top: 79px; left: 279px; } .colorpicker_hsb_b { background-image: url(../images/colorpicker_hsb_b.png); top: 109px; left: 279px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../images/colorpicker_submit.png) top; left: 319px; top: 139px; overflow: hidden; cursor: pointer; } .colorpicker_transparent { position: absolute; height: 22px; width: 22px; left: 289px; top: 139px; overflow: hidden; } .colorpicker_transparent a { color: #898989 !important; text-indent: -10000px; overflow: hidden; display: block; background: transparent url(../images/colorpicker_transparent.png) no-repeat top left; height: 22px; width: 22px; } .colorpicker_transparent a:hover { background-position: bottom; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } /* sweaver color widget overrides */ #sweaver_plugin_editor .colorSelector-wrapper { height:36px; width: 36px; background: transparent url(../images/transparent.gif) no-repeat 3px 3px !important; position:relative; float: left; } .colorpicker { z-index: 10001; } #sweaver_plugin_editor .colorSelector { background: url(../images/select2.png) repeat scroll 0 0 !important; height:36px; left:0; position:absolute; top:0; width:36px; } #sweaver_plugin_editor .colorSelector div { background: url(../images/select2.png) repeat scroll center center !important; height:28px; left:4px; position:absolute; top:4px; width:28px; box-shadow: 1px 1px 2px #8A9F16 !important; -moz-box-shadow: 1px 1px 2px #8A9F16 !important; -webkit-box-shadow: 1px 1px 2px #8A9F16 !important; } /* sweaver previous colors */ .colorpicker_previous_colors { position: absolute; left: 348px; top: 8px; } .colorpicker_previous_colors_color { width: 14px; height: 14px; border: 1px solid #eee; margin: 1px 1px; float: left; cursor: pointer; }
File
plugins/sweaver_plugin_editor/colorpicker/css/colorpicker.cssView source
- .colorpicker {
- width: 409px;
- height: 170px;
- overflow: hidden;
- position: absolute;
- background: url(../images/colorpicker_background.png);
- font-family: Arial, Helvetica, sans-serif;
- display: none;
- }
-
-
- .colorpicker_color {
- width: 150px;
- height: 150px;
- left: 11px;
- top: 10px;
- position: absolute;
- background: #f00;
- overflow: hidden;
- cursor: crosshair;
- }
-
-
- .colorpicker_color div {
- position: absolute;
- top: 0;
- left: 0;
- width: 150px;
- height: 150px;
- background: url(../images/colorpicker_overlay.png);
- }
-
-
- .colorpicker_color div div {
- position: absolute;
- top: 0;
- left: 0;
- width: 11px;
- height: 11px;
- overflow: hidden;
- background: url(../images/colorpicker_select.gif);
- margin: -5px 0 0 -5px;
- }
-
-
- .colorpicker_hue {
- position: absolute;
- top: 13px;
- left: 168px;
- width: 35px;
- height: 150px;
- cursor: n-resize;
- }
-
-
- .colorpicker_hue div {
- position: absolute;
- width: 35px;
- height: 9px;
- overflow: hidden;
- background: url(../images/colorpicker_indic.gif) left top;
- margin: -4px 0 0 0;
- left: 0px;
- }
-
-
- .colorpicker_new_color {
- position: absolute;
- width: 60px;
- height: 30px;
- left: 210px;
- top: 10px;
- background: #f00;
- }
-
-
- .colorpicker_current_color {
- position: absolute;
- width: 60px;
- height: 30px;
- left: 280px;
- top: 10px;
- background: #f00;
- }
-
-
- .colorpicker input {
- background-color: transparent;
- border: 1px solid transparent;
- position: absolute;
- font-size: 10px;
- font-family: Arial, Helvetica, sans-serif;
- color: #898989;
- top: 4px;
- right: 11px;
- text-align: right;
- margin: 0;
- padding: 0;
- height: 11px;
- }
-
-
- .colorpicker_hex {
- position: absolute;
- width: 72px;
- height: 22px;
- background: url(../images/colorpicker_hex.png) top;
- left: 209px;
- top: 139px;
- }
-
-
- .colorpicker_hex input {
- right: 6px;
- }
-
-
- .colorpicker_field {
- height: 22px;
- width: 62px;
- background-position: top;
- position: absolute;
- }
-
-
- .colorpicker_field span {
- position: absolute;
- width: 12px;
- height: 22px;
- overflow: hidden;
- top: 0;
- right: 0;
- cursor: n-resize;
- }
-
-
- .colorpicker_rgb_r {
- background-image: url(../images/colorpicker_rgb_r.png);
- top: 49px;
- left: 209px;
- }
-
-
- .colorpicker_rgb_g {
- background-image: url(../images/colorpicker_rgb_g.png);
- top: 79px;
- left: 209px;
- }
-
-
- .colorpicker_rgb_b {
- background-image: url(../images/colorpicker_rgb_b.png);
- top: 109px;
- left: 209px;
- }
-
-
- .colorpicker_hsb_h {
- background-image: url(../images/colorpicker_hsb_h.png);
- top: 49px;
- left: 279px;
- }
-
-
- .colorpicker_hsb_s {
- background-image: url(../images/colorpicker_hsb_s.png);
- top: 79px;
- left: 279px;
- }
-
-
- .colorpicker_hsb_b {
- background-image: url(../images/colorpicker_hsb_b.png);
- top: 109px;
- left: 279px;
- }
-
-
- .colorpicker_submit {
- position: absolute;
- width: 22px;
- height: 22px;
- background: url(../images/colorpicker_submit.png) top;
- left: 319px;
- top: 139px;
- overflow: hidden;
-
- cursor: pointer;
- }
-
-
- .colorpicker_transparent {
- position: absolute;
- height: 22px;
-
- width: 22px;
- left: 289px;
- top: 139px;
- overflow: hidden;
- }
-
-
- .colorpicker_transparent a {
- color: #898989 !important;
-
- text-indent: -10000px;
-
- overflow: hidden;
-
- display: block;
-
- background: transparent url(../images/colorpicker_transparent.png) no-repeat top left;
-
- height: 22px;
-
- width: 22px;
- }
-
-
-
- .colorpicker_transparent a:hover {
-
- background-position: bottom;
-
- }
-
-
- .colorpicker_focus {
- background-position: center;
- }
-
-
- .colorpicker_hex.colorpicker_focus {
- background-position: bottom;
- }
-
-
- .colorpicker_submit.colorpicker_focus {
- background-position: bottom;
- }
-
-
- .colorpicker_slider {
- background-position: bottom;
- }
-
- /* sweaver color widget overrides */
-
- #sweaver_plugin_editor .colorSelector-wrapper {
- height:36px;
- width: 36px;
- background: transparent url(../images/transparent.gif) no-repeat 3px 3px !important;
- position:relative;
- float: left;
- }
-
- .colorpicker {
- z-index: 10001;
- }
-
- #sweaver_plugin_editor .colorSelector {
- background: url(../images/select2.png) repeat scroll 0 0 !important;
- height:36px;
- left:0;
- position:absolute;
- top:0;
- width:36px;
- }
-
- #sweaver_plugin_editor .colorSelector div {
- background: url(../images/select2.png) repeat scroll center center !important;
- height:28px;
- left:4px;
- position:absolute;
- top:4px;
- width:28px;
- box-shadow: 1px 1px 2px #8A9F16 !important;
- -moz-box-shadow: 1px 1px 2px #8A9F16 !important;
- -webkit-box-shadow: 1px 1px 2px #8A9F16 !important;
- }
-
- /* sweaver previous colors */
-
- .colorpicker_previous_colors {
- position: absolute;
- left: 348px;
- top: 8px;
- }
-
- .colorpicker_previous_colors_color {
- width: 14px;
- height: 14px;
- border: 1px solid #eee;
- margin: 1px 1px;
- float: left;
- cursor: pointer;
- }