X-Git-Url: http://git.freeside.biz/gitweb/?p=freeside.git;a=blobdiff_plain;f=httemplate%2Felements%2Ffckeditor%2Feditor%2Fskins%2Fsilver%2Ffck_dialog.css;h=dfbc6d8540b3a19cb717036beefe7198ec7084d1;hp=e05c1735e9bc697c2a729fdc4e3c8e58f72bafb6;hb=18067f0bd41356e905666128c5e8105d1fca7c60;hpb=d0b2224eefe4df27ba4f5158a58fb86f9221301c diff --git a/httemplate/elements/fckeditor/editor/skins/silver/fck_dialog.css b/httemplate/elements/fckeditor/editor/skins/silver/fck_dialog.css index e05c1735e..dfbc6d854 100644 --- a/httemplate/elements/fckeditor/editor/skins/silver/fck_dialog.css +++ b/httemplate/elements/fckeditor/editor/skins/silver/fck_dialog.css @@ -1,6 +1,6 @@ /* * FCKeditor - The text editor for Internet - http://www.fckeditor.net - * Copyright (C) 2003-2007 Frederico Caldeira Knabben + * Copyright (C) 2003-2010 Frederico Caldeira Knabben * * == BEGIN LICENSE == * @@ -21,11 +21,16 @@ * Styles used by the dialog boxes. */ -body +html, body { + background-color: transparent; margin: 0px; + padding: 0px; +} + +body +{ padding: 10px; - background-color: #f7f7f7; } body, td, input, select, textarea @@ -41,24 +46,33 @@ body, .BackColor .PopupBody { - margin: 0px; + height: 100%; + width: 100%; + overflow: hidden; + background-color: transparent; padding: 0px; } +#header +{ + cursor: move; +} + .PopupTitle { - padding-right: 10px; - padding-left: 10px; font-weight: bold; font-size: 14pt; - padding-bottom: 3px; color: #504845; - padding-top: 3px; background-color: #dedede; + padding: 3px 10px 3px 10px; } .PopupButtons { + position: absolute; + right: 0px; + left: 0px; + bottom: 0px; border-top: #cec6b5 1px solid; background-color: #DEDEDE; padding: 7px 10px 7px 10px; @@ -78,7 +92,7 @@ body, .BackColor .DarkBackground { - background-color: #d7d79f; + background-color: #f2f2f2; } .LightBackground @@ -108,10 +122,7 @@ body, .BackColor border-right: #cec6b5 1px solid; border-top: #cec6b5 1px solid; border-left: #cec6b5 1px solid; - padding-right: 5px; - padding-left: 5px; - padding-bottom: 3px; - padding-top: 3px; + padding: 3px 5px 3px 5px; color: #504845; } @@ -138,4 +149,254 @@ body, .BackColor background-color: #dcdcdc !important; cursor: pointer; cursor: hand; -} \ No newline at end of file +} + +#tdBrowse +{ + vertical-align: bottom; +} + +/** + * Dialog frame related styles. + */ + +.contents +{ + position: absolute; + top: 2px; + left: 16px; + right: 16px; + bottom: 20px; + background-color: #f7f7f7; + overflow: hidden; + z-index: 1; +} + +.tl, .tr, .tc, .bl, .br, .bc +{ + position: absolute; + background-image: url(images/sprites.png); + background-repeat: no-repeat; +} + +* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc +{ + background-image: url(images/sprites.gif); +} + +.ml, .mr +{ + position: absolute; + background-image: url(images/dialog.sides.png); + background-repeat: repeat-y; +} + +* html .ml, * html .mr +{ + background-image: url(images/dialog.sides.gif); +} + +.rtl .ml, .rtl .mr +{ + position: absolute; + background-image: url(images/dialog.sides.rtl.png); + background-repeat: repeat-y; +} + +* html .rtl .ml, * html .rtl .mr +{ + background-image: url(images/dialog.sides.gif); +} + +.tl +{ + top: 0px; + left: 0px; + width: 16px; + height: 16px; + background-position: -16px -16px; +} + +.rtl .tl +{ + background-position: -16px -397px; +} + +.tr +{ + top: 0px; + right: 0px; + width: 16px; + height: 16px; + background-position: -16px -76px; +} + +.rtl .tr +{ + background-position: -16px -457px; +} + +.tc +{ + top: 0px; + right: 16px; + left: 16px; + height: 16px; + background-position: 0px -136px; + background-repeat: repeat-x; +} + +.ml +{ + top: 16px; + left: 0px; + width: 16px; + bottom: 51px; + background-position: 0px 0px; +} + +.mr +{ + top: 16px; + right: 0px; + width: 16px; + bottom: 51px; + background-position: -16px 0px; +} + +.bl +{ + bottom: 0px; + left: 0px; + width: 30px; + height: 51px; + background-position: -16px -196px; +} + +.rtl .bl +{ + background-position: -16px -517px; +} + +.br +{ + bottom: 0px; + right: 0px; + width: 30px; + height: 51px; + background-position: -16px -263px; +} + +.rtl .br +{ + background-position: -16px -584px; +} + +.bc +{ + bottom: 0px; + right: 30px; + left: 30px; + height: 51px; + background-position: 0px -330px; + background-repeat: repeat-x; +} + +/* For IE6. Do not change it. */ +* html .blocker +{ + position: absolute; + width: 100%; + height: 100%; + z-index: 12; + filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); +} + +/* The layer used to cover the dialog when opening a child dialog. */ +.cover +{ + position: absolute; + top: 0px; + left: 14px; + right: 14px; + bottom: 18px; + z-index: 11; +} + +#closeButton +{ + position: absolute; + right: 0px; + top: 0px; + margin-top: 5px; + margin-right: 10px; + width: 20px; + height: 20px; + cursor: pointer; + background-image: url(images/sprites.png); + background-repeat: no-repeat; + background-position: -16px -651px; +} + +* html #closeButton +{ + cursor: hand; + background-image: url(images/sprites.gif); +} + +.rtl #closeButton +{ + right: auto; + left: 10px; + margin-right: 0px; +} + +#closeButton:hover +{ + background-position: -16px -687px; +} + +#throbberBlock +{ + z-index: 10; +} + +#throbberBlock div +{ + float: left; + width: 8px; + height: 9px; + margin-left: 2px; + margin-right: 2px; + font-size: 1px; /* IE6 */ +} + +/* + Color Gradient Generator: + http://www.herethere.net/~samson/php/color_gradient/?cbegin=504845&cend=DEDEDE&steps=4 +*/ + +.throbber_1 +{ + background-color: #504845; +} + +.throbber_2 +{ + background-color: #736D6B; +} + +.throbber_3 +{ + background-color: #979391; +} + +.throbber_4 +{ + background-color: #BAB8B7; +} + +.throbber_5 +{ + background-color: #DEDEDE; +}