/* @override http://0.0.0.0:3000/javascripts/alchemy/tiny_mce/plugins/inlinepopups/skins/alchemy/window.css http://localhost:3000/javascripts/alchemy/tiny_mce/plugins/inlinepopups/skins/alchemy/window.css */ /* Alchemy TinyMCE Overlay */ /* Reset */ .alchemy, .alchemy div, .alchemy span, .alchemy a { vertical-align: baseline; text-align: left; position: absolute; border: 0; padding: 0; margin: 0; font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; color: #333; text-decoration: none; font-weight: normal; width: auto; height: auto; overflow: hidden; display: block; background-color: transparent; } /* General */ .alchemy { position: absolute; direction: ltr; border: 1px solid #9c9d9c; -webkit-box-shadow: #333 0px 4px 8px; -moz-box-shadow: #333 0px 4px 8px; -o-box-shadow: #333 0px 4px 8px; box-shadow: #333 0px 4px 8px; } .alchemy .mceWrapper { position: static; } .mceEventBlocker { position: fixed; left: 0; top: 0; width: 100%; height: 100% } .alchemy .mcePlaceHolder { border: 1px solid #000; background: #888; top: 0; left: 0; opacity: 0.5; -ms-filter: 'alpha(opacity=50)'; filter: alpha(opacity=50) } .alchemy_modalBlocker { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #f4f4f4; opacity: 0.6; -ms-filter: 'alpha(opacity=60)'; filter: alpha(opacity=60); display: none } /* Top */ .alchemy .mceTop, .alchemy .mceTop div { top: 0; width: 100%; height: 33px; } .alchemy .mceTop .mceLeft { width: 2px; } .alchemy .mceTop .mceCenter, a.mceMove { right: 2px; width: 100%; height: 29px; background: #b3ccdb url(/images/alchemy/gui/shading.png) repeat-x 0 -74px; border-bottom: 2px solid white; } .alchemy .mceTop .mceRight { right: 0; width: 2px; height: 33px; } .alchemy .mceTop span { width: 100%; text-align: left; vertical-align: middle; line-height: 31px; font-weight: bold; color: white; padding-left: 12px; } /* Middle */ .alchemy .mceMiddle, .alchemy .mceMiddle div { top: 0 } .alchemy .mceMiddle { width: 100%; height: 100%; /*clip: rect(23px auto auto auto)*/ } .alchemy .mceMiddle .mceLeft { left: 0; width: 2px; height: 100%; background-color: white; z-index: 1; } .alchemy .mceMiddle span { top: 31px; left: 2px; width: 100%; height: 100%; background: #FFF } .alchemy .mceMiddle .mceRight { right: 0; width: 2px; height: 100%; background-color: white; z-index: 1; } /* Bottom */ .alchemy .mceBottom, .alchemy .mceBottom div { height: 2px } .alchemy .mceBottom { left: 0; bottom: 0; width: 100% } .alchemy .mceBottom div { top: 0 } .alchemy .mceBottom .mceLeft { left: 0; width: 5px; } .alchemy .mceBottom .mceCenter { width: 100%; left: 0; background-color: white; } .alchemy .mceBottom .mceRight { right: 0; width: 5px; } .alchemy .mceBottom span { display: none } .alchemy .mceStatusbar .mceBottom, .alchemy .mceStatusbar .mceBottom div { height: 23px } .alchemy .mceStatusbar .mceBottom .mceLeft { } .alchemy .mceStatusbar .mceBottom .mceCenter { } .alchemy .mceStatusbar .mceBottom .mceRight { } .alchemy .mceStatusbar .mceBottom span { display: block; left: 7px; font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; line-height: 23px } /* Actions */ .alchemy a { width: 29px; height: 16px; top: 3px; } .alchemy .mceClose { right: 8px; background: url(/images/alchemy/jquery-ui/ui-icons_666666_256x240.png) -96px -128px; width: 16px; height: 16px; top: 8px; } .alchemy .mceMin { display: none; right: 68px; } .alchemy .mceMed { display: none; right: 37px; } .alchemy .mceMax { display: none; right: 37px; } .alchemy .mceMove { display: none; cursor: move; height: 26px; width: 100%; } .alchemy .mceMovable .mceMove { display: block; right: 0; } /* Resize */ .alchemy .mceResize { top: auto; left: auto; display: none; width: 2px; height: 2px; background: white no-repeat 0 -75px; } .alchemy .mceResizable .mceResize { display: block } .alchemy .mceResizable .mceMin, .alchemy .mceMax { display: none } .alchemy .mceMinimizable .mceMin { display: block } .alchemy .mceMaximizable .mceMax { display: block } .alchemy .mceMaximized .mceMed { display: block } .alchemy .mceMaximized .mceMax { display: none } .alchemy a.mceResizeN { top: 0; left: 0; width: 100%; cursor: n-resize } .alchemy a.mceResizeNW { top: 0; left: 0; cursor: nw-resize } .alchemy a.mceResizeNE { top: 0; right: 0; cursor: ne-resize } .alchemy a.mceResizeW { top: 0; left: 0; height: 100%; cursor: w-resize; } .alchemy a.mceResizeE { top: 0; right: 0; height: 100%; cursor: e-resize } .alchemy a.mceResizeS { bottom: 0; left: 0; width: 100%; cursor: s-resize } .alchemy a.mceResizeSW { bottom: 0; left: 0; cursor: sw-resize } .alchemy a.mceResizeSE { bottom: 0; right: 0; cursor: se-resize } /* Alert/Confirm */ .alchemy .mceButton { font-weight: bold; bottom: 10px; width: 80px; height: 31px; background: url(/images/alchemy/gui/shading.png) repeat-x 0 -75px; line-height: 31px; vertical-align: middle; text-align: center; outline: 0 } .alchemy .mceMiddle .mceIcon { left: 15px; top: 35px; width: 16px; height: 16px; } .alchemy .mceAlert .mceMiddle span, .alchemy .mceConfirm .mceMiddle span { background: transparent; left: 60px; top: 35px; width: 320px; height: 50px; font-weight: bold; overflow: auto; white-space: normal } .alchemy a:hover { font-weight: bold; } .alchemy .mceAlert .mceMiddle, .alchemy .mceConfirm .mceMiddle { background: #D6D7D5 } .alchemy .mceAlert .mceOk { left: 50%; top: auto; margin-left: -40px } .alchemy .mceAlert .mceIcon { background: url(/images/alchemy/icons.png) 0 -88px; } .alchemy .mceConfirm .mceOk { left: 50%; top: auto; margin-left: -90px } .alchemy .mceConfirm .mceCancel { left: 50%; top: auto } .alchemy .mceConfirm .mceIcon { background: url(/images/alchemy/icons.png) 0 -88px; }