/* * This CSS file is Copyright 2010-2012 FlamingText.com Pty Ltd * All rights are reserved. */ /*! jQuery UI - v1.10.0 - 2013-02-04 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.slider.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-position:16px 16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ffd27a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}/*NO LONGER USED!! 24 Feb 2014 /Jonas (use /new/form.css instead)*/ .box_outer { background: white; border: #3c5a86 1px solid; padding: 5px; margin: 0; border-radius: 5px; clear: both; position: relative; z-index:1; } .no-js .box_outer, #frameForm .box_outer { /*for animator*/ margin: 15px 0px 0px 0px; } .box_outer_no_border { margin: 15px 0px 0px 5px; padding: 5px; color: #000; } .box_title { /* link only, lower margin-top */ margin: -15px 0px 10px 5px; border: #fff 1px solid; padding-top : 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; display: inline; background-color: #ffffff; float: left; } .box_title_with_checkbox { /* link and checkbox, higher margin-top */ margin: 0 0 -12px 5px; margin-top: -18px; border: #fff 1px solid; padding-top : 0px; padding-bottom: 0px; padding-left : 5px; padding-right : 5px; display: inline; background-color: #ffffff; float: left; } .box_title_link { display: inline; /* prevent line break before optional component */ } .box_title_link a { color: #111; text-decoration: none; } .box_title_link a:hover { color: #3333ff; } .group_title a { text-decoration: none; } .group_title a:hover { } .box_inner, .box_summary { /*margin: 5px;*/ clear: both; /*needed for Nokia SymbianOS browser*/ padding: 0px; overflow: hidden; /*width: 100%; //already block elements (div's)*/ } .box_inner { padding: 1em 0; } .box_group { overflow: hidden; margin-left: 4%; width: 96%; } .pad_left_15 { padding-left: 15px; } .ft-content-column { min-height: 820px; /*to prevent short pages from causing the tabs to jump around*/ } .hueBackground { /*background:url('/images/hue-bg.png') no-repeat;*/ //background: #ff0000; background: -webkit-linear-gradient(left, #ff0000 0%,#ffff00 17%,#00ff43 34%,#00fff6 50%,#1000ff 67%,#ea00f7 83%,#ff0004 100%); background: linear-gradient(left, #ff0000 0%,#ffff00 17%,#00ff43 34%,#00fff6 50%,#1000ff 67%,#ea00f7 83%,#ff0004 100%); border: 1px solid #666; } .hueBackground a { /*opacity: 0.5;*/ /* cam says: please find way to remove "important" */ width:4px !important; margin-left:-2px !important; border: 1px solid #1e1e1e !important; background: transparent !important; } .hueBackground a:hover { margin-left:-3px !important; border: 2px solid #000 !important; } .ui-slider { margin: 0px 10px; } .ui-widget-content { border: 1px solid #999; } .hrValue { width: 350px; padding-top: 8px; } .formEntry { /*background: #FF0000;*/ padding: 2px; margin: .1em .1em .5em .1em; position: static; } /*.formEntry:hover {*/ /*background-color: #9999FF;*/ /*}*/ .formEntry input[type="submit"], .formEntry input[type="button"]{ padding:2px; } .formEntryName { float: left; width: 120px; /* was 100 */ text-align: right; margin-right: 8px; font-size: 15px; color: #2a2a2a; } .formEntryValue { float: left; width: 58%; /*padding: 4px 0px 4px 1px; replaced with margin*/ margin: 4px 0; text-align: left; position:relative; } .radioValue { width: auto; } .adjustmentName { padding: 5px 0px 0px 0px; /*border-style: solid dotted;*/ } .ftPremiumMenu { border: 1px red dotted; } .sliderWrapper{ float: right; margin-top:0.35em; margin-right: 4%; width: 80%; *width: 78%; /*width: 200px;*/ /*padding-left:0.5em;*/ } .ftPremiumThresholdSlider { /* background: -webkit-linear-gradient(left, #eeeeee 50%, #ff0004 50%); background: linear-gradient(left, #eeeeee 50%, #ff0004 50%); */ border: 1px solid #666; } .formEntryValue.textValue textarea, .formEntryValue.comboValue select, .formEntryValue.adjustmentValue input { margin-left: 0px; } .formEntryValue.adjustmentValue input { width: 35px; height: 20px; padding: 1px 0 1px 5px; float:left; } .formEntryValue .radioValue radio{ margin-left:15px; } .formEntryValue .radioValue radio:firts-of-type { margin-left:0px; } .colorName { padding: 9px 0px 0px 0px; } .gradientName { padding: 9px 0px 0px 0px; } .patternName { padding: 9px 0px 0px 0px; /*border-style: solid dotted;*/ } .toggleName { padding: 1px 0px 0px 0px; } .radioName { padding: 3px 0px 0px 0px; } .comboValue { padding-left: 3px; } .extName { padding-top: 3px; } .extValue { padding-left: 3px; } .gtypeValue { padding-left: 3px; } .grepeatValue { padding-left: 3px; } /* #logoImage { background:url('/images/transparent.png'); } #logo_image { position: fixed; top: 0px; width: 100%; text-align: center; } */ .logoImage { max-width: 100%; display: block; } .main_container { margin-top: 105px; } /*new form stuff */ /*too generic selector! a.selected { background-color:#1F75CC; color:white; z-index:100; }*/ .fontpop { /*background-color:#FF0000;*/ cursor:default; display:none; position:absolute; text-align:left; width:520px; /*470*/ z-index:1050; overflow: none; border: 1px solid; } .fontmain { background:#990000; margin:0px; padding: 0px; } .fontleft { background: #99CC99; width: 135px; /*110*/ float: left; height: 350px; overflow: auto; } .fonttagnames { font-family: arial; font-size: 11pt; list-style-type: none; } /** td { font-family: arial; font-size: 10pt; } td:hover { background: #9999FF; } */ .fonttagnames li { margin:0px; padding:1px 2px; } .fonttagnames { margin:0px; padding:10px; } .fonttagnames li:hover { background: #9999FF; } .fonttagnames li.selectedTag { padding:0px 1px; border: #DE7300 1px dashed; background: #CCDDCC; } .fonttagnames li.selectedTag:hover { padding:0px 1px; border: #DE7300 1px dashed; background: #9999FF; } .fonttable td.selectedTag { padding:0px 0px; border: #DE7300 1px dashed; background: #CCDDCC; } .fonttable td.selectedTag:hover { padding:0px 0px; border: #DE7300 1px dashed; background: #9999FF; } .fonttable td:hover { padding:1px 1px; background: #9999FF; } .fonttable td { padding:1px 1px; } .fontright { background: #CCDDCC; width: 385px; /*360*/ height: 350px; overflow: auto; float: left; } .autocloseDiv { margin: 5px; width: 350px; float: left; } .footerbuttons { text-align: right; margin: 5px; } .fontfooter { border-top: 1px solid; background: #449944; height: 35px; width: 520px; /*470*/ } .fontImage { position:relative; /*width:330px;*/ height:75px; width: 93%; margin-right: 7%; text-align: center; overflow:hidden; background-position: center center; background-repeat: no-repeat; background-size: contain; } .fontImage input { float: left; } /* .fontImage input { border: #0000ee 1px solid; margin: 1px; } .fontImage input:hover { border: #000000 2px solid; margin: 0px; } */ .fontImageArrow { margin: 2px; float: left; } /*.fontImageArrow:hover { border: #000000 2px solid; margin: 0px; }*/ a img { border: 0; } .textValue textarea{ display:block; } .logoStatusImageDiv{ width:34px; height:34px; position:absolute; /*5 Jun: center on image - using CSS, instead of JS*/ left: 50%; top: 50%; margin-left: -17px; /*half width*/ margin-top: -17px; /*half height*/ /*visibility:hidden; - use CSS class .hide instead*/ background:white; border: 2px solid #477B44; border-radius: 9px; box-shadow: 0 0 2px 1px #BBBBBB inset, 0 0 2px rgba(0,0,0,.5); } .logoStatusImage{ display:block; position:absolute; width:20px; height:20px; /*5 Jun: center on image - using CSS, instead of JS*/ left: 50%; top: 50%; margin-left: -10px; /*half width*/ margin-top: -10px; /*half height*/ } .no-js .logoStatusImageDiv{ display: none; /*not being used w/o JS*/ } .logoImageNote{ clear:both; display: block; font: 12px/15px Lucida Sans,Helvetica,Verdana,sans-serif; color:#777777; vertical-align:bottom; padding:5px 0; position: relative; z-index: 2; } .logoImageNote img{ /*position:relative; top:1px;*/ margin-top: 1px; margin-bottom: -2px; } .logoImageNote div{ display:inline; } .logoImageNote a{ display:inline; top:2px; } .logoPreview{ min-height:140px; width:100%; margin:1px; } .logoPreviewFixed{ background: none repeat scroll 0 0 white; border: 1px solid black; position: fixed; margin:0px; top: 0px; z-index: 999; } .logoPreviewWrapper{ position:relative; min-height:140px; width:100%; } .radioWrapper { float: left; margin-right: 10px; } .radioWrapper label { padding-left: 3px; _color: #222; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .datapickerSelector{ position:relative; width:167px; height:28px; } .patternWrapper { } .gradientWrapper { } .picker_arrow{ position:absolute; bottom:0px; right:0px; } .ft-cgi-logoImageExtraOptions { margin: 1em 0px; } .ft-cgi-logoImageExtraOptions .ft-btn-border-mask { /* float: right; margin: 8px 70px 0 0; *margin-right: 0; */ float: left; margin: 0 0 0 40px; } /*ftPremum styling*/ .ftPremium { background: -webkit-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to right, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* W3C */ } .ftPremium .ftPremiumLabel { float: right; margin-right: 20px; padding-right: 24px; max-width: 150px; /*width: 90px;*/ min-width: 36px; height: 32px; overflow: hidden; background: url('/images/ft-dynamic-premium-stars-only-sprite.png') no-repeat right -28px; /*text-indent: -1000px;*/ font-size: 15px; font-weight: bold; line-height: 40px; color: #999; text-align: right; float: right; cursor: default; } .ftPremium.ftPremiumActive .ftPremiumLabel { background-position: right 0; color: green; } .ftPremium.ftPremiumActive .ftPremiumLabel:hover { cursor: pointer; } .ftPremiumSliderOverlay { float: right; height: 100%; overflow: hidden; border-left: 1px solid #999999; background: url('/images/ft-dynamic-premium-slider-bg.png') top left repeat; border-radius: 0 4px 4px 0; } .ftPremiumSliderOverlay img { border: 0; outline: 0; float: right; height: 40px; margin-left: -10px; margin-top: -23px; } .ftPremiumSliderOverlay span { font-weight: bold; font-size: 10px; line-height: 18px; color: #999999; position: absolute; right: 14px; cursor: default; } .ft-create-logo-btn { height: 40px; line-height: 15px; } .ft-create-logo-btn .ft-btn-premium-label { display: block; font-size: 12px; font-weight: normal; line-height: 10px; color: inherit; font-style: inherit; margin-left: inherit; } .ft-doodle-btn { float: left; display: inline-block; margin-top: 10px; margin-right: 20px; width:142px; height:32px; background: url('/images/ft-doodle-sprite.png') 0 0 no-repeat; background-size: 142px 64px; text-indent: 100%; overflow: hidden; } .ft-doodle-btn:hover { background-position: 0 -32px; } .ft-dynamic-separator { margin: .8em 0; height: 1px; background: #BBB; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* W3C */ } .ft-onoff-switch-wrapper { padding-left: 1em; } .ft-onoff-switch { float: left; width: 40px; margin: 0; cursor: pointer; } .ft-onoff-switch .ui-slider-handle { width: 1.5em; margin-left: -.75em; } .ft-onoff-switch-label { float: left; color: #666666; font-size: 13px; padding: 0 1.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .ft-onoff-switch-label-before { padding-left: 0; } .off .ft-onoff-switch-label-before, .on .ft-onoff-switch-label-after { color: #2a2a2a; text-shadow: 1px 1px #ccc; cursor: default; } .on .ft-onoff-switch { background: #88B36B; } .off .ft-onoff-switch { background: #B36F70; } .ft-onoff-switch .ui-slider-handle { -webkit-transition: left 0.25s ease-out; transition: left 0.25s ease-out; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .ftPremium .ftPremiumLabel { background-image: url('/x2/images/ft-dynamic-premium-stars-only-sprite.png'); background-size: 37px 56px; } .ft-doodle-btn { background-image: url('/x2/images/ft-doodle-sprite.png'); } } /*bad, but keep in case needed for old browsers. prefix to only be used on dynamic*/ .ft-proxyform .clear { width: 0px; height: 0px; padding: 0px 0px 0px 0px; clear: both; } .bgDisabled { background: none; filter: none; } .hidden { display: none; } /*cam*/ .colorSelector { } .colorSelector div { width: 100%; height: 100%; } .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url('/images/colorpicker/colorpicker_background.png'); font-family: Arial, Helvetica, sans-serif; display: none; z-index: 1053; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; 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/colorpicker_overlay.png'); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url('/images/colorpicker/colorpicker_select.gif'); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url('/images/colorpicker/colorpicker_indic.gif') left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; 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/colorpicker_hex.png') top; left: 212px; top: 142px; } .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/colorpicker_rgb_r.png'); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url('/images/colorpicker/colorpicker_rgb_g.png'); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url('/images/colorpicker/colorpicker_rgb_b.png'); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url('/images/colorpicker/colorpicker_hsb_h.png'); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url('/images/colorpicker/colorpicker_hsb_s.png'); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url('/images/colorpicker/colorpicker_hsb_b.png'); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url('/images/colorpicker/colorpicker_submit.png') top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } .logo_tabs { list-style: none; /*margin-top: 5px; why?*/ height: 31px; overflow: hidden; } .logo_tab { float: left; padding: 4px 10px; margin: 0px 4px; font-size: 15px; background: #EEE; border: 1px solid #CCC; border-bottom: 1px solid #3C5A86; cursor: pointer; border-radius: 5px 5px 0 0; position: relative; top: 3px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; -webkit-transition: top 0.25s ease-in 0s; transition: top 0.25s ease-in 0s; } .logo_tabs .selected { background: #194FDB url("/images/ft-IE9-gradient-blue-44px.png") left top repeat-x; color: white; text-shadow: 0 0 0 transparent, 0.05em 0.05em 0.1em black; border: 1px solid #2a2a2a; border-bottom: none; top: 0; cursor: default; } .logo_tab:hover { top: 0; } /* not needed? hide show using hide class instead? .selected.box_outer { display: block; }*/ .dp_black { background: black; } .dp_white { background: white; } .datapickerSelector img { max-width: 100%; max-height: 100%; } .dp_control_element { border:2px solid #000000; margin:0px; cursor:pointer; } .dp_control_element:hover { border-color:#0000EE; } .dp_main_inline { clear:both; } .dp_preview_dialog { position:absolute; z-index:9999; visibility:hidden; /*visibility:visible;*/ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .opera-mini .dp_preview_dialog { margin-top: 4px; } .dp_preview_dialog_outline { background: rgba(75,75,75,0.6); /*background: #dfdfdf;*/ padding:15px; border: solid 1px #888; } .dp_preview_dialog_close { height: 26px; width: 26px; *height: 24px; *width: 24px; margin: 0; padding: 1px; position: absolute; right: 3px; top: 3px; cursor: pointer; } .dp_preview_dialog_container { position:relative; background: #FFFFFF; border: solid 1px #888; } .dp_preview_header, .dp_preview_body, .dp_preview_footer { display:block; white-space:nowrap; padding:12px; clear:both; border: solid 2px #ccc; font: 15px/19px Lucida Sans,Helvetica,Verdana,sans-serif; } .dp_preview_body { white-space: normal; } .dp_preview_body .dp_top_panel { white-space:nowrap; } /*blue gradient, white text*/ .dp_preview_header, .dp_tag_list li:hover, .dp_top_panel_alphabet ul li:hover, .dp_tag_list .selectedTag:hover, .dp_top_panel_alphabet ul .selectedTag:hover, .dp_tag_table td:hover, .dp_tag_table td.selectedTag:hover { color: #FFFFFF; background-color: #424143; } .dp_tag_list li:hover, .dp_top_panel_alphabet ul li:hover { background-color: #606061; } .dp_preview_header:hover { cursor:move; } @media(max-width:699px){ .dp_preview_header:hover { cursor: default; } } .dp_preview_body { padding:0; border-top:none; border-bottom:none; background-color: #CCDDCC;/*in ie6 setting background helps in identifying if click was made withing this class*/ } .dp_main .dp_preview_body { /*width:520px;*/ width: 450px; overflow: hidden; } .dp_main_inline .dp_preview_body { } .dp_preview_footer { padding: 8px 12px; text-align: center; background-position: center; background-color: #ececec; background-image: -webkit-linear-gradient(top, #ececec, #dfdfdf); background-image: linear-gradient(to bottom, #ececec, #dfdfdf); } /*$TOP PANEL*/ .dp_top_panel { border-bottom: 1px solid #505050; padding: 2px 10px 2px 4px; background-color:#ccc; *padding: 2px 4px 2px; overflow: hidden; } .dp_top_panel_alphabet { float: right; margin-top: 4px; font-style: italic; font-size: 12px; } .dp_top_panel_alphabet ul { list-style: none outside none; margin:0; padding:0; } .dp_top_panel_alphabet ul li { float:left; } .dp_top_panel_search { float:left; margin-top:1px; *width: 188px; } .dp_top_panel_search .dp_search_field_btn { top: 1px; width: 29px; height: 25px; } .dp_top_panel_search .dp_search_field { float:left; margin:1px 0 0 0; width:140px; padding: 4px 10px; border-radius: 2px; border:1px solid #bbb; border-top:1px solid #aaa; font-size: 13px; font-family: Lucida Sans,Helvetica,Verdana,sans-serif; -webkit-appearance: none; } .dp_top_panel_search .dp_search_field:hover, .dp_top_panel_search .dp_search_field:focus { outline:0; border:0; border: 1px solid #aaa; border-top: 1px solid #777; } /*1 Nov 2013: reduce ft dependencies*/ .dp_search_field_btn { float: right; padding: 0; height:26px; width:29px; margin-left: -29px; border: 1px solid #666666; border-radius: 0 3px 3px 0; background: #eeeeee; background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%); box-shadow: 0 1px 1px rgba(0, 0, 0, .25); cursor: pointer; position: relative; z-index: 1; } .dp_search_field_btn:hover { box-shadow: inset 0 1px 1px rgba(50, 50, 50, .25); } .dp_search_field_btn::-moz-focus-inner { padding: 0; border: 0; } .dp_input_btn_icon { display: block; width: 27px; height: 24px; } .dp_search_input_btn_icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAYBAMAAAD5bpvIAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMEkjCrAAAAD3RSTlMAESIzRGZ3iJmqu8zd7v8zDtSdAAAACXBIWXMAAArDAAAKwwE0KSSrAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8yNy8xMm0P6e4AAABYSURBVBiVY2CgEFisakHisV5VimlAcH0FGBi3IbhTgVgHwX0AxNwKKFwuAzj3EBDLIRRXAnEFgsvdyCD+DsFlrF314t0DJIeYMPAhSYMAijQDQWlULsUAACESFS/lp/m1AAAAAElFTkSuQmCC) center center no-repeat; } .dp_top_panel_tag_select { margin-top: 3px; } /*$LEFT PANEL*/ .dp_left_panel { width:25%; /*border-right: 2px solid #606061;*/ height:370px; background: #ccc; float: left; overflow: auto; color: #424143; } /*$RIGHT PANEL*/ .dp_right_panel { /*width: 72%; *width:70%;*/ padding-left: 2%; padding-right: 2%; height:370px; background: #424143; /*float: right;*/ overflow: auto; -webkit-overflow-scrolling: touch; position:relative;/*IE7 - needed*/ color: #e0e0e1; } .no-overflow .dp_right_panel { overflow: hidden; /*fix for bizarre Opera Mobile bug*/ } /*Opera Mini scroll doesn't work - show all*/ .opera-mini .dp_preview_body, .opera-mini .dp_right_panel { max-height: none!important; height: auto!important; } .dp_preview_dialog_container .dp_loading_div { text-align:center; width:100%; margin-top:150px; font: 25px/25px Lucida Sans,Helvetica,Verdana,sans-serif; color: #f04f41; } .dp_loading_indicator { padding:12px; } .dp_preview_dialog_container .dp_failed_div { text-align:center; width:100%; margin-top:150px; font: 25px/25px Lucida Sans,Helvetica,Verdana,sans-serif; color: #f04f41; } .dp_autocloseDiv { float:left; position: static; padding: 0; } .dp_autocloseDiv_checkbox { position: relative; top: 1px; } .dp_autocloseLabel { color: #444; line-height: 28px; padding-left: 4px; cursor: default; } .dp_footerButtons { text-align:right; } .dp_tag_list { margin: 0; padding: 10px 10px 0px 10px; font-family: arial; font-size: 11pt; list-style-type: none; } .dp_tag_list li, .dp_top_panel_alphabet ul li { margin:0px; padding:1px 2px; *padding: 1px 0; cursor:pointer; } .dp_tag_list .selectedTag,.dp_top_panel_alphabet ul .selectedTag, .dp_tag_list .selectedTag:hover, .dp_top_panel_alphabet ul .selectedTag:hover { padding:0px 1px; /*border: #DE7300 1px dashed;*/ background: #f04f41; color: #fff; } .dp_tag_table { margin: 0; padding: 10px; } .dp_tag_table td{ padding:1px 1px; cursor:pointer; } .dp_tag_table td.selectedTag { padding:0px 0px; border: #DE7300 1px dashed; background: #CCDDCC; } .dp_preview_button_okay, .dp_preview_button_cancel { display: inline-block; padding: 4px 5px; margin: 0 0 0 10px; cursor: pointer; width: auto; line-height: 1.5; } .dp_preview_button_okay { color: #FFFFFF; background-color: #F04F41; border-radius: 2px; border: 0; } .dp_preview_button_okay:hover { background-color: #424143; } .dp_preview_button_cancel { color: #444; padding: 0; margin: 0; border: 0; background: none; font: 14px/20px Lucida Sans,Helvetica,Verdana,sans-serif; text-decoration:underline; } .dp_preview_button_cancel:visited { color: #000 ; } .dp_preview_button_cancel:hover { color: #194FDB; } /* preview list for datapicker, used for Previous category for example*/ .dp_preview_list{ } .dp_preview_list div { margin: 5px 0px 0px 19px; float:left; } .dp_preview_list img { border: #000000 1px dashed; margin: 1px; cursor:pointer; } .dp_preview_list img:hover { border: #000000 2px solid; margin: 0px; background: #9999FF; } .dp_items_info{ line-height:40px; } .dp_pagination{ margin:0 0 6px 0; float:right; height: 30px; overflow:hidden; } .dp_pagination_pageMsg, .dp_pagination_buttons { float:left; } .dp_pagination_pageMsg{ margin-right:5px; line-height: 40px; } .dp_pagination button { display: inline-block; height:30px; width:26px; line-height:24px; margin-right:3px; cursor: pointer; } .dp_item img { max-width: 100%; vertical-align: bottom; } /*this is common for all pickers*/ .dp_item_container .selectedItem{ border:2px solid #DD0000; padding:0; } .datapicker_opened{ padding:1px; border:1px dashed #DE7300; } .dp_item_container { clear: both; margin: 0; max-width: 100%; *max-width: 96%; /*padding: 10px; clear:both;*/ overflow: hidden; } /*=====$FONTPICKER styles=======*/ .fonts_div { } .fonts_div div { padding: 1px; width: 334px; *width: 330px; max-width: 100%; *max-width: 98%; height: 79px; *height: 75px; border: #909091 1px dashed; margin-bottom: 10px; } .fonts_div div:hover, .fonts_div .selectedItem { padding: 0; border: #f04f41 2px solid; } /*flagpicker styles*/ .flags_div { overflow:hidden; } .flags_div div { margin: 0 10px 10px 0; float:left; padding: 2px; height:54px; *height: 50px; } .flags_div div:hover { border: #DE7300 2px dashed; cursor:pointer; padding:0px; } .flagWrapper, .datapickerSelector.flagWrapper { height: 50px; position: relative; width: 100px; } /*patternpicker styles*/ .patterns_div { overflow:hidden; } .patterns_div div { margin: 0 10px 10px 0; float:left; padding: 2px; height: 44px; *height:40px; } .patterns_div div:hover { border: #DE7300 2px dashed; cursor:pointer; padding:0px; } /*=====$GRADIENTPICKER styles======= *--currently same as patternpicker, but still have it separate here in case it needs to be different*/ .gradients_div { overflow:hidden; } .gradients_div div { margin: 0 8px 10px 0; float:left; padding: 2px; height: auto; *height:20px; width: 104px; *width: 100px; } .gradients_div div img { border: 1px solid #666; height: 40px; } .gradients_div div:hover { padding:0px; border: #DE7300 2px dashed; cursor:pointer; } /*=====$SYMBOLPICKER styles======= */ .commonSymbols{ float: left; line-height: 0.8em; } .popularSymbol{ /*border: 1px solid #999;*/ border: none; color: #999; display: inline-block; /*margin-right: 5px;*/ /*padding: 1px; line-height: 1.2em; text-align: center;*/ width: 32px; height: 32px; opacity:0.5; } .popularSymbol:hover{ cursor:pointer; /*border: 1px solid black;*/ border: none; color: black; opacity:1; } .symbolWrapper, .datapickerSelector.symbolWrapper{ color: #999; float: left; /*margin-bottom: 0; padding: 3px;*/ margin: 0; padding: 0; font-size:0.8em; /*width: 5em; border: 2px solid #999;*/ width: 32px; height: 32px; border: none; position: absolute; bottom: 0; right: 0; /* vertical scroll set to be always visible in desktop */ } /* .has-touch .symbolWrapper, .has-touch .datapickerSelector.symbolWrapper{ right: 0; } */ .symbolWrapper:hover, .datapickerSelector.symbolWrapper:hover{ margin-bottom: 0; /*border: 2px solid black;*/ border: none; color: black; margin-bottom: 0; } .datapickerSelector.symbolWrapper:before { background: #999; display: none; } .datapickerSelector.symbolWrapper:after { display: none; } .datapickerSelector.symbolWrapper:hover:before { background: black; } .symbol_div{ overflow:hidden; } .symbol_div div { /*margin: 0 8px 10px 0; float:left; padding: 2px;*/ height: auto; font-size:3em; *height:1em; /*width: 1em; *width: 1em;*/ line-height:1em; width: 20%; text-align: center; display: inline-block; border: 2px solid transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*fixes symbol layout in imagebot*/ } .symbol_div div:hover { padding:0px; border: #f04f41 2px dashed; cursor:pointer; } .dp_right_panel.rpanel_symbol_div { background-color: #e0e0e1; color: #424143; } /*=====$LOGOPICKER styles=======*/ .logos_div { margin-left: -2%; /*because right_panel padding 4%/0 left/right*/ padding-top: 1px; /*make room for hover box-shadow for first row items*/ } .logos_div div { height: 102px; *height: 100px; width: 48%; *width: 47%; margin: 0 1% 1em; float: left; padding: 0px; overflow:hidden; border:1px solid black; text-align:center; position:relative; } /*needed for Chrome*/ .logos_div div:nth-of-type(odd){ margin-left: 0; margin-right: 2%; } .dp_item_ready { cursor:pointer; } .logos_div .dp_item_ready:hover, .logos_div .dp_item_ready.selectedItem:hover { border: 1px solid #DE7300; box-shadow: 0 0 0 1px #DE7300; } .logos_div .selectedItem { border: 1px solid #DD0000; box-shadow: 0 0 0 1px #DD0000; } .logos_div img{ max-height:100%; /*css centering*/ position:absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .logos_div .dp_loading_image { position:relative; padding-top:10px; } /*used for preloading and caching items*/ .dp_preload_item_container { position: absolute; top: 0; z-index: -100; visibility: hidden; padding: 0 2%; /*equal to right panel where logos usually live*/ /*height: 0; otherwise they occupy space! - breaks JS that uses height of this div...*/ } /*dp_main_inline modifications of datapicker*/ .dp_main_inline .dp_preview_header, .dp_main_inline .dp_left_panel, .dp_main_inline .dp_items_info, .dp_main_inline .dp_top_pagination { display: none; } .dp_main_inline .dp_preview_body, .dp_main_inline .dp_left_panel, .dp_main_inline .dp_right_panel { height: auto !important; max-height: none !important; } .dp_main_inline .dp_preview_dialog_outline, .dp_main_inline .dp_preview_dialog_container, .dp_main_inline .dp_preview_body, .dp_main_inline .dp_top_panel, .dp_main_inline .dp_left_panel, .dp_main_inline .dp_right_panel { background: 0; border: 0; } .dp_main_inline .dp_right_panel { padding-top: 1em; padding-left: 0; /*width: 98% !important; needed?*/ } .dp_main_inline .dp_top_panel_search .dp_search_field { width: 200px; } /*ui_simple modifications of datapicker*/ .ui_simple_only { display: none; } .ui_simple { } .ui_simple .dp_top_panel_alphabet, .ui_simple .dp_left_panel, .ui_simple .dp_items_info_totalMsg, .ui_simple .dp_more_categories_hint, .ui_simple .dp_preview_footer { display: none; } .dp_more_categories_hint { margin-top: 10px; margin-bottom: 20px; } .dp_more_categories_hint p { margin-bottom: 0; } .ui_simple .ui_simple_only { display: block; } .ui_simple:not(.dp_preview_inline) .dp_preview_body { border-bottom: 1px solid #333; } .ui_simple .dp_preview_header { padding: 6px 10px; } .ui_simple .dp_top_panel_search { float: right; position: relative; } .ui_simple .dp_category_select { width: auto; margin-top: 2px; margin-right: 3px; margin-bottom: 2px; height: 27px; padding: 2px 2px 2px 5px; } /*make right panel full width*/ .ui_simple .dp_right_panel { width: 100%; padding-left: 2%; padding-right: 2%; } .ui_simple .dp_item_container { padding-top: 10px; padding-left: 2px; /*make space for box-shadow hover/selected effect*/ padding-right: 2px; } .ui_simple .dp_top_pagination { margin: 6px 0 0; /*was 6px 20px 0;*/ } .ui_simple .fonts_div div { width: 100%; text-align: center; background: white; } .ui_simple .gradients_div, .ui_simple .patterns_div { margin-left: -3%; /*offset half of first items left margin*/ } .ui_simple .gradients_div div, .ui_simple .patterns_div div { max-width: 26%; /*plus margin equals 33%*/ margin: 0 0 1em 7%; } /*for iPad (max-width: 1200px and .has-touch)*/ @media (max-width: 1200px) { .has-touch .dp_preview_dialog_close { /* top: -4px; right: -4px; padding: 8px; width: 33px; height: 33px; */ } } /*or any screen smaller than 800px*/ @media (max-width: 800px) { .dp_main_inline .dp_top_pagination { display: block; } .dp_main_inline .dp_right_panel { padding-top: 0; } .dp_preview_dialog_close { /* top: -4px; right: -4px; padding: 8px; width: 33px; height: 33px; */ } .logos_div { margin-left: 0; } .logos_div div { width: 100%; margin: 0 0 .5em; height: 80px; } .dp_category_text { display: none; } /*mobile search for ui_simple*/ .ui_simple .dp_search_field_btn { position: absolute; right: 0; border-radius: 3px; } /*fix for input zoom in on iOS - requires larger font size, so make changes accordingly*/ .ui_simple .dp_top_panel_search .dp_search_field, .ui_simple .dp_category_select { height: 29px; font-size: 16px; } .ui_simple .dp_top_panel_search .dp_search_field_btn { height: 28px; } .ui_simple .dp_input_btn_icon { height: 26px; /*28 - borders*/ } .active.dp_top_panel_search .dp_search_input_btn_icon:after { line-height: 30px; } .ui_simple .dp_top_panel_search .dp_search_field { float: right; width: 0; visibility: hidden; -webkit-transition: width 0.25s ease-out; transition: width 0.25s ease-out; } /*search field only visible when active*/ .ui_simple .active.dp_top_panel_search { width: 100%; z-index: 2; } .ui_simple .active.dp_top_panel_search .dp_search_field { visibility: visible; width: 100%; position: relative; z-index: 1; } .ui_simple .active.dp_top_panel_search .dp_search_field_btn { border-radius: 0 3px 3px 0; z-index: 3; } /*show the search btn, but with an X which will close the search on click*/ .active.dp_top_panel_search .dp_search_input_btn_icon { background: none; } .active.dp_top_panel_search .dp_search_input_btn_icon:after { content: "×"; font-family: Arial, sans-serif; font-size: 30px; line-height: 23px; margin-top: 0; color: #333; font-weight: normal; width: 100%; text-align: center; display: block; } /*opera mini always shows the search field, uses different layout*/ .opera-mini .dp_top_panel_search { width: 55%; overflow: hidden; } .opera-mini .dp_category_select { max-width: 40%; } .opera-mini .dp_category_select_info { display: none; } .opera-mini .dp_top_panel_search .dp_search_field_btn { } .opera-mini .dp_top_panel_search .dp_search_field { float: right; width: auto; visibility: visible; margin-right: 28px; /*leave room for search field btn - overlapping causes issues in Symbian browser*/ padding-left: 28px; /*hack to push content inside overflow clipped parent*/ } } /*hover effects ONLY for: - non touch! (.no-touch on HTML element) - screens larger than 700(?)px */ @media (min-width: 700px) { .no-touch .dp_preview_dialog_close:hover { border: 0; /*padding:0; why*/ border-radius: 3px; background-position: center; background-color: #ececec; background-image: -webkit-linear-gradient(top, #ececec, #dfdfdf); background-image: linear-gradient(to bottom, #ececec, #dfdfdf); } } @media (max-width: 400px) { .symbol_div div { width: 25%; } } .jPicker .Icon{display:inline-block;height:24px;position:relative;text-align:left;width:25px}.jPicker .Icon span.Color,.jPicker .Icon span.Alpha{background-position:2px 2px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker .Icon span.Image{background-repeat:no-repeat;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker.Container{z-index:10}table.jPicker{background-color:#efefef;border:1px outset #666;font-family:Arial,Helvetica,Sans-Serif;font-size:12px!important;margin:0;padding:5px;width:545px;z-index:20}.jPicker .Move{background-color:#ddd;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px;cursor:move;height:12px;padding:0}.jPicker .Title{font-size:11px!important;font-weight:bold;margin:-2px 0 0 0;padding:0;text-align:center;width:100%}.jPicker div.Map{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:crosshair;height:260px;margin:0 5px 0 5px;overflow:hidden;padding:0;position:relative;width:260px}.jPicker div[class="Map"]{height:256px;width:256px}.jPicker div.Bar{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:n-resize;height:260px;margin:12px 10px 0 5px;overflow:hidden;padding:0;position:relative;width:24px}.jPicker div[class="Bar"]{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3,.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4,.jPicker .Bar .Map5,.jPicker .Bar .Map6{background-color:transparent;background-image:none;display:block;left:0;position:absolute;top:0}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3{height:2596px;width:256px}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{height:3896px;width:20px}.jPicker .Bar .Map5,.jPicker .Bar .Map6{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Bar .Map6{background-repeat:no-repeat}.jPicker .Map .Map3,.jPicker .Bar .Map5{background-repeat:repeat}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{background-repeat:repeat-x}.jPicker .Map .Arrow{display:block;position:absolute}.jPicker .Bar .Arrow{display:block;left:0;position:absolute}.jPicker .Preview{font-size:9px;text-align:center}.jPicker .Preview div{border:2px inset #eee;height:62px;margin:0 auto;padding:0;width:62px}.jPicker .Preview div span{border:1px solid #000;display:block;height:30px;margin:0 auto;padding:0;width:60px}.jPicker .Preview .Active{border-bottom-width:0}.jPicker .Preview .Current{border-top-width:0;cursor:pointer}.jPicker .Button{text-align:center;width:115px}.jPicker .Button input{width:100px}.jPicker .Button .Ok{margin:12px 0 5px 0}.jPicker td.Radio{margin:0;padding:0;width:31px}.jPicker td.Radio input{margin:0 5px 0 0;padding:0}.jPicker td.Text{font-size:12px!important;height:22px;margin:0;padding:0;text-align:left;width:60px}.jPicker tr.Hex td.Text{width:100px}.jPicker td.Text input{background-color:#fff;border:1px inset #aaa;height:19px;margin:0 0 0 5px;text-align:left;width:30px}.jPicker td[class="Text"] input{height:15px}.jPicker tr.Hex td.Text input.Hex{width:50px}.jPicker tr.Hex td.Text input.AHex{width:20px}.jPicker .Grid{text-align:center;width:114px}.jPicker .Grid span.QuickColor{border:1px inset #aaa;cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:0;padding:0;width:19px}.jPicker .Grid span[class="QuickColor"]{width:17px} /* * jGraduate Default CSS * * Copyright (c) 2010 Jeff Schiller * http://blog.codedread.com/ * * Copyright (c) 2010 Alexis Deveria * http://a.deveria.com/ * * Licensed under the Apache License Version 2 */ h2.jGraduate_Title { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px !important; font-weight: bold; margin: -13px 0px 0px 0px; padding: 0px; text-align: center; } .jGraduate_Picker { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; border-style: solid; border-color: lightgrey black black lightgrey; border-width: 1px; background-color: #EFEFEF; position: absolute; padding: 10px; } .jGraduate_tabs li { background-color: #ccc; display: inline; border: solid 1px grey; padding: 3px; margin: 2px; cursor: pointer; } li.jGraduate_tab_current { background-color: #EFEFEF; display: inline; padding: 3px; margin: 2px; border: solid 1px black; cursor: pointer; } /* ray add */ #jGraduate_add_favourite { position: absolute; right: 10px; top: 2px; } .jGraduate_colPick { display: none; margin: 0 2px; /* ray add: */ } .jGraduate_gradPick { display: none; border: outset 1px #666; padding: 10px 7px 5px 5px; overflow: auto; } .jGraduate_gradPick { display: none; border: outset 1px #666; padding: 10px 7px 5px 5px; overflow: hidden; /* ray: was auto */ /* position: relative;*/ } .jGraduate_tabs { position: relative; background-color: #EFEFEF; padding: 0px; margin: 0px; margin-bottom: 5px; } div.jGraduate_Swatch { float: left; margin: 8px; } div.jGraduate_GradContainer { border: 2px inset #EEE; background-image: url(images/map-opacity.png); background-position: 0px 0px; height: 256px; width: 256px; position: relative; } div.jGraduate_GradContainer div.grad_coord { background: #000; border: 1px solid #fff; border-radius: 5px; -moz-border-radius: 5px; width: 10px; height: 10px; position: absolute; margin: -5px -5px; top: 0; left: 0; text-align: center; font-size: xx-small; line-height: 10px; color: #fff; text-decoration: none; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; } .jGraduate_AlphaArrows { position: absolute; margin-top: -10px; margin-left: 250.5px; } div.jGraduate_Opacity { border: 2px inset #eee; margin-top: 14px; background-color: black; background-image: url(images/Maps.png); background-position: 0px -2816px; height: 20px; cursor: ew-resize; } div.jGraduate_StopSlider { /* border: 2px inset #eee;*/ margin: 0 0 0 -10px; width: 276px; overflow: visible; background: #efefef; height: 45px; cursor: pointer; } div.jGraduate_StopSection { width: 120px; text-align: center; } input.jGraduate_Ok, input.jGraduate_Cancel { display: block; width: 100px; margin-left: -4px; margin-right: -4px; } input.jGraduate_Ok { margin: 9px -4px 5px -4px; } .colorBox { float: left; height: 16px; width: 16px; border: 1px solid #808080; cursor: pointer; margin: 4px 4px 4px 30px; } .colorBox + label { float: left; margin-top: 7px; } label.jGraduate_Form_Heading { position: relative; top: 10px; background-color: #EFEFEF; padding: 2px; font-weight: bold; font-size: 13px; } div.jGraduate_Form_Section { border-style: solid; border-width: 1px; border-color: grey; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px 5px 5px 5px; margin: 5px 2px; width: 110px; text-align: center; overflow: auto; } div.jGraduate_Form_Section label { padding: 0 2px; } div.jGraduate_StopSection input[type=text], div.jGraduate_Slider input[type=text] { width: 33px; } div.jGraduate_LightBox { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; opacity: 0.5; display: none; } div.jGraduate_stopPicker { position: absolute; display: none; background: #E8E8E8; } .jGraduate_gradPick { width: 535px; } .jGraduate_gradPick div.jGraduate_OpacField { position: absolute; left: 0; bottom: 5px; /* width: 270px; left: 284px; width: 266px; height: 200px; top: 167px; margin: -3px 3px 0px 4px; */ } .jGraduate_gradPick .jGraduate_Form { float: left; width: 270px; position: absolute; left: 284px; width: 266px; height: 200px; top: 167px; margin: -3px 3px 0px 10px; } .jGraduate_gradPick .jGraduate_Points { position: static; width: 150px; margin-left: 0; } .jGraduate_SpreadMethod { position: absolute; right: 8px; top: 100px; } .jGraduate_Colorblocks { display: table; border-spacing: 0 5px; } .jGraduate_colorblock { display: table-row; } .jGraduate_Colorblocks .jGraduate_colorblock > * { display: table-cell; vertical-align: middle; margin: 0; float: none; } .jGraduate_gradPick div.jGraduate_StopSection { float: left; width: 133px; margin-top: -8px; } .jGraduate_gradPick .jGraduate_Form_Section { padding-top: 9px; } .jGraduate_Slider { text-align: center; float: left; width: 100%; } .jGraduate_Slider .jGraduate_Form_Section { border: none; width: 250px; padding: 0 2px; overflow: visible; } .jGraduate_Slider label { display: inline-block; float: left; line-height: 50px; padding: 0; } .jGraduate_Slider label.prelabel { width: 40px; text-align: left; } .jGraduate_SliderBar { width: 140px; float: left; margin-right: 5px; border:1px solid #BBB; height:20px; margin-top:14px; margin-left:5px; position: relative; } div.jGraduate_Slider input { margin-top: 5px; } div.jGraduate_Slider img { top: 0; left: 0; position: absolute; margin-top: -10px; cursor:ew-resize; } .jGraduate_gradPick .jGraduate_OkCancel { position: absolute; top: 39px; right: 10px; width: 113px; } .jGraduate_OpacField { position: absolute; right: -10px; bottom: 0; } body { background: #D0D0D0; } #browser-not-supported { font-size: 0.8em; font-family: Verdana, Helvetica, Arial; color: #000000; } #svg_editor * { transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; } #svg_editor { font-size: 8pt; font-family: Verdana, Helvetica, Arial; color: #000000; } #svg_editor a { color: #0000FF; } #svg_editor hr { border: none; border-bottom: 1px solid #808080; } #svg_editor select { margin-top: 4px; } #svg_editor #svgroot { -moz-user-select: none; -webkit-user-select: none; position: absolute; top: 0; left: 0; } #svg_editor #svgcanvas { line-height: normal; display: inline-block; background-color: #A0A0A0; text-align: center; vertical-align: middle; width: 600px; height: 400px; -apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px); /* for widget regions that shouldn't react to dragging */ position: relative; /* A subtle gradient effect in the canvas. Just experimenting - not sure if this is worth it. */ /* cam remove: background: -moz-radial-gradient(45deg,#bbb,#222);*/ /* cam remove: background: -webkit-gradient(radial, center center, 3, center center, 1000, from(#bbb), to(#222));*/ } #rulers > div { position: absolute; background: #DDD; overflow: hidden; } .zindex1 { z-index: 1; } #ruler_corner { top: 66px; /* cam: 76px; */ left: 224px; /*cam: 41px */ width: 15px; height: 15px; } #ruler_x { height: 15px; top: 66px; /* cam: 76px; */ left: 239px; /*cam: 56px; */ right: 215px;/*ray: was 24px; */ border-bottom: 1px solid; border-left: 1px solid #777; } #rulers.moved #ruler_corner, #rulers.moved #ruler_x { top: 91px; /* cam: 101px */ } #ruler_y { width: 15px; top: 81px; /* cam: 91px; */ left: 224px; /* was 61px; */ bottom: 54px; /* was 78px; */ border-right: 1px solid; border-top: 1px solid #777; } #rulers.moved #ruler_y { top: 146px; /* cam: was 116 */ } #ruler_x canvas:first-child { margin-left: -16px; } #ruler_x canvas { float: left; } #ruler_y canvas { margin-top: -16px; } #ruler_x > div, #ruler_y > div { overflow: hidden; } #svg_editor div#palette_holder { overflow-x: hidden; /* cam: was scroll */ overflow-y: hidden; height: 18px; /* cam: was 31px */ /* border: 1px solid #808080; margin-top: 2px; */ margin-left: 0px; /* cam: was 4px */ position: relative; z-index: 2; } #svg_editor #stroke_bg, #svg_editor #fill_bg { height: 16px; width: 15px; /* ray: was 15px bug 150 */ margin: 1px; } #svg_editor #fill_color, #svg_editor #stroke_color { height: 16px; width: 16px; border: 1px solid #808080; cursor: pointer; margin-top: -18px; margin-left: 0px; /* cam was 1px; */ } #tool_stroke select { margin-top: 0; } #svg_editor #color_tools .icon_label { width: 28px; height: 100%; cursor: pointer; } #svg_editor #group_opacityLabel, #svg_editor #zoomLabel { cursor: pointer; } #svg_editor #linkLabel > svg { height: 20px; padding-top: 4px; } #color_tools .icon_label > * { top: 1px; } #svg_editor div#palette { float: left; width: 100%; /* ray was 672px */ height: 18px; /* ray was 16px */ } #svg_editor div#workarea { display: inline-table-cell; position:absolute; top: 65px; /* cam: 75px; */ left: 223px; /*cam 40px;*/ bottom: 39px;/* cam: was 62px; */ right: 199px; /* same as ruler_x. ray: was 14px; cam: was 8px */ background-color: #A0A0A0; border: 1px solid #808080; overflow: scroll; /* ray: was auto */ text-align: center; } div#dropZone1, div#dropZone2 { visibility: hidden; top: 85px; /* cam: 75px; */ left: 236px; /*cam 40px;*/ bottom: 14px;/* cam: was 62px; */ right: 0px; /* same as ruler_x. ray: was 14px; cam: was 8px */ /*color: #000; background: #B5EDBC;*/ border: 5px solid green; padding: 0px; margin: 0px; position: absolute; text-align: center; z-index: 3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0.5; } #dropZone1 input#fileInput, #dropZone2 input#urlInput { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } /* cam removed sidepanels */ /* NOT USED? */ #svg_editor #layerpanel { display: inline-block; position:absolute; top: 1px; bottom: 0px; right: 0px; width: 0px; overflow: auto; margin: 0px; -moz-user-select: none; -webkit-user-select: none; } /* border-style: solid; border-color: #666; border-width: 0px 0px 0px 1px; */ /* ray moved to imagebot #svg_editor #sidepanel_handle */ /* cam moved to imagebot.css #svg_editor #sidepanel_handle:hover #svg_editor #sidepanel_handle * */ /* #svg_editor #layerbuttons { padding-left: 1px; padding-right: 1px; width: 99%; margin: 0px; /*height: 22px;*/ border-right: 0px solid #FFFFFF; border-bottom: 0px solid #F00; border-left: 0px solid #808080; border-top: 0px solid #000; overflow: hidden; } */ /* ray add */ #svg_editor .layer_button_disabled { width: 20px; height: 20px; padding: 1px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; cursor: default; float: left; margin-left: 2px; margin-right: 2px; opacity: 0.5; } #svg_editor .layer_button { width: 20px; height: 20px; padding: 1px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; cursor: pointer; float: left; margin-left: 2px; margin-right: 2px; } #svg_editor .layer_button:last-child { margin-right: 0; } #svg_editor .layer_buttonpressed { /* width: 14px; height: 14px; ray remove: */ padding: 1px; /* border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #808080; border-top: 1px solid #808080; ray remove: */ width: 20px; /* ray add */ height: 20px; /* ray add */ background-color: #f4e284 !important; /* ray add */ border-left: 1px solid #663300 !important; /* ray add */ border-top: 1px solid #663300 !important; /* ray add */ border-color: #FFFFFF #808080 #808080 #FFFFFF; /* ray add */ border-style: solid; /* ray add */ border-width: 1px; /* ray add */ float: left; /* ray add */ margin-left: 2px; /* ray add */ margin-right: 2px; /* ray add */ cursor: pointer; } #svg_editor #layerlist { /* ray remove: margin: 1px; padding: 0px; height: 50%;*/ width: 100%; /* ray: was 99 */ border-collapse: collapse; /* ray remove: border: 1px solid #808080; background-color: #ffffff; overflow: auto;*/ } #svg_editor #layerlist tr.layer { background-color: #FFFFFF; margin: 0px; padding: 0px; } #svg_editor #layerlist tr.layersel { border: 1px solid #808080; background-color: #CCCCCC; } #svg_editor #layerlist td.layerinvis { background-image: none; cursor:pointer; } #svg_editor #layerlist td.layername { cursor: pointer; } #svg_editor #layerlist tr.layersel td.layername { font-weight: bold; } #svg_editor #selLayerLabel { white-space: nowrap; } #svg_editor #selLayerNames { display: inline; /* ray: was block; */ } #svg_editor div.palette_item { height: 16px; width: 16px; float: left; border-right: 1px solid black; /* ray add */ border-top: 1px solid #808080; /* ray add */ border-bottom: 1px solid #808080; /* ray add */ } #svg_editor #main_button { position: absolute; top: 34px; /* cam: was 4px; */ left: 4px; z-index: 5; } #svg_editor #main_icon { background: #E8E8E8; position: relative; top: -2px; left: -2px; padding: 1px 0 2px 1px; width: 44px; height: 30px; border-left: 1px solid #FFF; border-top: 1px solid #FFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #svg_editor .tool_button:hover, #svg_editor .push_button:hover, #svg_editor .layer_button:hover, /* ray add */ #svg_editor .buttonup:hover /* helen remove: not needed , #svg_editor .buttondown, #svg_editor .tool_button_current, #svg_editor .push_button_pressed */ { border-left: 1px #fcd9ba solid !important; border-top: 1px #fcd9ba solid !important; border-right: 1px #e0a874 solid !important; border-bottom: 1px #e0a874 solid !important; background-color: #FFC !important; } #svg_editor .tool_button_current, #svg_editor .push_button_pressed, #svg_editor .buttondown { background-color: #f4e284 !important; border-top: 1px solid #630 !important; border-left: 1px solid #630 !important; } #svg_editor #main_icon span { position: absolute; width: 100%; height: 100%; display: block; z-index: 2; } #svg_editor #main_menu { z-index: 12; background: #E8E8E8; position: relative; width: 200px; padding: 5px; -moz-box-shadow: #555 1px 1px 4px; -webkit-box-shadow: #555 1px 1px 4px; font-size: 1.1em; display: none; overflow: hidden; border: 1px outset gray; clear: both; } #svg_editor #main_menu ul, #svg_editor #main_menu li { list-style: none; margin: 0; padding: 0; } #svg_editor #main_menu li { /* height: 35px;*/ line-height: 22px; padding-top: 7px; padding-left: 7px; margin: -5px; overflow: auto; cursor: default; } #svg_editor #main_menu li:hover { background: #FFC; } #svg_editor #main_menu li > div { float: left; padding-right: 5px; } #svg_editor #main_menu p { margin-top: 5px; } #svg_editor #logo img { border: 0; width: 32px; height: 32px; } #main_icon > div { float: left; } #svg_editor #main_button .dropdown { padding-top: 28%; margin-left: -1px; } #svg_editor #tools_top { position: absolute; left: 50px; right: 2px; top: 34px; height: 72px; border-bottom: none; /* Ideally this should be auto (makes scrollbar if needed), but currently hides the .dropdown lists. /* overflow: auto;*/ } #svg_editor #tools_left { position: absolute; border-right: none; width: 32px; top: 65px; /* cam: 75px; */ left: 0; padding-left: 2px; /*background: #D0D0D0;*/ /* Needed so flyout icons don't appear on the left */ z-index: 4; } #workarea.wireframe #svgcontent * { fill: none; stroke: #000; stroke-width: 1px; stroke-opacity: 1.0; stroke-dasharray: 0; opacity: 1; pointer-events: stroke; vector-effect: non-scaling-stroke; filter: none; } #workarea.wireframe #svgcontent text { fill: #000; stroke: none; } #workarea.wireframe #canvasBackground > rect { fill: #FFF !important; } #tools_top div[id$="_panel"]:not(#editor_panel):not(#history_panel) { display: none; } #svg_editor #multiselected_panel .selected_tool { vertical-align: 12px; } #cur_context_panel { position: absolute; top: 70px; left: -10px; right: -2px; overflow: auto; border: 1px solid #777; border-bottom: none; border-right: none; padding-left: 5px; font-size: 12px; } #svg_editor #cur_context_panel a { float: none; text-decoration: none; } #svg_editor #cur_context_panel a:hover { text-decoration: underline; } #svg_editor #tools_top > div, #tools_top { line-height: 26px; } #svg_editor div.toolset > * { margin-top: 0; /* float: left; ray: remove */ display: inline; } #tool_color_stroke { position: static; margin-top: 0; height: 32px; } #svg_editor div.toolset { margin-top: 0; height: 24px; /* ray: was 34 */ position: static; } #svg_editor div.toolset label span { /* outline: 1px solid red;*/ padding-top: 3px; display: inline-block; } #tools_top > div > * { float: left; margin-right: 2px; } #tools_top label { margin-top: 0; margin-left: 5px; } #tools_top input { margin-top: 5px; height: 15px; } #svg_editor #tools_left .tool_button, #svg_editor #tools_left .tool_button_current { position: relative; z-index: 11; } #svg_editor .flyout_arrow_horiz { position: absolute; bottom: -1px; right: 0; z-index: 10; } span.zoom_tool { line-height: 26px; padding: 3px; } #zoom_panel { margin-top: 5px; } .dropdown { position: relative; } #svg_editor .dropdown button { width: 15px; height: 21px; margin: 2px 0 0 1px; padding: 0; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; background-color: #E8E8E8; } .dropdown button.down { border-left: 1px solid #808080; border-top: 1px solid #808080; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #B0B0B0; } .dropdown ul { list-style: none; position: absolute; margin: 0; padding: 0; left: -80px; top: 26px; z-index: 4; display: none; } .dropup ul { top: auto; bottom: 26px; } .dropdown li { display: block; width: 120px; padding: 4px; background: #E8E8E8; border: 1px solid #B0B0B0; margin: 0 0 -1px 0; line-height: 16px; } .dropdown li:hover { background-color: #FFC; } .dropdown li.special { padding: 10px 4px; } .dropdown li.special:hover { background: #FFC; } #font_family_dropdown li { font-size: 1.4em; } #font_family { margin-left: 3px; /* ray: was 3px */ margin-right: 0; } #font_label { padding-top: 5px; } #svg_editor .tool_button, #svg_editor .push_button, #svg_editor .tool_button_current, #svg_editor .push_button_pressed { float: left; /** cam add */ height: 24px; width: 24px; margin: 0px 2px 4px 0px; /* cam: 2px; */ padding: 2px; border-left: 1px solid #FFF; border-top: 1px solid #FFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; /*background-color: #E8E8E8;*/ cursor: pointer; /*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } #svg_editor #main_menu li#tool_open, #svg_editor #main_menu li#tool_import { position: relative; overflow: hidden; } #tool_image { overflow: hidden; } #tool_open input, #tool_import input, #tool_image input { position: absolute; opacity: 0; font-size: 10em; top: -5px; right: -5px; margin: 0; cursor: pointer; /* Sadly doesn't appear to have an effect */ } #svg_editor .disabled { opacity: 0.5; cursor: default; } #svg_editor .tool_sep { width: 1px; background: #888; border-left: 1px outset #EEE; margin: 2px 3px; padding: 0; height: 24px; } #svg_editor .icon_label { float: left; padding-top: 3px; padding-right: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 0; } #svg_editor .width_label { padding-right: 5px; } #text { position: absolute; left: -9999px; } #url_notice { padding-top: 4px; display: none; } #svg_editor #color_picker_panel { top: 108px; left: 250px; position: absolute; display: none; background: #E8E8E8; height: 358px; border: 1px solid black; width: 570px; z-index: 4000; } #svg_editor #color_picker_overlay { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: black; opacity: 0.1; z-index: 3000; } #svg_editor .tools_flyout { position: absolute; display: none; cursor: pointer; width: 400px; z-index: 1500; } #svg_editor .tools_flyout_v { position: absolute; display: none; cursor: pointer; width: 30px; } #svg_editor .tools_flyout .tool_button { float: left; background-color: #E8E8E8; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; height: 28px; width: 28px; } #svg_editor #tools_bottom { position: absolute; left: 35px; /* cam: was 38px; */ right: 0; bottom: 0; height: 40px; /* cam: was 20px;*/ overflow: visible; } #svg_editor #tools_bottom_1 { width: 115px; float: left; } #svg_editor #tools_bottom_2 { width: 165px; position: relative; float: left; } #svg_editor #tools_bottom_3 { /* border: 1px solid #808080; */ } #tools_bottom input[type=text] { width: 2.2em; } #svg_editor #color_tools { display: table; margin-top: 1px; clip: rect(0,0,10px,0); } .color_tool { overflow: hidden; height: 20px; /* ray: was 18px */ width: 20px; /* ray: was 18px */ padding: 0; /* ray: was 2px 2px 0 2px; */ } .color_tool > * { display: table-cell; background: #f0f0f0; padding: 0 5px 0 0; vertical-align: middle; /* height: 25px;*/ } #svg_editor .stroke_tool button { margin-top: 3px; background: #F0F0F0; } #svg_editor .stroke_tool div div { -moz-user-select: none; -webkit-user-select: none; width: 20px; height: 20px; margin: 1px 0; padding: 1px; border: 1px solid #DDD; } #svg_editor .stroke_tool:hover div > * { background-color: #FFC; } #svg_editor .stroke_tool.down div div, #svg_editor .stroke_tool.down button, #tools_top .dropdown.down > * { border: 1px inset gray; background: #F4E284; } #font_family_dropdown { padding: 1px 0 0 3px; } #tools_top .dropdown .icon_label { border: 1px solid transparent; margin-top: 3px; height: auto; } #option_lists ul { display: none; position: absolute; height: auto; z-index: 1553; /* ray: was 3 */ margin: 0; list-style: none; padding-left: 0; } #option_lists .optcols2 { width: 70px; margin-left: -15px; } #option_lists .optcols3 { width: 90px; margin-left: -31px; } #option_lists .optcols4 { width: 130px; margin-left: -44px; } #option_lists ul[class^=optcols] li { float: left; } #svg_editor ul li.current { background-color: #F4E284; } #svg_editor #option_lists ul li { margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .color_tool > *:first-child { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; padding-right: 0; } .color_tool > *:last-child { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; } #tools_bottom .dropdown button { margin-top: 2px; } #opacity_dropdown li { width: 140px; } #svg_editor #copyright { display: inline; /* cam add */ float: right; /* cam add */ font-size: 1.5em; /* cam add */ text-align: right; padding-right: .3em; margin-top: -5px; /* cam add */ width: 20%; /* cam add */ } #svg_editor #ib-status { /* cam add */ display: inline; float: left; font-size: 1.2em; text-align: left; padding-right: .3em; width: 70%; } .svg_source_editor { display: none; } /* #svg_source_editor #svg_source_overlay { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: black; opacity: 0.6; z-index: 5999; } */ .svg_source_editor .svg_source_container { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; background-color: #B0B0B0; opacity: 1.0; text-align: center; border: 1px outset #777; z-index: 50001; } .save_output_btns { display: none; text-align: left; } .save_output_btns p { margin: .5em 1.5em; display: inline-block; font-family:serif; font-size:1.5em; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider { border: 1px solid #B0B0B0; } .ui-slider-handle { background: #B0B0B0; border: 1px solid #000; } /* Necessary to keep the flyouts sized properly */ #svg_editor .tools_flyout .tool_button, #svg_editor .tools_flyout .tool_flyout { padding: 2px; width: 24px; height: 24px; margin: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* Generic context menu styles */ .contextMenu { position: absolute; z-index: 99999; border: solid 1px rgba(0,0,0,.33); background: rgba(255,255,255,.95); padding: 5px 0; margin: 0px; display: none; font: 12px/15px Lucida Sans, Helvetica, Verdana, sans-serif; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 5px 10px rgba(0,0,0,.3); -webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.3); box-shadow: 2px 5px 10px rgba(0,0,0,.3); } .contextMenu LI { list-style: none; padding: 0px; margin: 0px; } .contextMenu .shortcut { width: 115px; text-align:right; float:right; } .contextMenu A { -moz-user-select: none; -webkit-user-select: none; color: #222; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 0px 15px 1px 20px; } .contextMenu LI.hover A { background-color: #2e5dea; color: white; cursor: default; } .contextMenu LI.disabled A { color: #999; } .contextMenu LI.hover.disabled A { background-color: transparent; } .contextMenu LI.separator { border-top: solid 1px #E3E3E3; padding-top: 5px; margin-top: 5px; } /* Adding Icons You can add icons to the context menu by adding classes to the respective LI element(s) */ /* .contextMenu LI.edit A { background-image: url(/imagebot/images/page_white_edit.png); } .contextMenu LI.cut A { background-image: url(/imagebot/images/cut.png); } .contextMenu LI.copy A { background-image: url(/imagebot/images/page_white_copy.png); } .contextMenu LI.paste A { background-image: url(/imagebot/images/page_white_paste.png); } .contextMenu LI.delete A { background-image: url(/imagebot/images/page_white_delete.png); } .contextMenu LI.quit A { background-image: url(/imagebot/images/door.png); } */ #ft-logo-options-content * { font-weight: normal; font-size: 1em; } #ft-logo-options-content { border-top: 1px dotted #E0E0E0; margin-top: 0px; clear: both; padding-top: 0px; } #ft-logo-options-content form { padding: 0px 5px 5px 0px; } .logoPreviewFixed { position: relative; border: none; } .logoImageNote { padding-top: 0px; } .colorpicker { z-index: 1553; } .formEntry { margin: 2px 0px 0px 0px; width:auto; padding: 0px; } .formEntryName { font-size: inherit; float: none; width: auto; text-align: left; padding: 0px; } .formEntryValue { float: none; width: 100%; text-align: left; max-width: none; padding: 0px; } .toggleName { cursor: default; float: left; } .adjustmentName { margin-left:0px; cursor: default; margin-left: 5px; } .adjustmentValue { margin-left:0px; } .adjustmentValue input { margin-left:0px; width:40px; height:15px; } .adjustmentValue .ui-slider .ui-slider-horizontal .ui-widget .ui-widget-content.ui-corner-all { margin: -15px 10px 0px 60px; } .colorName { margin-left:0px; cursor: default; margin-left: 5px; } .gradientName { cursor: default; padding: 6px 0px 0px 0px; } .patternName { cursor: default; padding: 18px 0px 0px 0px; } .comboValue { padding-left: 3px; } .extName { padding-top: 3px; } .extValue { padding-left: 3px; } .gtypeValue { padding-left: 3px; } .grepeatValue { padding-left: 3px; } .colorSelector div{ width:140px; } .cf { display: block; zoom: 1; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .clear { width: 0px; height: 0px; padding: 0px 0px 0px 0px; clear: both; } #logoImage { background:url('/imagebot/images/transparent.png'); } #logo_image { position: fixed; top: 0px; width: 100%; text-align: center; } .main_container { margin-top: 105px; } .box_outer { margin: 15px 2px 0px 2px; /* top right bottom left */ border: #3c5a86 1px solid; border-radius: 5px; /* css3 */ padding: 3px; /*XXX: 5px;*/ color: #000; /*background-color: #ffffff;*/ } .box_outer_no_border { margin: 15px 0px 0px 5px; /* top right bottom left */ padding: 3px; /*XXX: 5px */ color: #000; /*background-color: #ffffff;*/ } .box_title { /* link only, lower margin-top */ margin: 0 0 -12px 5px; margin-top: -15px; border: #aaa 1px solid; padding-top : 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; display: inline; background-color: #ccc; float: left; border-radius: 2px; /* css3 */ white-space:nowrap; overflow-x:hidden; } .box_title_with_checkbox { /* link and checkbox, higher margin-top */ margin: 0 0 -12px 5px; margin-top: -18px; border: #aaa 1px solid; padding-top : 0px; padding-bottom: 0px; padding-left : 5px; padding-right : 5px; display: inline; background-color: #ccc; float: left; border-radius: 2px; /* css3 */ } .box_title_link { display: inline; /* prevent line break before optional component */ } .box_title_link a { color: #000; text-decoration: none; display: inline; /* prevent line break before optional component */ } .box_title_link a:hover { color: #3333ff; } .group_title { text-align: left; } .group_title a { color: #000; text-decoration: none; display: inline; /* prevent line break before optional component */ padding-left: 3px; } .group_title a:hover { color: #3333ff; } .box_inner, .box_summary { margin: 3px 0 0 0; /*XXX:4px 5 */ padding: 0px; overflow: hidden; width: 100%; } .box_group { margin-left: 0px; /* 20 */ overflow: hidden; width: 100%; } .pad_left_15 { padding-left: 15px; } /*new form stuff */ a.selected { background-color:#1F75CC; color:white; z-index:100; } /*overriding flamigtext styles - disabled for now*/ /* .dp_preview_header,.dp_preview_footer{ font: 12px/25px Lucida Sans,Helvetica,Verdana,sans-serif; } .dp_preview_header, .dp_preview_body, .dp_preview_footer{ padding:5px; font: 12px/14px Lucida Sans,Helvetica,Verdana,sans-serif; } .dp_preview_body { width:270px; padding:0; } .dp_left_panel { width:30%; } .dp_right_panel { width:70%; } .dp_loading_div{ font: 15px/25px Lucida Sans,Helvetica,Verdana,sans-serif; } .dp_loading_indicator{ padding:12px; } .dp_failed_div{ font: 15px/25px Lucida Sans,Helvetica,Verdana,sans-serif; } .dp_autocloseDiv input{ top:3px; } .dp_autocloseDiv span{ position:relative; top:5px; } .dp_tag_list { padding: 2px; font-size: 1em; } .dp_tag_list li { margin:0px; padding:1px 2px; } .dp_tag_table { padding: 1px; } .dp_preview_button_okay { font: 12px/14px Lucida Sans,Helvetica,Verdana,sans-serif; } .fontpreview img { border: #000000 1px dashed; margin: 1px; width: 140px; height: 32px; } .fontpreview img:hover { border: #000000 2px solid; margin: 0px; } .fontpreview li { margin: 0px 0px 0px 1px; padding: 0px; } .fontpreview { margin: 0; padding: 1px; list-style-type: none; } */ a img { border: 0; } .formEntryName.adjustmentName, .colorName{ margin-left:0px; } .formEntryValue.adjustmentValue{ padding-top: 0px; padding-bottom: 15px; } .formEntryValue.adjustmentValue input{ margin-left:0px; width:40px; height:15px; } .formEntryValue.adjustmentValue .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{ margin: -15px 10px 0px 60px; width:auto; } .colorSelector { width: auto; max-width: 140px; } .radioWrapper { margin-right:0px; } .sliderWrapper { margin-top:0; width: 100%; padding-left:0; } .fontImage { width:140px; height:32px; } .datapickerSelector { width:140px; } .popularSymbol{ height: 20px; width: 20px; } .popularSymbol.extraSymbol { display: none; } .commonSymbols{ margin-bottom: 3px; } .symbolWrapper, .datapickerSelector.symbolWrapper{ line-height: 1em; text-align: center; height: 12px; } #ibtopmenubar { } body { margin-top: 3px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .ib-copyright { cursor: default; display: inline; position: absolute; font-size: 1.3em; text-align: right; padding-right: .3em; width: 20%; bottom: 0; right: 0; } .ibc-logo { position: absolute; /* right: 15px; top: 18px; width: 100px; height: 50px; background: url('/imagebot/images/imagebot-signature-sitelogo.png'); border: 1px solid red; */ right: 0px; top: 0px; width: 360px; height: 82px; background: url('/imagebot/images/logo2.png'); /*border: 1px solid #000;*/ /*z-index: 10; *//* temp: to test liveworm logo */ } .ib-horizontal-line { border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; } .separator { border-top: 1px solid #888; border-bottom: 1px solid #eee; margin: 5px; } .ibc-menubar ul li a { font-size: 20px; float: left; text-decoration: none; padding: 0px 10px; font-family: sans-serif; color: #111; background-color: #ccc; } #ibid-icon-panel { position:absolute; overflow: hidden; top: 27px; height: 34px; } #ibid-icon-panel .ib-icon-separator { margin: 0px 15px; border: 1px solid #ccc; /* hack needed to get spacer working */ float: left; } #ibid-icon-panel .ib-button { float: left; padding: 4px; margin-right: 4px; background-position: center; border: solid 1px #888; border-radius: 3px; background: -webkit-linear-gradient(#eee, #ccc); background: linear-gradient(#eee, #ccc); cursor: pointer; } #ibid-icon-panel .ib-button:hover { border-color: #009; background: -webkit-linear-gradient(#eee, #99F); background: linear-gradient(#eee, #99F); } #ibid-icon-panel .ib-button.disabled, #ibid-icon-panel .ib-button.disabled:hover { cursor: default; background-position: center; border: solid 1px #888; border-radius: 3px; background: -webkit-linear-gradient(#eee, #ccc); background: linear-gradient(#eee, #ccc); } #ibid-layer-table { height: 108px; overflow-x: hidden; overflow-y: auto; padding: 0px; border: 1px solid #808080; border-collapse: collapse; background-color: #FFFFFF; } #imagebot_init_layer { pointer-events: none; } #ib-file-open, #ib-icon-open { position: relative; overflow: hidden; } .ibc-file-upload, #ib-file-open input, #ib-file-import input, #ib-icon-open input, #ib-icon-import input { position: absolute; opacity: 0; font-size: 10em; top: -5px; right: -5px; margin: 0; cursor: pointer; /* Sadly doesn't appear to have an effect */ height: 100px; /* needed for safari*/ } .ib-fancy-popup { display:none; position:absolute; z-index: 1050; /*display:block;*/ width:300px; height:300px; } .ib-fancy-popup-square { float:left; width:98px; height:98px; background-color: #ccc; border: 1px solid #000; color: #00f; text-align: center; display: table; /* so that table-cell can be aligned vertically below */ opacity:0.8; } .ib-fancy-popup-square * { vertical-align: middle; display: table-cell; } .ib-fancy-popup-square.disabled { color: #000; opacity:0.4; } .ib-fancy-popup-square:hover.disabled { border: 1px solid #000; background-color: #ccc; color: #000; opacity: 0.4; } .ib-fancy-popup-square:hover { border: 1px solid #00F; background-color: #999; opacity:1.0; color: #00A; } /*#popup-esc-0 { background-color: #f00; } #popup-esc-1 { background-color: #0f0; } */ #ib-float_layer_panel { position: absolute; left: 241px; top: 160px; height: 230px; width: 141px; display: none; } #ib-float_property_panel { position: absolute; right: 40px; top: 100px; width: 300px; } #ib-float_font_panel { display: none; position: absolute; width: 384px; left: 30%; top: 20%; z-index: 1500; } #ibid-shortcut { display: none; position: absolute; width: 334px; left: 25%; top: 55%; } #ibid-shortcut-list { text-align: center; overflow: auto; height: 165px; } #ib-search-text { width: 96%; } #ib-font_footer { background: none repeat scroll 0 0 #449944; border-top: 1px solid; height: 35px; } #ib-autocloseDiv { margin: 5px; text-align: right; } #ib-font_right { background: none repeat scroll 0 0 #CCDDCC; float: left; height: 350px; overflow: auto; width: 384px; } /* cam asks .. not needed? #ib-dnd_panel { display: none; height: 150px; left: 50%; margin-left: -150px; margin-top: -80px; position: fixed; text-align: center; top: 50%; width: 300px; z-index: 50001; background-color: #DDDDDD; border: 1px solid rgba(0, 0, 0, 0.33); font: 20px/15px Lucida Sans,Helvetica,Verdana,sans-serif; } .ib-dnd_button { font-size: 20px; height: 80px; margin: 20px 10px; width: 120px; } */ .ibc-float_panel { display: block; background-color: #E0E0E0; border: 1px solid; z-index: 1000; } .ibc-float_panel > * { overflow: hidden; } .ibc-float_titlebar { background: none repeat scroll 0 0 #CFEBF7; cursor: move; font-weight: bold; line-height: 2; text-align: center; } .ibc-float_titlebar_close { background: url("/imagebot/images/close.gif") no-repeat scroll 0 0 transparent; height: 11px; width: 11px; float: right; cursor: pointer; margin: 5px; } .ib-float_item { float: left; } .attr_changer { width: 45px; height: 14px; margin-right: 3px; background-color: white; } .ib-slider_input { width: 30px; height: 14px; margin-right: 3px; background-color: white; } .ib-tool_slider_wrap { width: 100px; line-height: 16px; margin-left: 3px; padding: 6px 12px 6px 4px; } .ib-text_tool_button { float: left; background-color: #E8E8E8; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; height: 18px; width: 18px; } #ib-tool_color_stroke { position: static; margin-top: 0; height: 34px; } #ib-tool_color_stroke > * { float: left; } .ib-transparent_label{ width: 54px; text-align: right; } .ib-tool_label { text-align: right; width: 74px; height: 24px; font-size: 12px; margin-right: 2px; } .ib-tool_node_label { width: 26px; margin-right: 2px; font-size: 12px; height: 24px; text-align: right; } .ib-tool_right_label { text-align: right; margin-right: 2px; width: 53px; height: 24px; font-size: 12px; } .advance_label_text { font-size: 12px; white-space: nowrap; } #ib-property_advance_label, #ib-property_ft_label { height: 24px; font-size: 12px; white-space: nowrap; display: none; } #ib-property_ft_label { text-align: right; width: } .ib-tool_adv { display: none; border-top: 1px dotted black; border-bottom: 1px dotted black; } #svg_editor #leftpanel { display: inline-block; position:absolute; top: 65px; bottom: 39px; left: 35px; width: 180px; padding: 0px; border-color: #808080; border-style: solid; border-width: 1px; border-right: none; background-color: #fd0 overflow-y: auto; } #svg_editor #rightpanel { display: inline-block; position:absolute; top: 65px; bottom: 39px; right: 0px; width: 190px; padding: 0px; border-color: #808080; border-style: solid; border-width: 1px; } #svg_editor .handle_img { margin-left: -1px; margin-top: -25px; position: relative; top: 50%; } #svg_editor .panel_handle { display: table-cell; position: absolute; font-size: 6px; height: 100%; width: 5px; /*width: 6em;*/ /* cam: was 1em; */ /*padding: 5px 1px 5px 5px;*/ /*margin-left: 3px;*/ margin-left: 1px; margin-right: 1px; cursor: ew-resize; text-align: center; color: #4C4C4C; vertical-align: middle; } #svg_editor #leftpanel_handle { right: -7px; } #svg_editor #rightpanel_handle { left: -8px; } #svg_editor #rightpanel_handle * { cursor: ew-resize; -moz-user-select: none; -webkit-user-select: none; } #svg_editor #leftpanel_handle * { cursor: ew-resize; -moz-user-select: none; -webkit-user-select: none; } .ib-panel-heading { font-size: 15px; background: url('/imagebot/images/left-panel-header.png'); border: solid 1px #000; padding-left: 5px; margin: 2px; white-space:nowrap; overflow-x:hidden; /* TODO add X to close that panel, and eventually * option to float, drag etc.. */ } #leftpanel-content { overflow-x: hidden; /* cam: was scroll */ overflow-y: hidden; height: 100%; border-right: 1px solid #999; } #rightpanel-content { overflow-x: hidden; overflow-y: auto; height: 100%; /* border-right: 1px solid #999;*/ } .ib-layernameinput { margin-left: -3px; margin-top: -3px; margin-bottom: -3px; height: 15px; width: 100%; } .ib-panel-sub-content { display:block; } .ib-panel-sub-header { background-color: #DDDDDD; border: 1px solid rgba(0, 0, 0, 0.33); margin-top: 2px; margin-left: 3px; margin-right: 3px; padding-left: 10px; border-radius: 4px; } .ib-panel-sub-header-icon { margin-bottom: -1px; } .ib-clipart { display: inline-block; border: 1px solid #000; margin: 1px; background-repeat: no-repeat; background-color: #fff; background-position: center; cursor: pointer; border-radius: 3px; } .ib-clipart:hover { border: 2px solid #00f; margin: 0px; } .ib-ftfilter { width: 100%; background: #ffffff; border-bottom: 1px solid #E0E0E0; clear:both; cursor:pointer; overflow-y:auto; overflow-x:hidden; } /* helen 240811: changed background color to be more subtle */ .ib-active-ftfilter { overflow-y:auto; overflow-x:hidden; /* color:white; background-color: #3268E7; background-image: -webkit-linear-gradient(top, #3268E7, #6199F8); background-image: linear-gradient(top, #3268E7, #6199F8); */ color:#000; background-color: #F2F4F6; background-image: -webkit-linear-gradient(top, #F2F4F6, #C8D6DB); background-image: linear-gradient(top, #F2F4F6, #C8D6DB); } .ib-active-ftfilter:first-of-type { margin-top:0px; } /* helen 250811: removed as not needed */ /* .ib-active-ftfilter .ib-ftfilter-text { color:white; font-weight:bold; cursor:default; } */ /* helen 250811: added to fix active filter text hover issue */ .ib-ftfilter-header:hover .ib-ftfilter-text { color:white; font-weight:bold; } #ibid-zoombar { float: right; width: 190px; text-align: right; cursor: default; height: 16px; margin-left: 7px; margin-top: 4px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #ibid-zoommap { position: absolute; display: none; width: 180px; height: 120px; bottom: 42px; right: 5px; z-index: 3500; background-color: white; border: 1px solid #808080; cursor: pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; overflow: hidden; } .ibc_zoom_reset { border-color: #FFFFFF #808080 #808080 #FFFFFF; border-left: 1px solid #FFFFFF; border-style: solid; border-width: 1px; cursor: pointer; float: left; height: 24px; margin: 0 2px 4px 0; padding: 2px; width: 24px; } .ibc-zoommap-titlebar { min-height: 20px; cursor: move; font-weight: bold; text-align: center; background: none repeat scroll 0 0 #CFEBF7; } .ibc-zoommap-refresh { height: 16px; width: 16px; margin-top: 2px; } #bar_zoom_in, #bar_zoom_out { cursor: pointer; } .ib-ftfilter:hover { /*Opera hover issue*/ bottom:0; background-color: #4286F5; background-image: -webkit-linear-gradient(top, #4286F5, #1A52DC); background-image: linear-gradient(top, #4286F5, #1A52DC); } .ib-ftfilter-status { height: 30px; margin-left: 22px; margin-top: 10px; opacity: 0.5; width: 30px; position: absolute; } .ibc-ftlogo-status { height: 30px; margin-left: 55px; margin-top: 10px; opacity: 0.5; width: 30px; position: absolute; } /* helen 250811: changed to have vertical symmetry */ .ib-ftfilter-header { overflow-y:auto; overflow-x:hidden; cursor: pointer; border-radius: 3px; margin: 0px; /*height: 72px;*/ height: auto; } /* helen 240811: added color and weight */ .ib-ftfilter-header:hover { border: none; margin: 0px; color: #FFF; font-weight: bold; } .ib-ftfilter-preview { display: inline-block; background-repeat: no-repeat; background-color: #fff; background-position: center; height: 50px; border-radius: 3px; float:left; width:72px; border: 1px solid black; margin: 6px 8px; } .ib-ftfilter-preview-img { float:left; margin-left:-1px; border-radius: 3px; } .ib-ftfilter-text { margin-left: 3px; margin-bottom: 2px; font-size: 15px; line-height: 20px; text-align: left; white-space: nowrap; position: relative; top:20px; left:10px; color: #404040; /*Opera issue pushing long text to new line*/ width:9000px; } .ib-ftfilter:hover .ib-ftfilter-text { color:#FFFFFF; font-weight:bold; } /* helen 240811: changed color and weight */ .ib-active-ftfilter .ib-ftfilter-text { /* color:#FFFFFF; font-weight:bold; */ color:#6D84A2; font-weight:normal; } /* helen 250811: added to highlight current active filter */ .ib-active-ftfilter .ib-ftfilter-header { border: solid 1px #4286F5; } .ib-active-ftfilter .ib-ftfilter-header:hover { /*Opera hover issue*/ bottom:0; color: #FFF; font-weight: bold; background-color: #4286F5; background-image: -webkit-linear-gradient(top, #4286F5, #1A52DC); background-image: linear-gradient(top, #4286F5, #1A52DC); } /* helen 240811: removed to center buttons */ .ib-ft-options { display: none; /*float:left;*/ /*margin-left: 5px;*/ margin-bottom: 5px; /*clear:both;*/ /*padding:0px 5px 5px 5px;*/ margin-top:0px; min-width:97%; } /* helen 240811: changed to minimise whitespace */ .ib-ftfilter-button { /*clear:both;*/ /*padding-top:10px;*/ /*padding-bottom:15px;*/ padding-top:5px; padding-bottom:5px; margin-top: 5px; margin-bottom: 2px; text-align: center; } /* helen 250811: added to minimise whitespace */ #ft-logo-options-content { padding-top: 0px; /* cam changed to 0 :) */ } /* helen 240811: added to align left edge */ #ft-logo-options-content form { padding: 0; } .ibc-ftlogo { border-bottom: 1px solid #888888; text-align:center; } .ibc-ftlogo-active { color:#000; background-color: #F2F4F6; background-image: -webkit-linear-gradient(top, #F2F4F6, #C8D6DB); background-image: linear-gradient(top, #F2F4F6, #C8D6DB); border-bottom: 1px solid #E0E0E0; /*opacity: 0.75;*/ text-align:center; } .ibc-ftlogo-preview { width: 150px; margin: 3px 3px 0px 3px; height: 50px; } .ibc-ftlogo-preview:hover { width: 148px; height: 48px; margin: 3px 3px 0px 3px; } .ib-sticker { width: 50px; height: 50px; } .ib-clipart-font { width: 150px; height: 50px; } .ib-shape { width: 24px; height: 24px; padding: 2px; } .ib-fbphoto { width: 75px; height: 50px; margin: 2px; } .ib-fbphoto:hover { margin: 1px; } .ibc-fbconnect-state { display: inline-block; margin-left: 15px; } .ibc-fbconnect-state-icon { width: 10px; height: 10px; margin-bottom: -5px; padding: 5px; } .ib-advance_icon { cursor: pointer; padding-right: 4px; margin-bottom: -1px; } .unselectable { cursor: pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .ib-feedback { position: absolute; top: 5px; right:70px; } .ib-facebook-like { position: absolute; top: 4px; right:69px; } .ib-beta { position: absolute; top: 20px; right:65px; background: url('/imagebot/images/beta.png'); width: 85px; height: 44px; } #ib-google-save { position: absolute; top: 0px; left: 0px; width: 50%; height: 50%; border: 0px; z-index: 1000; background: #fff; } .ib-property-row { } .ib-property-middle{ width: 7px; text-align: center; white-space: nowrap; } .ib-property-name { white-space: nowrap; text-align: right; width: 50px; } .ib-property-slider { width:100%; /* padding-left: 5px; padding-right: 5px; */ } .ibc-menubar { height:21px; /* hack to place the HR */ overflow: hidden; } .ibc-menubar ul{ margin: 0; padding: 0; } .ib-menu { display: inline; font: 13px Arial; float: left; color: white; /*text color*/ padding: 3px 10px; text-decoration: none; } .ib-menu:hover, .ib-menu.selected { color: #fff; background: #66F; border: solid 1px black; border-bottom: none; padding: 2px 9px 3px 9px; border-radius: 4px 0px;/*ie9 does not like if its <3px*/ background: url(/imagebot/images/blue_gradient_bg.svg); background: -webkit-linear-gradient(#4286f5, #194fdb); background: linear-gradient(#4286f5, #194fdb); } /** the actual div for the menu */ .ib-menu-content { position:absolute; border: 1px solid #888; /*overflow: hidden;*/ z-index: 1000; background-color: #EEE; } .ib-menu-content ul { list-style: none; font: normal 13px Arial; margin: 0; padding: 0; list-style-type: none; } .ib-menu-item { margin: 1px; display: block; text-decoration: none; /*width: 160px;*/ /* keep? */ color: black; padding: 6px 6px 5px 5px; white-space:nowrap; overflow:hidden; } .ib-menu-item:hover { background-color: #66F; color: white; border: 1px solid #009; border-radius: 4px;/*ie9 does not like if its <3px*/ padding: 5px 5px 4px 4px; background: url(/imagebot/images/blue_gradient_bg.svg); background: -webkit-linear-gradient(#4286f5, #194fdb); background: linear-gradient(#4286f5, #194fdb); } .ib-menu-item.disabled { color: #999; cursor: default; } .ib-menu-item.notimplemented { color: #999; text-decoration: line-through; } .ib-menu-item.missing { color: #999; text-decoration: blink; } .ib-menu-item:hover.disabled { color: #999; background:none; background-color: inherit; } .ib-menu-text{ float:left; } .ib-menu-shortcut { float: right; padding-left: 5px; } .ib-menu-icon { float:left; width: 16px; height: 16px; padding-right: 2px; } .ib-submenu-arrow { float: right; width: 16px; height: 16px; background: url('/imagebot/images/arrow-right-16.png'); } .disabled { opacity: 0.7; } .ib-chrome-button div{ padding-left: 30px; padding-top: 3px; padding-bottom: 3px; } .ib-chrome-button { position: absolute; top: 0px; right:165px; font: 14px arial; /*font-weight: bold;*/ color: black; margin-left: 15px; /*height: 24px;*/ background-position: center; padding: 0px 10px 0px 4px; border: solid 1px #888; border-radius: 3px; background: -webkit-linear-gradient(#eee, #ccc); background: linear-gradient(#eee, #ccc); } .ib-chrome-button:hover { border: solid 1px #009; color: black; background: -webkit-linear-gradient(#eee, #99F); background: linear-gradient(#eee, #99F); } .ibc-rounded3 { border-radius: 3px; } .ibc-rounded4 { border-radius: 4px; } .ibc-rounded5 { border-radius: 5px; } .ibc-search-default { color: grey; font-weight: bold; } .ibc-search-input { border: none; padding: 0px; width: 100%; } .ibc-search-input:focus { outline: none; } .ibc-overlay{ background-color: black; bottom: 0; left: 0; opacity: 0.99; position: absolute; right: 0; top: 0; z-index: 50000; } .ibc-loading-intro{ left: 50%; top: 50%; width:360px; height:240px; margin-top:-120px; margin-left:-180px; position: absolute; z-index: 50001; text-align:center; } .ibc-loading-progress{ padding-top:20px; visibility:hidden; } .ibc-loading-message{ width:360px; height:60px; font: 20px/15px Lucida Sans,Helvetica,Verdana,sans-serif; color: #FFFFFF !important; } .ibc-loading-progress-note{ font: 20px/15px Lucida Sans,Helvetica,Verdana,sans-serif; color: #FFFFFF !important; } .ibc-loading-progress-bar { width:250px; height:30px; margin-left:55px; background: #555; box-shadow: 0 1px 5px #CCCCCC inset ,0 1px 0 #999999 ,0 0 5px 2px rgba(255, 0, 0, 0.4); border-radius: 5px; border:2px solid #333; } .ibc-loading-progress-bar .ui-progressbar-value { border:none; height:100%; margin:0; /*background: url(/imagebot/images/progress_bar.gif) no-repeat scroll 0 0 transparent;*/ background: #CF1010; background: -webkit-linear-gradient(top, #fd2424 0%,#410101 100%); background: linear-gradient(to bottom, #fd2424 0%,#410101 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; border-radius: 5px; -webkit-transition:width .5s ease; transition:width .5s ease; position: relative; } .ibc-loading-progress-bar .ui-progressbar-value:after { content: ""; position: absolute; height: 100%; background: white; background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); opacity: 0; border-radius: 5px; -webkit-animation: pulse 2s ease-out infinite; animation: pulse 2s ease-out infinite; } @-webkit-keyframes pulse { 0% {opacity: 0; width: 0;} 50% {opacity: .3;} 100% {opacity: 0; width: 95%;} } @keyframes pulse { 0% {opacity: 0; width: 0;} 50% {opacity: .3;} 100% {opacity: 0; width: 95%;} } div.ib-ft-filter-preview{ float:left; height:50px; width:72px; border: 1px solid black; margin: 6px 8px; border-radius: 3px; } img.ib-ft-filter-preview-img{ float:left; margin-left:-1px; border-radius: 3px; } /*this needs to override ui-slider defined in svg-editor.css(which comes after form.css)*/ .hueBackground { border: 1px solid #666; } /* iui.css (c) 2007-9 by iUI Project Members, see LICENSE.txt for license */ .ibc-iui-container { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #FFFFFF; color: #000000; overflow-x: hidden; -webkit-user-select: none; -webkit-text-size-adjust: none; -moz-user-select: -moz-none; -o-user-select: none; /* opera doesn't recognise this */ } .ibc-iui-content > *:not(.ibc-iui-toolbar) { display: none; position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 100%; -webkit-transition-duration: 300ms; -webkit-transition-property: -webkit-transform; -webkit-transform: translateX(0%); -moz-transition-duration: 300ms; /* only works for firefox v4 */ -moz-transition-property: -moz-transform; -moz-transform: translateX(0%); -o-transition-duration: 150ms; -o-transition-property: -o-transform; -o-transform: translateX(0%); } .ibc-iui-content > .ibc-searchbar { display: inline; } /* .iui-container[orient="landscape"] > *:not(.toolbar) { min-height: 268px; } */ .ibc-iui-content > *[linkSelected="true"] { display: block; } .ibc-iui-content .ibc-iui-link[linkSelected], .ibc-iui-content .ibc-iui-link:active { background-color: #194fdb !important; background-image: url('/imagebot/images/iui/listArrowDoubleSel.png'), url('/imagebot/images/iui/selection.png') !important; background-repeat: no-repeat, repeat-x; background-position: right center, left top; color: #FFFFFF !important; } .ibc-iui-content .ibc-iui-link[linkSelected="progress"] { background-image: url('/imagebot/images/iui/loading.gif'), url('/imagebot/images/iui/selection.png') !important; } /************************************************************************************************/ .ibc-iui-container .ibc-iui-link { outline: 0; } .ibc-iui-container > .ibc-iui-toolbar, .ibc-iui-container > .ibc-iui-searchtoolbar { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px solid #171717; border-top: 1px solid #171717; padding: 10px; height: 45px; background: url('/imagebot/images/iui/black/toolbar-black.png') #171717 repeat-x; } .ibc-iui-container .ibc-iui-toolbar > .ibc-iui-pageTitle, .ibc-iui-container .ibc-iui-searchtoolbar > .ibc-iui-pageTitle { overflow: hidden; margin: 1px 0 0 0; height: 45px; font-size: 20px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #FFFFFF; } /* .iui-container[orient="landscape"] > .toolbar > h1 { margin-left: -125px; width: 250px; } */ .ibc-iui-container .button { position: absolute; overflow: hidden; top: 8px; right: 6px; margin: 0; border-width: 0 5px; padding: 0 3px; width: auto; height: 30px; line-height: 30px; font-family: inherit; font-size: 12px; font-weight: bold; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; background: none; -webkit-border-image: url('/imagebot/images/iui/toolButton.png') 0 5 0 5; -moz-border-image: url('/imagebot/images/iui/toolButton.png') 0 5 0 5; -o-border-image: url('/imagebot/images/iui/toolButton.png') 0 5 0 5; } .ibc-iui-container .blueButton { -webkit-border-image: url('/imagebot/images/iui/blueButton.png') 0 5 0 5; -moz-border-image: url('/imagebot/images/iui/blueButton.png') 0 5 0 5; -o-border-image: url('/imagebot/images/iui/blueButton.png') 0 5 0 5; border-width: 0 5px; } .ibc-iui-container .leftButton { left: 6px; right: auto; } .ibc-iui-container .ibc-iui-backButton { display: none; cursor: pointer; /* TODO: remove below when sure no longer want to use text-based back button /* color: #FFFFFF !important; left: auto; right: 5px; padding: 0; max-width: 55px; border-width: 0 8px 0 14px; -webkit-border-image: url('/imagebot/images/iui/black/backButton.png') 0 8 0 14; -moz-border-image: url('/imagebot/images/iui/black/backButton.png') 0 8 0 14; -o-border-image: url('/imagebot/images/iui/black/backButton.png') 0 8 0 14; */ background: url('/imagebot/images/iui/iui-backbutton-lessgloss.png') no-repeat right center; position: absolute; margin-top: -5px; right: 5px; height: 31px; width: 34px; } .ibc-iui-container .whiteButton, .ibc-iui-container .redButton, .ibc-iui-container .grayButton { display: block; border-width: 0 12px; padding: 10px; text-align: center; font-size: 20px; font-weight: bold; text-decoration: inherit; color: inherit; } .ibc-iui-container .whiteButton { -webkit-border-image: url('/imagebot/images/iui/whiteButton.png') 0 12 0 12; -moz-border-image: url('/imagebot/images/iui/whiteButton.png') 0 12 0 12; -o-border-image: url('/imagebot/images/iui/whiteButton.png') 0 12 0 12; text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; } .ibc-iui-container .redButton { -webkit-border-image: url('/imagebot/images/iui/redButton.png') 0 12 0 12; -moz-border-image: url('/imagebot/images/iui/redButton.png') 0 12 0 12; -o-border-image: url('/imagebot/images/iui/redButton.png') 0 12 0 12; color:#fff; text-shadow: #7a0001 0 -1px 0; } .ibc-iui-container .grayButton { -webkit-border-image: url('/imagebot/images/iui/grayButton.png') 0 12 0 12; -moz-border-image: url('/imagebot/images/iui/grayButton.png') 0 12 0 12; -o-border-image: url('/imagebot/images/iui/grayButton.png') 0 12 0 12; color: #FFFFFF; } /************************************************************************************************/ .ibc-iui-content > ul > li, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li { position: relative; margin: 0; border-bottom: 1px solid #E0E0E0; padding: 8px 0 8px 10px; font-size: 20px; font-weight: bold; list-style: none; min-width:155px; } .ibc-iui-content > ul > li.group, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li.group { position: relative; top: -1px; margin-bottom: -2px; border-top: 1px solid #7d7d7d; border-bottom: 1px solid #999999; padding: 1px 10px; background: url('/imagebot/images/iui/listGroup.png') repeat-x; font-size: 17px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; color: #FFFFFF; } .ibc-iui-content > ul > li.group:first-child, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li.group:first-child { top: 0; border-top: none; } .ibc-iui-content > ul > li > .ibc-iui-link, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li > .ibc-iui-link { display: block; margin: -8px 0 -8px -10px; padding: 8px 32px 8px 10px; text-decoration: none; color: inherit; cursor: pointer; background: url('/imagebot/images/iui/listArrowDouble.png') no-repeat right center; } .ibc-iui-content a[target="_replace"] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding-top: 25px; padding-bottom: 25px; font-size: 18px; color: cornflowerblue; background-color: #FFFFFF; background-image: none; } .ibc-iui-content > ul > li > .ibc-iui-link > .ibc-iui-category-icon-border, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li > .ibc-iui-link > .ibc-iui-category-icon-border { float: left; display: inline-block; /*border: 1px solid #000;*/ border: none; margin: -3px 5px 0px 0px; background-repeat: no-repeat; /*background-color: #fff;*/ background-position: center; cursor: pointer; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; } .ibc-iui-content > ul > li > .ibc-iui-link > div > .ibc-iui-category-icon, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li > .ibc-iui-link > div > .ibc-iui-category-icon { height: 24px; width: 24px; padding: 0px; } /************************************************************************************************/ .ibc-iui-container > .dialog { top: 0; width: 100%; min-height: 417px; z-index: 2; background: rgba(0, 0, 0, 0.8); padding: 0; text-align: right; } .ibc-iui-container .dialog > fieldset { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; margin: 0; border: none; border-top: 1px solid #6d84a2; padding: 10px 6px; background: url('/imagebot/images/iui/toolbar.png') #7388a5 repeat-x; } .ibc-iui-container .dialog > fieldset > h1 { margin: 0 10px 0 10px; padding: 0; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; text-align: center; } .ibc-iui-container .dialog > fieldset > label { position: absolute; margin: 16px 0 0 6px; font-size: 14px; color: #999999; } .ibc-iui-container input:not(input[type|=radio]):not(input[type|=checkbox]) { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 100%; margin: 8px 0 0 0; padding: 6px 6px 6px 44px; font-size: 16px; font-weight: normal; } /************************************************************************************************/ .ibc-iui-container > .panel { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 10px; background: #c8c8c8 url('/imagebot/images/iui/pinstripes.png'); } .ibc-iui-container .panel > fieldset { position: relative; margin: 0 0 20px 0; padding: 0; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #999999; text-align: right; font-size: 16px; } .ibc-iui-container .row { position: relative; min-height: 42px; border-bottom: 1px solid #999999; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; text-align: right; } .ibc-iui-container fieldset > .row:last-child { border-bottom: none !important; } .ibc-iui-container .row > input:not(input[type|=radio]):not(input[type|=checkbox]) { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; margin: 0; border: none; padding: 12px 10px 0 110px; height: 42px; background: none; } .ibc-iui-container .row > input[type|=radio], .row > input[type|=checkbox] { margin: 7px 7px 0 0; height: 25px; width: 25px; } .ibc-iui-container .row > label { position: absolute; margin: 0 0 0 14px; line-height: 42px; font-weight: bold; } .ibc-iui-container .row > span { position: absolute; padding: 12px 10px 0 110px; margin: 0; } .ibc-iui-container .row > .toggle { position: absolute; top: 6px; right: 6px; width: 100px; height: 28px; } /* ray remove .ibc-iui-container .toggle { border: 1px solid #888888; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; background: #FFFFFF url(images/iui/toggle.png) repeat-x; font-size: 19px; font-weight: bold; line-height: 30px; } */ .ibc-iui-container .toggle[toggled="true"] { border: 1px solid #143fae; background: #194fdb url('/imagebot/images/iui/toggleOn.png') repeat-x; } .ibc-iui-container .toggleOn { display: none; position: absolute; width: 60px; text-align: center; left: 0; top: 0; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; } .ibc-iui-container .toggleOff { position: absolute; width: 60px; text-align: center; right: 0; top: 0; color: #666666; } .ibc-iui-container .toggle[toggled="true"] > .toggleOn { display: block; } .ibc-iui-container .toggle[toggled="true"] > .toggleOff { display: none; } .ibc-iui-container .thumb { position: absolute; top: -1px; left: -1px; width: 40px; height: 28px; border: 1px solid #888888; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; background: #ffffff url('/imagebot/images/iui/thumb.png') repeat-x; } .ibc-iui-container .toggle[toggled="true"] > .thumb { left: auto; right: -1px; } .ibc-iui-container .panel > h2 { margin: 0 0 8px 14px; font-size: inherit; font-weight: bold; color: #4d4d70; text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0; } /************************************************************************************************/ .ibc-iui-container .ibc-iui-searchtoolbar { display: none; } .ibc-iui-container .ibc-iui-toolbar > .ibc-iui-pageTitle, .ibc-iui-container .ibc-iui-searchtoolbar > .ibc-iui-pageTitle { font-size: 15px; text-align: left; cursor: default; line-height: 20px; display: inline; } .ibc-iui-container { position: relative; height: 100%; overflow-x: hidden; overflow-y: hidden; } .ibc-searchbar { background: #eee; border: solid 1px #ccc; } .ibc-iui-content { position: absolute; /*top: 79px;*/ top: 45px; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; } .ibc-iui-container .ib-panel-content { position: absolute; top: 79px; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; } .ibc-iui-container .ibc-search-input { -webkit-user-select: text; -moz-user-select: text; -o-user-select: text; /* opera doesn't recognise this */ } .ibc-iui-container .ibc-search-done-button { display: none; padding: 4px 4px 4px 4px; margin-right: 2px; background-position: center; border: solid 1px #888; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; background: linear-gradient(#eee, #ccc); background: -moz-linear-gradient(center top, #eee, #ccc); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -o-linear-gradient(center top, #eee, #ccc); } .ibc-iui-container .ibc-search-done-button:hover { cursor: pointer; border: solid 1px #009; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; background: linear-gradient(#eee, #99F); background: -moz-linear-gradient(center top, #eee, #99F); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#99F)); background: -o-linear-gradient(center top, #eee, #99F);} .ibc-iui-container .ibc-iui-panel-header { margin: 3px; } .ibc-iui-container .ibc-iui-panel-header > span > input { margin-left: 5px; margin-right: 2px; margin-top: 3px; } .ibc-iui-content > ul > li, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li { font-size:15px; } .ibc-iui-content[class~="unselectable"], .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li > div[class~="unselectable"]{ color: #666; opacity: 0.5; } /************************************************************************************************/ #ibid-iui-preloader { display: none; background-image: url('/imagebot/images/iui/loading.gif'), url('/imagebot/images/iui/selection.png'), url('/imagebot/images/iui/blueButton.png'), url('/imagebot/images/iui/listArrowDoubleSel.png'), url('/imagebot/images/iui/listGroup.png'), url('/imagebot/images/iui/black/backButton.png'), url('/imagebot/images/iui/black/backButton-dark.png'); } .ui-widget-overlay { background: black; opacity: .6; height:100%; left:0; position:absolute; top:0; width:100%; z-index: 6; } /*technically remove the first and last

inserted by the library*/ .ibc-modal-props-content p:first-of-type, .ibc-modal-props-content p:last-of-type{ margin:0; } .ibc-modal-props-content.prompt { height: auto; } .ibc-modal-props-content p { margin: 10px; font-size: 14px; margin-top: 15px; } .ibc-modal-props-content .ibc-window-instruction{ margin: 15px 0 20px; font-style:italic; font-size:13px; } .ibc-modal-props-overlay { background-color: black; bottom: 0; left: 0; opacity: 0.6; position: absolute; right: 0; top: 0; z-index: 20000; } .ibc-modal-props-container{ /*position: absolute;*/ font-family: 'Verdana', 'Helvetica', sans-serif; text-align: center; /* left: 50%; top: 50%; margin-top: -200px; margin-left: -150px;*/ /*height: 150px; width: 300px; why? /Jonas */ /* max-width: 75%;*/ min-width: 200px; /* position:fixed; z-index:50001;*/ border: 1px outset #FFFFFF; font-family:Verdana,Helvetica,sans-serif; font-size:0.8em; background: black; background: rgba(4,8,14,0.95); background: linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0) 15px), rgba(4,8,14,0.95); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0,0,0,0) 15px), rgba(4,8,14,0.95); background: url("images/ibc-modal-window-white-top-shadow.png") top left no-repeat, rgba(4,8,14,0.95); } .ibc-modal-props-container, .ibc-modal-props-content { border-radius: 5px; color: #DDDDDD; line-height: 20px; } .ibc-modal-props-content { background:none; border:none; margin: 40px 30px 25px; overflow: auto; text-align: left; } .ibc-modal-props-content h3 { font-size:15px; margin-bottom: 10px; } .ibc-modal-props-content h4 { margin-bottom: 10px; font-size: 12px; } .ibc-modal-props-group{ overflow:hidden; margin-bottom: 15px; } .ibc-modal-props-content label{ clear:both; float:left; font-size: 14px; margin: .5em; } .ibc-modal-props-text-input{ clear:both; float:left; height:30px; width:200px; padding-left:14px; margin-bottom:5px; } .ibc-modal-props-number-input{ float:right; height:30px; padding-left:10px; width:35px; margin-right:85px; margin-bottom:5px; } .ibc-modal-props-checkbox-input{ float:right; height:35px; width:30px; padding-left:10px; margin-right:92px; margin-bottom:5px; } .ibc-modal-props-content select{ clear:both; float:right; margin: 14px 85px 10px 15px; width: 120px; text-align:center; } .ibc-modal-props-content select option{ /*height: 25px;*/ } .ibc-modal-props-content .bg_blocks{ clear:both; float:left; } .ibc-modal-props-content .change_background { position:relative; overflow:auto; } .ibc-modal-props-content .change_background .bg_blocks{ margin: 0.5em; background-image: url('/imagebot/images/checkered.png'); border: 2px solid grey; border-radius: 5px; height: 48px; width: 48px; } .ibc-modal-props-content .change_background .bg_blocks:hover{ border: 2px solid blue; border-radius: 5px; box-shadow: 2px 2px 2px blue; } .ibc-modal-props-content .change_background p { position:absolute; bottom: 6px; left: 70px; line-height:1.1em; font-size: 11px; } .ibc-bg-transparent{ padding-bottom: 10px; border-bottom: 1px solid grey; } .ibc-bg-transparent input, .ibc-bg-transparent label { clear: none; float:left; font-size: inherit; margin: 0.5em; } .ibc-modal-props-horisontal-groups { clear:both; float:left; margin-top: 15px; } .ibc-modal-props-horisontal-groups div{ float:left; min-width:185px; border-right: 1px solid grey; margin-right:15px; padding-right:15px; margin-bottom:5px; } .ibc-modal-props-horisontal-groups div:last-of-type{ margin-right:0px; padding-right:8px; border-right: none; } .ibc-modal-props-horisontal-groups input { margin-right:0; } .ibc-modal-props-horisontal-groups .change_grid .ibc-modal-props-checkbox-input{ margin-right: 7px; } .ibc-modal-props-horisontal-groups .units_rulers .ibc-modal-props-checkbox-input{ margin-right: 26px; } .ibc-modal-props-horisontal-groups .units_rulers select{ clear:none; margin:9px 0 0 0; width: auto; } #tool_docprops_back, #tool_prefs_back { clear:both; overflow: auto; } .ibc-dialog-overlay{ background-color: black; bottom: 0; left: 0; opacity: 0.60; position: absolute; right: 0; top: 0; z-index: 50000; } .ibc-dialog{ visibility:hidden; } .ibc-dialog-container{ position:absolute; top:-1000px; left:-1000px; z-index:50001; } .ibc-alert-dialog .ibc-dialog-container{ z-index:50003; } .ibc-alert-dialog .ibc-dialog-overlay{ z-index:50002; } .ui-widget-content.ibc-base-dialog{ padding:0; width:auto; border:none; background:none; overflow:visible; } .ibc-base-dialog .ui-dialog-titlebar{ display:none; } .ibc-dialog.ui-dialog-content{ padding:0; overflow:visible; } .ibc-init-dialog-options{ position:relative; border: 1px solid black; border: 1px solid rgba(0, 0, 0, 0.33); border-radius: 10px 10px 10px 10px; background-color: #DDDDDD; font: 20px/15px Lucida Sans,Helvetica,Verdana,sans-serif; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .ibc-init-dialog-options ul{ list-style: none outside none; margin: 0; padding: 12px; } .ibc-init-dialog-options ul li { margin: 12px; padding: 10px; text-align:center; white-space:nowrap; background-position: center; border: solid 1px #888; border-radius: 3px; background: url(/imagebot/images/grey_gradient_bg.svg); background: -webkit-linear-gradient(#eee, #ccc); background: linear-gradient(#eee, #ccc); } .ibc-init-dialog-options ul li:hover { cursor: pointer; border: solid 1px #009; border-radius: 3px; background: url(/imagebot/images/blue_gradient_bg.svg); background: -webkit-linear-gradient(#4286f5, #194fdb); background: linear-gradient(#4286f5, #194fdb); color: #FFFFFF !important; } .ibc-init-dialog-options-close{ position:absolute; width:17px; height:17px; margin: 0; padding: 1px; top:3px; right:3px; } .ibc-init-dialog-options-close:hover{ cursor: pointer; border: solid 1px #888; padding:0; border-radius: 3px; background: url(/imagebot/images/grey_gradient_bg.svg); background: -webkit-linear-gradient(#eee, #ccc); background: linear-gradient(#eee, #ccc); } .ibc-modal-props-content input, .ibc-modal-props-content select, .ibc-modal-buttons input, .ibc-modal-buttons button { font-size:13px; } .ibc-modal-buttons { margin: 15px 0px 20px; } .ibc-modal-buttons input[type=text]{ display:block; height:30px; width:80%; margin-left:30px; margin-top:-10px; margin-bottom:30px; padding-left:10px; } /*reset browser differences*/ .ibc-modal-buttons button, .ibc-modal-buttons button:focus{ border: 0; outline: 0; border: 1px solid #999999; } .ibc-modal-buttons button { font-size:13px; margin: 0 1em; border-radius: 5px; color: white; padding: 10px 17px; background: #333 url("images/ib-modal-button-gradient.png")top left repeat-x; background: -webkit-linear-gradient(top, #999999 3%, #3C3C3C 35%, #1B1B1B 60%, #151515 95%, #000000); background: linear-gradient(top, #999999 3%, #3C3C3C 35%, #1B1B1B 60%, #151515 95%, #000000); } .ibc-modal-buttons button:hover{ border: 1px solid #666666; } .ibc-modal-buttons button:active{ border: 1px solid #666666; border-top: 1px solid #444444; background: -webkit-linear-gradient(bottom, #777777 3%, #3C3C3C 35%, #2B2B2B 60%, #252525 92%, #121212); background: linear-gradient(bottom, #777777 3%, #3C3C3C 35%, #2B2B2B 60%, #252525 92%, #121212); } .ibc-image-props-dialog .ui-dialog-titlebar{ display:none; } .ibg-bg-transparent { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; } .ibg-bg-transparent input, .ibg-bg-transparent span{ margin-left:10px; } /*Prefs dialog fixed width - temporary(until UnitsSettings is impelemented at lease)*/ .ibc-prefs-dialog .ibc-modal-props-container{ width:345px; } /*All css below should be removed after the edit-preferences modal windows has been updated, as these ID's will no longer be used*/ #svg_docprops #svg_docprops_container, #svg_prefs #svg_prefs_container { position: absolute; top: 50px; padding: 10px; background-color: #B0B0B0; border: 1px outset #777; opacity: 1.0; /* width: 450px;*/ font-family: Verdana, Helvetica, sans-serif; font-size: .8em; z-index: 20001; } #svg_docprops .error { border: 1px solid red; padding: 3px; } #svg_docprops #resolution { max-width: 14em; } #tool_docprops_back, #tool_prefs_back { margin-left: 1em; overflow: auto; } #svg_docprops_container #svg_docprops_docprops, #svg_prefs #svg_docprops_prefs { float: left; width: 221px; margin: 5px .7em; overflow: hidden; } #svg_prefs_container fieldset + fieldset { float: right; } #svg_docprops legend, #svg_prefs legend { max-width: 195px; } #svg_docprops_docprops > legend, #svg_prefs_container > fieldset > legend { font-weight: bold; font-size: 1.1em; } #svg_docprops_container fieldset, #svg_prefs fieldset { padding: 5px; margin: 5px; border: 1px solid #DDD; /* ray add */ cursor: default; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #svg_docprops_container label, #svg_prefs_container label { display: block; margin: .5em; } #svginfo_bg_note { font-size: .9em; font-style: italic; color: #444; } #canvas_title, #canvas_bg_url { display: block; width: 96%; } .svg_source_editor .svg_source_textarea { position: relative; width: 95%; top: 5px; height: 250px; padding: 5px; font-size: 12px; } .svg_source_editor .tool_source_back { text-align: left; padding-left: 20px; } #svg_prefs_container div.color_block { float: left; margin: 2px; padding: 20px; } #change_background div.cur_background { border: 2px solid blue; /* ray remove padding: 18px; */ height: 48px; /* ray add */ width: 48px; /* ray add */ } #background_img { position: absolute; top: 0; left: 0; text-align: left; } #svg_docprops button, #svg_prefs button { margin-top: 0; margin-bottom: 5px; } #svg_docprops, #svg_prefs { display: none; } #image_save_opts label { font-size: .9em; } #image_save_opts input { margin-left: 0; } #svg_docprops #svg_docprops_overlay, #svg_prefs #svg_prefs_overlay { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: black; opacity: 0.6; z-index: 20000; } #tool_prefs_option { float: right; } .toolbar_button button { border:1px solid #dedede; line-height:130%; float: left; background: #E8E8E8 none; padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ margin: 5px 20px 0 0; border: 1px #808080 solid; border-top-color: #FFF; border-left-color: #FFF; border-radius: 5px; } .toolbar_button button:hover { border: 1px #e0a874 solid; border-top-color: #fcd9ba; border-left-color: #fcd9ba; background-color: #FFC; } .toolbar_button button:active { background-color: #F4E284; border-left: 1px solid #663300; border-top: 1px solid #663300; } .toolbar_button button .svg_icon { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /*** Spectrum Colorpicker v1.0.9 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; z-index: 2147483647; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner{ border: solid 1px #333; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Basic display options (colors, fonts, global widths) */ .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } /* Buttons */ .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 4px; display:inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:10px; } .sp-preview { position:relative; width:25px; height: 20px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .ibc-quickstart-dialog { height:565px; width: auto; min-width: 600px; background: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 16px; position:absolute; border: solid 1px black; border-radius: 5px; } .ibc-quickstart-dialog .ibc-save-dialog-left-header { text-align:left; margin-bottom:15px; } .ibc-quickstart-dialog-options-close{ position:absolute; width:17px; height:17px; margin: 0; padding: 1px; top:3px; right:3px; } .ibc-quickstart-dialog-options-close:hover{ cursor: pointer; border: solid 1px #888; padding:0; border-radius: 3px; background: url(/imagebot/images/grey_gradient_bg.svg); background: -webkit-linear-gradient(#eee, #ccc); background: linear-gradient(#eee, #ccc); } .ibc-quickstart-dialog-top-buttons { clear:both; margin-top:20px; padding: 0 15px; text-align:center; } .ibc-quickstart-button-border-radius{ display: inline-block; vertical-align: top; margin: 0 7px; overflow:hidden; border: 1px solid #2E62AB; width: 160px; height: 52px; margin-right:10px; border-radius: 5px; cursor:pointer; } .ibc-quickstart-dialog-button-div { position:relative; width:140px; height:42px; padding: 7px 10px 3px; background: #6E99C7; } .ibc-quickstart-dialog-button-div:hover { /*Blue gradient*/ background: #42a8ff; /* Old browsers */ background: -webkit-linear-gradient(top, #42a8ff 0%,#42a4ff 37%,#346fdc 54%,#4275db 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #42a8ff 0%,#42a4ff 37%,#346fdc 54%,#4275db 100%); /* W3C */ } .ibc-quickstart-button-border-radius:hover { border: 1px solid #144a94; } .ibc-quickstart-dialog-button-div > p { color:#fff; text-align:left; font-weight: bold; font-size:15px; cursor:default; line-height: 1.2em; text-shadow: 1px 1px 1px rgba(0,0,0,0.65); -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .ibc-quickstart-dialog-button-div:hover > p { text-shadow: 1px 1px 2px rgba(0,0,0,0.95); cursor:pointer; } .ibc-quickstart-dialog-button-div .ibc-quickstart-button-one-line-label { line-height: 34px; } .ibc-quickstart-dialog-button-div > img { float:left; margin: 0 8px; } .ibc-quickstart-dialog .ibc-file-open input { opacity: 0; position:absolute; font-size: 3em; height: 100px; height: 130%; width:240px; width: auto; top:-5px; right:-5px; cursor: pointer; cursor: hand; } .ibc-quickstart-dialog-content-container { clear: both; display: block; position: relative; width: auto; min-height:400px; padding: 15px 26px 25px; text-align: center; } .ibc-quickstart-dialog-left, .ibc-quickstart-dialog-right { display:inline-block; vertical-align:top; margin: 0 8px; } .ibc-quickstart-dialog-left { clear:both; } .ibc-quickstart-dialog-content-left { width: 430px; /* min-height: 164px;*/ text-align:center; } .ibc-quickstart-dialog-content-right { width: 156px; text-align:center; } .ibc-quickstart-dialog-box-div { background:white; margin-bottom: 20px; padding: 14px 20px; border: 1px solid #BBB; border-radius: 10px; } .ibc-quickstart-box-div-IE-border-radius { overflow: hidden; border-radius: 10px; margin-bottom: 20px; } .ibc-quickstart-dialog-box-div > p { text-align:left; font-weight: bold; font-size:15px; color: #333300; cursor:default; } .ibc-quickstart-black-hole { display:inline-block; margin-left:30px; margin-bottom:-6px; background: url("/imagebot/images/quickstart/ibc-quickstart-black-hole-only.png") top left no-repeat; width: 288px; height: 144px; } .black-hole > p { height: 20px; } .black-hole:hover .ibc-quickstart-black-hole { background-image: url("/imagebot/images/quickstart/ibc-quickstart-black-hole-animation.gif"); } .black-hole:hover:not(.ibc-quickstart-black-hole-arrow) { border: 2px solid #666; margin: -1px; margin-bottom: 19px; } .black-hole.testDragOver:hover{ border: 1px solid #333; margin: 0; } .black-hole.testDragOver{ opacity: 1; margin-bottom: 0; border: 1px solid #333; background: #42a8ff; /* Old browsers */ background: -webkit-linear-gradient(top, #42a8ff 0%,#42a4ff 37%,#346fdc 54%,#4275db 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #42a8ff 0%,#42a4ff 37%,#346fdc 54%,#4275db 100%); /* W3C */ } .black-hole.testDragOver:hover .ibc-quickstart-black-hole { background-image: url("images/quickstart/ibc-quickstart-black-hole-only.png"); } .black-hole.testDragOver > p{ color:white; text-shadow: 1px 1px 1px rgba(0,0,0,0.65); font-size:18px; /* margin-bottom:-3px; */ } .black-hole.testDragOver .ibc-quickstart-black-hole-loading-progress { position:absolute; font-size:16px; margin-top: 3px; } .black-hole.testDragOver .ibc-quickstart-black-hole-image, .black-hole.testDragOver .ibc-quickstart-black-hole-cursor { display:none; } .ibc-quickstart-black-hole-image { position:absolute; /*Relative to div top:45px; left:-10px; *//*relative to container*/ /*would be better to use transforms.. but need to detect support and provide fallback*/ top: 60px; left: 24px; -webkit-transition-property: -webkit-transform, top, left, opacity; -webkit-transition-delay:0.5s, 0.5s, 0.5s, 3s; -webkit-transition-duration: 3.5s; -webkit-transition-timing-function: ease-in, ease-in, ease-in, ease; transition-property: transform, top, left, opacity; transition-delay:0.5s, 0.5s, 0.5s, 3s; transition-duration: 3.5s; transition-timing-function: ease-in, ease-in, ease-in, ease; /*force hardware accelerations*/ -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ibc-quickstart-black-hole-cursor { position:absolute; /*Relative to div top:75px; left: 25px; *//*relative to container*/ top: 90px; left: 60px; -webkit-transition-property: top, left, opacity; -webkit-transition-delay:0.5s, 0.5s, 3s; -webkit-transition-duration: 2s; -webkit-transition-timing-function: cubic-bezier(0.6, 0, 1, 1); transition-property: top, left, opacity; transition-delay:0.5s, 0.5s, 3s; transition-duration: 2s; transition-timing-function: cubic-bezier(0.6, 0, 1, 1); /*force hardware accelerations*/ -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ibc-quickstart-black-hole-arrow { position: absolute; z-index: 1; /*would be better to use transforms.. but need to detect support and provide fallback*/ top: 120px; left: 270px; } .black-hole:hover .ibc-quickstart-black-hole-image { /*would be better to use transforms.. but need to detect support and provide fallback*/ top:120px; left:254px; opacity:0; -webkit-transform: scale(0.5, 0.5) rotate(-520deg) translate(45px, 35px); transform: scale(0.5, 0.5) rotate(-520deg) translate(45px, 35px); } .black-hole:hover .ibc-quickstart-black-hole-cursor { /*would be better to use transforms.. but need to detect support and provide fallback*/ top:105px; left: 135px; opacity:0; } .ibc-quickstart-black-hole-thumbnail-load-image { position: absolute; bottom: -20px; left: -166px; max-width: 80px; max-height: 60px; border: 2px solid white; border-radius: 12%; o-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 2px 2px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 2px 2px rgba(0, 0, 0, 0.5) inset; } .ibc-quickstart-black-hole-thumbnail-load-image.spinning { } .ibc-quickstart-dialog-demo-image { position:relative; z-index:1; border: 5px solid white; box-shadow: 2px 2px 5px #333; cursor:pointer; } .ibc-quickstart-dialog-demo-image:first-of-type { position:absolute; top:40px; left: 18px; z-index:0; -webkit-transform: rotate(2deg); transform: rotate(2deg); } .ibc-quickstart-dialog-demo-image:nth-of-type(2) { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); margin-top: 16px; } .ibc-quickstart-dialog-demo-image:last-of-type { position:absolute; top:37px; right: 20px; z-index:2; } .ibc-quickstart-dialog-demo-image:hover { box-shadow: 2px 2px 5px #333, 0 0 8px white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 0 0 8px white; z-index:5; } .ibc-quickstart-dialog-demo-image:first-of-type:hover { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .ibc-quickstart-dialog-demo-image:not(.ibc-quickstart-IE-fallback-demo-img):nth-of-type(2):hover { margin-top: 20px; margin-bottom: -3px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .ibc-quickstart-dialog-demo-image:last-of-type:hover { -webkit-transform: rotate(3deg); transform: rotate(3deg); } .ibc-quickstart-dialog-content-right > p { text-align:center; } .ibc-quickstart-dialog-template { height: 100px; margin-top: 7px; border: 4px solid #ccc; border-radius: 5px; cursor: pointer; } .ibc-quickstart-dialog-template:not(.ibc-quickstart-IE-fallback-demo-img):hover { border: 4px solid #666; box-shadow: 0 0 2px #666; } .ibc-quickstart-IE-fallback-demo-img { border: 5px solid white; border-radius: 0; box-shadow: 2px 2px 5px #333; } .ibc-quickstart-IE-fallback-demo-img:hover { box-shadow: 0 0 8px 4px #333; } /* jonas: moved from svg-editor. Not used? */ #save_dialog #save_dialog_container { position: absolute; top: 50px; padding: 10px; background-color: #B0B0B0; border: 1px outset #777; opacity: 1.0; /* width: 450px;*/ font-family: Verdana, Helvetica, sans-serif; font-size: 1em;/* cam: was 0.8em*/ z-index: 20001; } .ibc-save-dialog { background: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 1em; position:absolute; border: solid 1px black; /*width: 600px;*/ z-index: 1000; border-radius: 5px; } .ibc-save-dialog-header{ border-bottom: 1px solid #171717; background: url("/imagebot/images/iui/black/toolbar-black.png") repeat-x scroll 0 0 #171717; cursor: default; /*for consistency accross windows/popups /Jonas */ height: 43px; border-radius: 5px 5px 0 0; font-family: Arial, Helvetica, sans-serif; } .ibc-save-dialog-pageTitle { font-size: 1em; font-weight: bold; line-height: 20px; padding: 10px; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; color: #fff; margin: 1px 0 0; float: left; } .ibc-save-dialog-close{ position:absolute; width:17px; height:17px; margin: 0; padding: 1px; top:3px; right:3px; } .ibc-save-dialog-close:hover{ cursor: pointer; border: solid 1px #171717; padding:0; border-radius: 3px; background: url(/imagebot/images/grey_gradient_bg.svg); background: -webkit-linear-gradient(#eee, #ccc); background: linear-gradient(#eee, #ccc); } .ibc-save-dialog-content { /*float: left;*/ margin: 20px 20px 10px 20px; width: 620px; } .ibc-save-dialog-left { float: left; width: 240px; /*background: url("/imagebot/images/library-bg.png"); background-repeat: no-repeat; background-position: top right; */ background-color: #fff; font-weight: bold; } .ibc-save-dialog-pageTitle img, .ibc-save-dialog-content img { vertical-align: middle; margin-right:8px; } .ibc-save-dialog-left-save, .ibc-save-dialog-left-share { border: 1px solid #333; } .ibc-save-dialog-left ul { list-style: none; /*margin: 1px 0; padding: 0 1px;*/ } .ibc-save-dialog-left ul li { list-style: none; padding: 5px 5px 5px 0px; margin: 0px; cursor: pointer; border-top: 1px solid #bbb; } .ibc-save-dialog-left ul li.selected { background: #999; } /* TODO: redundant ... comes from iui panel styling */ .ibc-save-dialog-left ul li:not(.selected):hover { background-color: #194fdb !important; background-image: url(/imagebot/images/selection_60px.png); background-repeat: repeat-x; background-position: left top; color: #FFFFFF !important; } .ibc-save-dialog-right{ background: #eee; padding-left: 30px; overflow:hidden; position:relative; min-height: 300px; } .ibc-save-dialog-right input, .ibc-save-dialog-right select { margin-left:5px; } .ibc-save-dialog-footer{ clear: both; text-align: right; background: #ddd; border-top: 1px solid #bbb; padding: 3px 3px 2px 3px; border-radius: 0 0 5px 5px; } .ibc-save-status { font-size:0.8em; float:left; color:#333; margin-left:5px; padding-top:5px; } .ibc-save-input-row { margin-top:15px; margin-bottom:15px; float:left; } .ibc-save-computer-filename { height: 25px; padding-left:5px; } .ibc-file-ext { font-size: 1em; } .ibc-save-save-button, .ibc-save-ok-button { padding: 5px 10px; } .ibc-save-cancel-button { display: inline; cursor: pointer; border: none; color: #33F; padding: 0px 5px; font: 14px arial; } .ibc-save-cancel-button:hover { color: #000; text-decoration: underline; } .ibc-save-cat-description { font-size: 0.8em; font-weight:normal; } .ibc-save-cat-description:hover { color: #FFFFFF; } .ibc-save-dialog-left-header { background: #333; color: #fff; padding: 5px; font-size: 0.8em; font-weight: normal; } .ibc-save-breadcrumb { font-size: 0.8em; margin-bottom: 10px; /*margin-left: -30px;*/ padding: 5px 3px 3px 10px; background: #ddd; } .ibc-save-facebook-description { width: 335px; } .ibc-save-selected-pointer { position: absolute; left:-1px; width:20px; border-top: 1px solid #eee; background: url("/imagebot/images/save-selected.png"); background-repeat: no-repeat; background-position: center center; } .ibc-save-progress { display:none; clear: both; float: left; margin-top: 15px; } .ibc-save-progress-label, .ibc-save-progress-message { display: inline; /*float: left;*/ font-weight: bold; color: #3366ee; margin-right: 8px; } .ibc-save-progress-indicator { display: none; } /* better resize handle -cg */ /* doesn't seem better :( */ /* .ui-resizable-se { bottom: -5px; height: 17px; right: -5px; width: 17px; } */ .ui-resizable-s { width: auto; right: 10px; } .ui-resizable-e { height: auto; bottom: 10px; } tr,td { margin: 0px; padding:0px; } .ibc-imagebot { font-size: 8pt; font-family: Verdana, Helvetica, Arial; color: #000000; } .ibc-iui-container { background: none !important; /* HACK */ } .ibc-iui-content > ul > li, .ibc-iui-content > ul > .ibc-iui-rootCategory-panel > li { border-bottom: 1px solid #888; /*margin-right: 10px;*/ /*margin-left: 10px;*/ } .ibc-library-panel-wrapper { position: absolute; bottom: 0; top: 44px; width: 100%; } .ibc-source-textarea { margin-left: -3px; width: 100%; height: 100%; } .ibc-source-div { position: absolute; bottom: 4px; left:0; right:0; top: 18px; } .ibc-leftpanel-background { background: url("/imagebot/images/library-bg.png"); background-repeat: no-repeat; background-position: top right; position: absolute; bottom: 0; top: 100px; width: 100%; } .ibc-header { background-color: #000; background-repeat: repeat; background-position: center center; background-image: url('/imagebot/images/header-galaxy256.png'); background-position: top left; } .ibc-header-shortcuts { color:#fff; } .ibc-menubar { /*background-color: #ccc;*/ /*color: #000;*/ margin-top:0px; float: left; } .ibc-shortcut-list { text-align: center; overflow: auto; height: 100%; } .ib-menu { color: white; } .ib-menu:hover { border: 1px solid black; } .ibc-header-spacer { height: 28px; } .ibc-workarea { background: url("/imagebot/images/stripe.png"); } .ibc-icon-separator { margin: 5px; border: 1px transparent #ccc; /* hack needed to get spacer working */ float: left; } .ibc-icon-panel .ib-button { float: left; padding: 4px; background-position: center; border: solid 1px #888; border-radius: 3px; background: url("/imagebot/images/grey_gradient_bg.svg"); background: linear-gradient(#eee, #ccc); } .ibc-icon-panel .ib-button:hover { cursor: pointer; border: solid 1px #009; border-radius: 3px; background: url("/imagebot/images/blue_gradient_bg.svg"); background: linear-gradient(#eee, #99F); } .ibc-icon-panel .ib-button.disabled, .ibc-icon-panel .ib-button.disabled:hover { cursor: default; background-position: center; border: solid 1px #888; border-radius: 3px; background: url("/imagebot/images/grey_gradient_bg.svg"); background: linear-gradient(#eee, #ccc); } .ibc-icon-panel-vertical { padding-top: 10px; border: solid 1px black; } .ibc-icon-panel-vertical .ib-button { margin-left: 7px; margin-top: 6px; } .ibc-library-icon-panel { /*display: none;*/ padding: 5px 0 5px 9px; background: #eee; min-width: 169px; /* TODO: compute this dynamically */ overflow: hidden; /* position: absolute; left: 0; bottom: 0; width: 169px; border-radius: 0px 5px 0px 0px; */ } .ibc-icon-panel-horizontal .ib-button { margin-right: 9px; } .pane , /* outer pane class */ .ui-layout-pane { /* inner pane class */ /*background-color: #FFF;*/ /* border: 1px solid #777;*/ padding: 0;/* alignment & padding is on the inner-divs */ overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */ } /* * OUTER-LAYOUT PANE FORMATTING */ .pane-north , .pane-south , .pane-west , .pane-east { overflow: hidden; } .pane-north { border-bottom: none; } .pane-north .content , .pane-south .content { text-align: center; } .pane-center { /* show off the inner-layout inside the outer-center-pane*/ /*background-color: #F6F6F6;*/ /*padding: 15px;*/ /* for outer layout */ } /* inner divs inside Outer East/West panes */ .header { background: #80ade5 url('/imagebot/images/layout/80ade5_40x100_textures_04_highlight_hard_100.png') 0 50% repeat-x; border-bottom: 1px solid #777; font-weight: bold; text-align: center; padding: 2px 0 4px; position: relative; overflow: hidden; } .subhead , .footer { background: #d6d6d6 url('/imagebot/images/layout/d6d6d6_40x100_textures_02_glass_80.png') 0 50% repeat-x; padding: 3px 10px; font-size: 0.85em; position: relative; overflow: hidden; white-space: nowrap; } .subhead { border-bottom: 1px solid #777; } .footer { border-top: 1px solid #777; } #mainContent .footer { border-top: 1px solid #BBB; } .content { padding: 10px; position: relative; overflow: auto; } /* * INNER-LAYOUT PANE FORMATTING */ #mainContent .ui-layout-pane { padding: 10px; } #mainContent .ui-layout-north , #mainContent .ui-layout-south { text-align: center; } #mainContent .ui-layout-center { padding: 0 !important; /* inner divs have padding */ } #mainContent .ui-layout-content { padding: 10px; } #mainContent .ui-layout-center h3 { font-size: 1em; padding: 5px; margin: 0; } /* * OUTER LAYOUT RESIZERS & TOGGLERS */ /* north-pane is not resizable .resizer-north-dragging , .resizer-north:hover { background: url('/imagebot/images/layout/resizable-n.gif') repeat-x center; }*/ .resizer-south-dragging , .resizer-south:hover { background: url('/imagebot/images/layout/resizable-s.gif') repeat-x center; } .resizer-west-dragging , .resizer-west-open:hover { background: url('/imagebot/images/layout/resizable-w.gif') repeat-y center; } .resizer-east-dragging , .resizer-east-open:hover { background: url('/imagebot/images/layout/resizable-e.gif') repeat-y center; } .resizer-west-open , .resizer-east-open { background-color: #999; opacity: 0.1; filter: alpha(opacity=10); } .resizer-west-open:hover , .resizer-east-open:hover { opacity: 1; filter: alpha(opacity=100); } .resizer-dragging { /* see draggable.opacity option opacity: 0.5; filter: alpha(opacity=50); */ } .resizer-dragging-limit { background: #FF3300 !important; } /* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */ /** html .resizer-north { background: url('/imagebot/images/layout/resizable-n.gif') repeat-x center !important; } */ /* * html .resizer-south { background: url('/imagebot/images/layout/resizable-s.gif') repeat-x center !important; } * html .resizer-west-open { background: url('/imagebot/images/layout/resizable-w.gif') repeat-y center !important; } * html .resizer-east-open { background: url('/imagebot/images/layout/resizable-e.gif') repeat-y center !important; } */ /** html .resizer-north , */ * html .resizer-south , * html .resizer-west-open , * html .resizer-east-open { opacity: 0.1 !important; filter: alpha(opacity=10) !important; } /* * SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only) */ .toggler-north-open , /* TODO: put these 2 images on our server */ /* .toggler-south-closed { background: url('/imagebot/images/layout/toggle-up.gif') no-repeat center bottom; } .toggler-north-closed , .toggler-south-open { background: url('/imagebot/images/layout/toggle-dn.gif') no-repeat center top; } */ /* .toggler-east-closed , .toggler-west-open { background: url('/imagebot/images/layout/toggle-lt.gif') no-repeat center right; } .toggler-west-closed , .toggler-east-open { background: url('/imagebot/images/layout/toggle-rt.gif') no-repeat center left; } */ /* * extJS-STYLE RESIZER/SLIDER-BAR (CLOSED) */ .resizer-west-closed , .resizer-east-closed { /* TODO: put this image on our server /imagebot//imagebot/images/layout/ background: #D1E6FC url('/imagebot/images/layout/D1E6FC_40x100_textures_10_dots_medium_90.png') 0 0 repeat; */ border-top: 1px solid #777; border-bottom: 1px solid #777; } .resizer-west-closed:hover , .resizer-east-closed:hover { background: #D1E6FC; } /* * NORTH PANE TOOLBAR & BUTTONS */ ul.toolbar { position: relative; overflow: hidden; /* required to CONTAINER 'floating li' in FF */ height: auto; margin: 0; padding: 2px; width: 100%; list-style: none; text-align: left; background: #D6D6D6 url('/imagebot/images/layout/d6d6d6_40x100_textures_02_glass_80.png') 0 50% repeat-x; border-top: 1px solid #BBB; } ul.toolbar li { font-size: 0.9em; margin: 0; padding: 2px 7px; float: left; color: #000; border: 1px solid transparent; border-right-color: #BBB; cursor: pointer; } ul.toolbar li:hover { color: #005; background: #EEE url('/imagebot/images/layout/eeeeee_40x100_textures_02_glass_90.png') 0 50% repeat-x; border-top-color: #BBB; border-bottom-color: #BBB; } ul.toolbar li.first:hover { border-left-color: #BBB; } ul.toolbar li span { /* icons in toolbar */ width: 15px; height: 15px; margin-left: -3px; margin-right: 0.75ex; vertical-align: middle; opacity: 0.6; filter: alpha(opacity=60); display: block; display: inline-block; } ul.toolbar li:hover span { opacity: 1; filter: alpha(opacity=100); } li.button-toggle-north span , li.button-open-south span { background: url('/imagebot/images/layout/go-up-on.gif') no-repeat center; } li.button-close-south span { background: url('/imagebot/images/layout/go-dn-on.gif') no-repeat center; } li.button-pin-up span { background: url('/imagebot/images/layout/pin-up-on.gif') no-repeat center; } li.button-pin-down span { background: url('/imagebot/images/layout/pin-dn-on.gif') no-repeat center; } /* * extJS-STYLE TOGGLE & PIN BUTTONS * * these 'extra buttons' are INSIDE the east/west panes */ /* CUSTOM pin/close buttons */ span.button-pin , span.button-close { position: absolute; top: 0; width: 20px; height: 20px; z-index: 2; display: block; cursor: pointer; } span.button-close-west { left: 0; } span.button-close-east { right: 0; } span.button-pin-west { right: 1px; } span.button-pin-east { left: 1px; } /* CUSTOM pin-buttons */ span.button-pin-up { background: url('/imagebot/images/layout/pin-up-off.gif') no-repeat center; } span.button-pin-up:hover { background: url('/imagebot/images/layout/pin-up-on.gif') no-repeat center; } span.button-pin-down { background: url('/imagebot/images/layout/pin-dn-off.gif') no-repeat center; } span.button-pin-down:hover { background: url('/imagebot/images/layout/pin-dn-on.gif') no-repeat center; } /* CUSTOM close-buttons */ span.button-close-west { background: url('/imagebot/images/layout/go-lt-off.gif') no-repeat center; } span.button-close-west:hover { background: url('/imagebot/images/layout/go-lt-on.gif') no-repeat center; } span.button-close-east { background: url('/imagebot/images/layout/go-rt-off.gif') no-repeat center; } span.button-close-east:hover { background: url('/imagebot/images/layout/go-rt-on.gif') no-repeat center; } /* STANDARD toggler-buttons - when the east/west panes are 'closed' */ .toggler-west-closed { background: url('/imagebot/images/layout/go-rt-off.gif') no-repeat center; } .toggler-west-closed:hover { background: url('/imagebot/images/layout/go-rt-on.gif') no-repeat center; } .toggler-east-closed { background: url('/imagebot/images/layout/go-lt-off.gif') no-repeat center; } .toggler-east-closed:hover { background: url('/imagebot/images/layout/go-lt-on.gif') no-repeat center; } /* * INNER LAYOUT RESIZERS & TOGGLERS * * These styles target 'children of center pane', so only affect the Inner Layout * This layout has applyDefaultCSS=true, so use !important to override defaults */ #mainContent .ui-layout-resizer-closed:hover { background: #FFEDCA !important; } #mainContent .ui-layout-resizer-open:hover , #mainContent .ui-layout-resizer-dragging { background: #C4E1A4 !important; } #mainContent .ui-layout-resizer-dragging-limit { background: #FF3300 !important; } #mainContent .ui-layout-resizer-north , #mainContent .ui-layout-resizer-south { border-left: 1px solid #BBB !important; border-right: 1px solid #BBB !important; } #mainContent .ui-layout-resizer-north-closed{ border-top: 1px solid #BBB !important; } #mainContent .ui-layout-resizer-south-closed{ border-bottom:1px solid #BBB !important; } #mainContent .ui-layout-resizer-west-closed { border-left: 1px solid #BBB !important; } #mainContent .ui-layout-resizer-east-closed { border-right: 1px solid #BBB !important; } #mainContent .ui-layout-resizer:hover .ui-layout-toggler { opacity: 0.4; filter: alpha(opacity=40); } #mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover { opacity: 1; filter: alpha(opacity=100); background: #FD9 !important; border-color: #CB7 !important; } #mainContent .ui-layout-resizer-sliding { opacity: 0.3; filter: alpha(opacity=30); } #mainContent .ui-layout-resizer-sliding:hover { opacity: 1; filter: alpha(opacity=100); } #mainContent .ui-layout-resizer-sliding .ui-layout-toggler { display: none !important; } #mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler { display: block !important; } .ibc-popup { position: absolute; z-index: 2; border-radius: 6px 6px 0px 0px; border: 1px solid black; min-width: 50px; } .ibc-popup-header { border-radius: 5px 5px 0px 0px; position: relative; background: url("/imagebot/images/ibc-header-bg.png")top left repeat-x; color: #fff; padding-left: 5px; padding-right: 5px; margin-left: 0px; margin-right: 0px; font-size: 14px; height:21px; cursor:default; } .ibc-popup-header.ibc-flash { background: url() top left repeat-x; background-color: #00F; /*color: #fff;*/ } .ibc-popup-header span { /*float: left;*/ cursor: default; } .ibc-popup-header-buttons { position: absolute; top: 2px; right: 4px; white-space: nowrap; overflow: hidden; } .ibc-popup-close { border-radius: 2px 2px 2px 2px; float: left; height: 15px; margin-left: 3px; width: 15px; cursor:pointer; border:1px solid rgba(0,0,0,0); } .ibc-popup-close img{ float:left; margin:2px; } .ibc-popup-close:hover { background: rgba(0,0,0,.2); border:1px solid rgba(0,0,0,.3); } .ibc-popup-minimize { width: 12px; height: 12px; background: #999; margin-left: 5px; float:left; border: 1px solid black; margin-top: 1px; } .ibc-popup-maximize { width: 12px; height: 12px; background: #999; margin-left: 5px; float:left; border: 1px solid black; margin-top: 1px; } .ibc-popup-content { overflow: hidden; background-color: #fff; position: absolute; top: 21px; left: 0px; bottom: 0px; right: 0px; } .ibc-fancy-panel { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } #ruler_corner { top: 0px; left: 0px; } #rulers > div { z-index:; } #ruler_x { top: 0px; left: 15px; right: 0px; } #ruler_y { top: 15px; left: 0px; bottom: 0px; } #ruler_x canvas:first-child { margin-left: 0px; } #ruler_y canvas { margin-top: 0px; } /* #rulers > div { position: absolute; background: #DDD; z-index: 1; overflow: hidden; } #ruler_corner { top: 66px; left: 224px; width: 15px; height: 15px; } #ruler_x { height: 15px; top: 66px; left: 239px; right: 215px; border-bottom: 1px solid; border-left: 1px solid #777; } #rulers.moved #ruler_corner, #rulers.moved #ruler_x { top: 91px; } #ruler_y { width: 15px; top: 81px; left: 224px; bottom: 54px; border-right: 1px solid; border-top: 1px solid #777; } #rulers.moved #ruler_y { top: 146px; } #ruler_x canvas:first-child { margin-left: -16px; } #ruler_x canvas { float: left; } #ruler_y canvas { margin-top: -16px; } #ruler_x > div, #ruler_y > div { overflow: hidden; } */ .ibc-gradient-selector { padding: 3px; border-bottom: 1px solid black; } .ibc-palette-holder { width: 100%; height: 100%; } /* TODO: rename to ibc-palette-item */ .palette_item { height: 16px; width: 16px; float: left; border-right: 1px solid black; border-bottom: 1px solid black; } .ibc-tool-button-current, .ibc-tool-button { float: left; height: 24px; width: 24px; padding: 2px; /*border-left: 1px solid #808080; border-top: 1px solid #808080;*/ border-right: 1px solid #808080; border-bottom: 1px solid #808080; cursor: pointer; } .ibc-tool-button:hover { /*border-left: 1px #fcd9ba solid !important; border-top: 1px #fcd9ba solid !important;*/ border-right: 1px #e0a874 solid !important; border-bottom: 1px #e0a874 solid !important; background-color: #FFC !important; } .ibc-tool-button-current { background-color: #f4e284; /*border-top: 1px solid #630;*/ border-right: 1px solid #630; } .ibc-tool-button.disabled { opacity: 0.5; cursor: default; } .ibc-tool-bold, .ibc-tool-italic { font: bold 2.1em/1.1em serif; text-align: center; padding-left: 2px; position: relative; } .ibc-property-button, .ibc-property-button-pressed { float: left; height: 24px; width: 24px; padding: 1px; margin-right: 0px; border: 1px solid #606060; border-left: 1px solid #999999; border-top: 1px solid #BBBBBB; cursor: pointer; } .ibc-property-button:hover { border: 1px solid #4F4F4F !important; border-left: 1px solid #999999 !important; border-top: 1px solid #AAAAAA !important; background-color: #FFC !important; } .ibc-property-button-pressed { border: 1px solid #333333; border-bottom: 1px solid #999999; border-right: 1px solid #BBBBBB; background-color: #f4e284; } .ibc-tool-bold span, .ibc-tool-italic span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0; } .ibc-tool-italic { font-weight: normal; font-style: italic; } .ibc-flyout-arrow { margin-top: -10px; margin-left: 21px; height: 11px; } /* TODO: rename to ibc-palette-item */ .palette_item { width: 16px; height: 16px; } .ibc-layer-content { background-color: #ccc; } .ibc-layer-move-label { white-space: nowrap; } .ibc-layer-buttons { position: absolute; padding: 0 0 0 1px; bottom: 0px; left: 0px; right: 0px; background-color: #ccc; height: 26px; border: 0px; white-space: nowrap; } .ibc-layer-button { width: 20px; height: 20px; padding: 2px; /* 1 looks nicer in firefox */ border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; cursor: pointer; margin-left: 2px; margin-right: 2px; display: inline; } .ibc-layer-button:hover { background-color: #FFC; } .ibc-layer-button.pressed { border: 1px solid #4F4F4F; } .ibc-layer-button.disabled:hover { background-color: #ccc; } .ibc-layer-table { position: absolute; bottom: 26px; left: 0px; right: 0px; top: 25px; background-color: #FFFFFF; border-top: 1px solid black; border-bottom: 1px solid black; border-collapse: collapse; overflow-x: hidden; overflow-y: auto; padding: 0; } .ibc-layerlist { width: 100%; border-collapse: collapse; } .ibc-layervis { height: 24px; width: 22px; cursor:pointer; } .ibc-layervis * { display: block; } .ibc-layerinvis * { display: none; } .ibc-layerlist .ibc-layer-row.selected { border: 1px solid #000;/* 808080*/ background-color: #CCCCCC; font:bold; } .ibc-layer-row.selected .ibc-layername { font-weight: bold; } .ibc-layer-row { } .ibc-layer-table { border-top: 1px solid black; } .ibc-property-content{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; } .ibc-property-name { width: 60px; white-space: nowrap; text-align: right; cursor: default; } .ibc-transparent-label { text-align: right; width: 54px; white-space: nowrap; font-size:12px; } .ibc-tool-fill, .ibc-tool-stroke { display: table-cell; overflow: hidden; background: none repeat scroll 0 0 #F0F0F0; vertical-align: middle; /* ray: not border radius on opacity map border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; */ } .ibc-fill-color, .ibc-stroke-color { border: 1px solid #808080; cursor: pointer; height: 16px; margin-left: 0; margin-top: -18px; width: 16px; } .ibc-fill-bg, .ibc-stroke-bg { height: 16px; width: 15px; margin: 1px; } .ibc-fill-transparent, .ibc-stroke-transparent { margin-top: 3px; } .ibc-stroke-button { height: 24px; width: 24px; padding: 1px; border-left: 1px solid #BBBBBB; border-top: 1px solid #999999; border-right: 1px solid #606060; border-bottom: 1px solid #606060; /*background-color: #E8E8E8;*/ cursor: pointer; } .ibc-stroke-button:hover { background-color: #FFC; } .ibc-stroke-button.current { background-color: #F4E284; } .ibc-font-select { margin-top: 1px; overflow: hidden; height: 24px; } .ibc-zoombar { height: 30px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; position:relative; } .ibc-zoom-content { height: 100%; width: 100%; background-color: #999999; } .ibc-zoommap { position: absolute; cursor: pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; overflow: hidden; } .ibc-zoommap-img { background-image: url('/imagebot/images/checkered.png'); } .ibc-zoombar-zoommap-control { cursor: default; position:absolute; bottom: 0px; right: 2px; } .ibc-zoombar-percentage-div { margin-left: 4px; margin-top: 4px; float: left; } .ibc-zoombar-percentage-div input { margin-right: 0px; margin-top 4px; text-align: right; } .ibc-zoommap-box { width: 50px; height: 50px; cursor: move; position: absolute; /* border-width: 2px; set by js now */ border-style: solid; border-color: black; background-color: white; opacity: 0.25; } /* TODO: FIX ME... just remove! */ .ibc-layer-buttons svg { margin:4px 2px -3px 1px !important; padding:0; border:none; width:16px; height:16px; } /* TODO: FIX ME... just remove! */ .ibc-layer-buttons img { /** increaseing the top margin will move the icons down */ margin:3px 2px -3px 2px; !important padding:0px; border:none; width:16px; height:16px; } .ibc-ft-options { border-top: 1px dotted #000000; position: absolute; top: 75px; bottom: 0px; left: 3px; right: 0px; overflow-y: auto; overflow-x: hidden; } .ibc-ftfilter { /* background: #ffffff;*/ /* border-radius: 3px; Rounded corners look wierd in middle positions /Jonas*/ /* border-bottom: 1px solid #E0E0E0; */ cursor:pointer; float: left; } .ibc-ftfilter:hover { /*Opera hover issue*/ bottom:0; background-color: #4286F5; background-image: -webkit-linear-gradient(top, #4286F5, #1A52DC); background-image: linear-gradient(top, #4286F5, #1A52DC); } /* helen 240811: changed background color to be more subtle */ .ibc-active-ftfilter { /* clear:both; width: 100%;*/ float: left; color:#000; background-color: #F2F4F6; background-image: -webkit-linear-gradient(top, #F2F4F6, #C8D6DB); background-image: linear-gradient(top, #F2F4F6, #C8D6DB); } /* .ibc-active-ftfilter:first-of-type { margin-top:0px; } */ .ibc-ftfilter-status { height: 45px; width: 45px; margin-left: 27px; margin-top: 10px; opacity: 0.5; position: absolute; } .ibc-ftfilter-text { font-weight: bold; line-height: 20px; text-align: center; white-space: nowrap; position: relative; margin-top: -8px; color: #404040; width: 99px; overflow: hidden; } /* helen 250811: added to fix active filter text hover issue */ .ibc-ftfilter-header:hover .ibc-ftfilter-text, .ibc-ftfilter:hover .ibc-ftfilter-text { color:white; font-weight:bold; } /* helen 240811: changed color and weight */ .ibc-active-ftfilter .ibc-ftfilter-text { color:#6D84A2; font-weight:normal; } /* helen 250811: changed to have vertical symmetry */ .ibc-ftfilter-header { cursor: pointer; height: 88px; border-radius: 3px; } /* helen 240811: added color and weight */ .ibc-ftfilter-header:hover { border: none; color: #FFF; font-weight: bold; } /* helen 250811: added to highlight current active filter */ /* .ibc-active-ftfilter .ibc-ftfilter-header { */ .ibc-active-ftfilter { border: solid 1px #4286F5; margin: -1px; } /* .ibc-active-ftfilter .ibc-ftfilter-header:hover { */ .ibc-active-ftfilter:hover { /*Opera hover issue*/ bottom:0; color: #FFF; font-weight: bold; background-color: #4286F5; background-image: -webkit-linear-gradient(top, #4286F5, #1A52DC); background-image: linear-gradient(top, #4286F5, #1A52DC); } .ibc-ftfilter-preview { display: inline-block; border-radius: 3px; border: 1px solid black; margin: 2px 3px; } .ibc-ftfilter-preview-img { float: left; } /* helen 240811: changed to minimise whitespace */ .ibc-ftfilter-button { padding-top:5px; padding-bottom:5px; margin-top: 5px; margin-bottom: 2px; text-align: center; } .ibc-ftfilter-apply, .ibc-ftfilter-cancel { position: absolute; width: 80px; left: 105px; } .ibc-ftfilter-apply { top: 10px; } .ibc-ftfilter-cancel { top: 40px; } /* holder class. If you add this class, then the status manager will do the tooltip thing */ .ibc-temp-status { } .ibc-svgcanvas { /* this needs to override ibc-imagebot font-size: 8pt */ background: #999; font-size: 0px; /* needed, else the canvas size is increased - mozilla / others?*/ } .ibc-svgcanvas.ibc-select-mode svg *{ cursor:move; pointer-events:all; } .ibc-svgcanvas.ibc-select-mode svg { cursor:default; } .ibc-svgcanvas.ibc-edit-mode svg { cursor:default; pointer-events:all; } .ibc-toolbar-shortcuts { color: #fff; font-size: 16px; float: left; } .ibc-toolbar-tabs { color: #fff; font-size: 16px; /*right: 150px;*/ right: 220px; white-space: nowrap; position: relative; float: right; } .ibc-toolbar-tabs div { float: left; height: 22px; background-color: #111111; /*margin-left: 10px;*/ margin-left: 0px; margin-right: 10px; padding: 3px 7px; border: 1px solid #aaaaaa; border-bottom: none; border-radius: 6px 6px 0px 0px; } .ibc-toolbar-tabs div:hover { cursor: pointer; border: solid 1px #009; border-radius: 6px 6px 0px 0px; background: url(/imagebot/images/blue_gradient_bg.svg); background: -webkit-linear-gradient(#4286f5, #194fdb); background: linear-gradient(#4286f5, #194fdb); } .ibc-toolbar-tabs div p { float: left; margin-right: 5px; } .ibc-toolbar-tabs div img { float: left; margin-left: 2px; width:22px; height:22px; } .ibc-footer { color: #fff; background-color: black; padding-top: 2px; padding-bottom: 2px; } .ibc-status { padding-left: 10px; float:left; display:inline; } .ibc-footer-right { padding-right: 10px; float: right; display:inline; } .ibc-followus-text, .ibc-followus-icons, .ibc-followus-icons img, .ibc-copyright { float:left; } .ibc-followus-text { padding-right: 5px; padding-left: 5px; } .ibc-followus-icons { padding-right: 10px; } a.ibc-link, a.ibc-link:link, a.ibc-link:active, a.ibc-link:visited { text-decoration: none; color: #fff; border: 0; outline: 0; } .ibc-splashScreen-dev{ position:absolute; height:50%; } .ibc-splashScreen-dev textarea{ width:500px; height:100%; } .ibc-note { position: absolute; font-family: Helvetica, Arial, sans-serif; } .ibc-note.ibc-front-page-note { font-size: 15px; top: 0; width: 600px; padding: 1em 2em 2em; background-color: rgba(255,255,255, 0.9); color: black; height: auto; text-align: center; line-height: 2em; box-shadow: 0 4px 4px rgba(255,255,255, 0.9); border-radius: 0 0 10px 10px; } .ibc-note.ibc-front-page-note .ibc-note-msg h1 { font-size: 19px; } .ibc-note.ibc-front-page-note .ibc-note-msg p { font-size: 18px; } .ibc-note.ibc-front-page-note .ibc-note-msg img { } /* NO x2 directory yet.. @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .ibc-canvas { background-image: url('https:///imagebot/images/x2/checkered.png'); background-size: 12px 12px; } } */