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