httemplate/elements/fckeditor/editor/skins/silver/fck_dialog.css

   1 /*\r
   2  * FCKeditor - The text editor for Internet - http://www.fckeditor.net\r
   3  * Copyright (C) 2003-2010 Frederico Caldeira Knabben\r
   4  *\r
   5  * == BEGIN LICENSE ==\r
   6  *\r
   7  * Licensed under the terms of any of the following licenses at your\r
   8  * choice:\r
   9  *\r
  10  *  - GNU General Public License Version 2 or later (the "GPL")\r
  11  *    http://www.gnu.org/licenses/gpl.html\r
  12  *\r
  13  *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")\r
  14  *    http://www.gnu.org/licenses/lgpl.html\r
  15  *\r
  16  *  - Mozilla Public License Version 1.1 or later (the "MPL")\r
  17  *    http://www.mozilla.org/MPL/MPL-1.1.html\r
  18  *\r
  19  * == END LICENSE ==\r
  20  *\r
  21  * Styles used by the dialog boxes.\r
  22  */\r
  23 \r
  24 html, body\r
  25 {\r
  26         background-color: transparent;\r
  27         margin: 0px;\r
  28         padding: 0px;\r
  29 }\r
  30 \r
  31 body\r
  32 {\r
  33         padding: 10px;\r
  34 }\r
  35 \r
  36 body, td, input, select, textarea\r
  37 {\r
  38         font-size: 11px;\r
  39         font-family: 'Microsoft Sans Serif' , Arial, Helvetica, Verdana;\r
  40 }\r
  41 \r
  42 body, .BackColor\r
  43 {\r
  44         background-color: #f7f7f7;\r
  45 }\r
  46 \r
  47 .PopupBody\r
  48 {\r
  49         height: 100%;\r
  50         width: 100%;\r
  51         overflow: hidden;\r
  52         background-color: transparent;\r
  53         padding: 0px;\r
  54 }\r
  55 \r
  56 #header\r
  57 {\r
  58         cursor: move;\r
  59 }\r
  60 \r
  61 .PopupTitle\r
  62 {\r
  63         font-weight: bold;\r
  64         font-size: 14pt;\r
  65         color: #504845;\r
  66         background-color: #dedede;\r
  67         padding: 3px 10px 3px 10px;\r
  68 }\r
  69 \r
  70 .PopupButtons\r
  71 {\r
  72         position: absolute;\r
  73         right: 0px;\r
  74         left: 0px;\r
  75         bottom: 0px;\r
  76         border-top: #cec6b5 1px solid;\r
  77         background-color: #DEDEDE;\r
  78         padding: 7px 10px 7px 10px;\r
  79 }\r
  80 \r
  81 .Button\r
  82 {\r
  83         border: #7a7261 1px solid;\r
  84         color: #504845;\r
  85         background-color: #cec6b5;\r
  86 }\r
  87 \r
  88 #btnOk\r
  89 {\r
  90         width: 100px;\r
  91 }\r
  92 \r
  93 .DarkBackground\r
  94 {\r
  95         background-color: #f2f2f2;\r
  96 }\r
  97 \r
  98 .LightBackground\r
  99 {\r
 100         background-color: #ffffbe;\r
 101 }\r
 102 \r
 103 .PopupTitleBorder\r
 104 {\r
 105         border-bottom: #cec6b5 1px solid;\r
 106 }\r
 107 \r
 108 .PopupTabArea\r
 109 {\r
 110         color: #504845;\r
 111         background-color: #DEDEDE;\r
 112 }\r
 113 \r
 114 .PopupTabEmptyArea\r
 115 {\r
 116         padding-left: 10px ;\r
 117         border-bottom: #cec6b5 1px solid;\r
 118 }\r
 119 \r
 120 .PopupTab, .PopupTabSelected\r
 121 {\r
 122         border-right: #cec6b5 1px solid;\r
 123         border-top: #cec6b5 1px solid;\r
 124         border-left: #cec6b5 1px solid;\r
 125         padding: 3px 5px 3px 5px;\r
 126         color: #504845;\r
 127 }\r
 128 \r
 129 .PopupTab\r
 130 {\r
 131         margin-top: 1px;\r
 132         border-bottom: #cec6b5 1px solid;\r
 133         cursor: pointer;\r
 134         cursor: hand;\r
 135 }\r
 136 \r
 137 .PopupTabSelected\r
 138 {\r
 139         font-weight:bold;\r
 140         cursor: default;\r
 141         padding-top: 4px;\r
 142         border-bottom: #f1f1e3 1px solid;\r
 143         background-color: #f7f7f7;\r
 144 }\r
 145 \r
 146 .PopupSelectionBox\r
 147 {\r
 148         border: #a9a9a9 1px solid !important;\r
 149         background-color: #dcdcdc !important;\r
 150         cursor: pointer;\r
 151         cursor: hand;\r
 152 }\r
 153 \r
 154 #tdBrowse\r
 155 {\r
 156         vertical-align: bottom;\r
 157 }\r
 158 \r
 159 /**\r
 160  * Dialog frame related styles.\r
 161  */\r
 162 \r
 163 .contents\r
 164 {\r
 165         position: absolute;\r
 166         top: 2px;\r
 167         left: 16px;\r
 168         right: 16px;\r
 169         bottom: 20px;\r
 170         background-color: #f7f7f7;\r
 171         overflow: hidden;\r
 172         z-index: 1;\r
 173 }\r
 174 \r
 175 .tl, .tr, .tc, .bl, .br, .bc\r
 176 {\r
 177         position: absolute;\r
 178         background-image: url(images/sprites.png);\r
 179         background-repeat: no-repeat;\r
 180 }\r
 181 \r
 182 * html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc\r
 183 {\r
 184         background-image: url(images/sprites.gif);\r
 185 }\r
 186 \r
 187 .ml, .mr\r
 188 {\r
 189         position: absolute;\r
 190         background-image: url(images/dialog.sides.png);\r
 191         background-repeat: repeat-y;\r
 192 }\r
 193 \r
 194 * html .ml, * html .mr\r
 195 {\r
 196         background-image: url(images/dialog.sides.gif);\r
 197 }\r
 198 \r
 199 .rtl .ml, .rtl .mr\r
 200 {\r
 201         position: absolute;\r
 202         background-image: url(images/dialog.sides.rtl.png);\r
 203         background-repeat: repeat-y;\r
 204 }\r
 205 \r
 206 * html .rtl .ml, * html .rtl .mr\r
 207 {\r
 208         background-image: url(images/dialog.sides.gif);\r
 209 }\r
 210 \r
 211 .tl\r
 212 {\r
 213         top: 0px;\r
 214         left: 0px;\r
 215         width: 16px;\r
 216         height: 16px;\r
 217         background-position: -16px -16px;\r
 218 }\r
 219 \r
 220 .rtl .tl\r
 221 {\r
 222         background-position: -16px -397px;\r
 223 }\r
 224 \r
 225 .tr\r
 226 {\r
 227         top: 0px;\r
 228         right: 0px;\r
 229         width: 16px;\r
 230         height: 16px;\r
 231         background-position: -16px -76px;\r
 232 }\r
 233 \r
 234 .rtl .tr\r
 235 {\r
 236         background-position: -16px -457px;\r
 237 }\r
 238 \r
 239 .tc\r
 240 {\r
 241         top: 0px;\r
 242         right: 16px;\r
 243         left: 16px;\r
 244         height: 16px;\r
 245         background-position: 0px -136px;\r
 246         background-repeat: repeat-x;\r
 247 }\r
 248 \r
 249 .ml\r
 250 {\r
 251         top: 16px;\r
 252         left: 0px;\r
 253         width: 16px;\r
 254         bottom: 51px;\r
 255         background-position: 0px 0px;\r
 256 }\r
 257 \r
 258 .mr\r
 259 {\r
 260         top: 16px;\r
 261         right: 0px;\r
 262         width: 16px;\r
 263         bottom: 51px;\r
 264         background-position: -16px 0px;\r
 265 }\r
 266 \r
 267 .bl\r
 268 {\r
 269         bottom: 0px;\r
 270         left: 0px;\r
 271         width: 30px;\r
 272         height: 51px;\r
 273         background-position: -16px -196px;\r
 274 }\r
 275 \r
 276 .rtl .bl\r
 277 {\r
 278         background-position: -16px -517px;\r
 279 }\r
 280 \r
 281 .br\r
 282 {\r
 283         bottom: 0px;\r
 284         right: 0px;\r
 285         width: 30px;\r
 286         height: 51px;\r
 287         background-position: -16px -263px;\r
 288 }\r
 289 \r
 290 .rtl .br\r
 291 {\r
 292         background-position: -16px -584px;\r
 293 }\r
 294 \r
 295 .bc\r
 296 {\r
 297         bottom: 0px;\r
 298         right: 30px;\r
 299         left: 30px;\r
 300         height: 51px;\r
 301         background-position: 0px -330px;\r
 302         background-repeat: repeat-x;\r
 303 }\r
 304 \r
 305 /* For IE6. Do not change it. */\r
 306 * html .blocker\r
 307 {\r
 308         position: absolute;\r
 309         width: 100%;\r
 310         height: 100%;\r
 311         z-index: 12;\r
 312         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);\r
 313 }\r
 314 \r
 315 /* The layer used to cover the dialog when opening a child dialog. */\r
 316 .cover\r
 317 {\r
 318         position: absolute;\r
 319         top: 0px;\r
 320         left: 14px;\r
 321         right: 14px;\r
 322         bottom: 18px;\r
 323         z-index: 11;\r
 324 }\r
 325 \r
 326 #closeButton\r
 327 {\r
 328         position: absolute;\r
 329         right: 0px;\r
 330         top: 0px;\r
 331         margin-top: 5px;\r
 332         margin-right: 10px;\r
 333         width: 20px;\r
 334         height: 20px;\r
 335         cursor: pointer;\r
 336         background-image: url(images/sprites.png);\r
 337         background-repeat: no-repeat;\r
 338         background-position: -16px -651px;\r
 339 }\r
 340 \r
 341 * html #closeButton\r
 342 {\r
 343         cursor: hand;\r
 344         background-image: url(images/sprites.gif);\r
 345 }\r
 346 \r
 347 .rtl #closeButton\r
 348 {\r
 349         right: auto;\r
 350         left: 10px;\r
 351         margin-right: 0px;\r
 352 }\r
 353 \r
 354 #closeButton:hover\r
 355 {\r
 356         background-position: -16px -687px;\r
 357 }\r
 358 \r
 359 #throbberBlock\r
 360 {\r
 361         z-index: 10;\r
 362 }\r
 363 \r
 364 #throbberBlock div\r
 365 {\r
 366         float: left;\r
 367         width: 8px;\r
 368         height: 9px;\r
 369         margin-left: 2px;\r
 370         margin-right: 2px;\r
 371         font-size: 1px; /* IE6 */\r
 372 }\r
 373 \r
 374 /*\r
 375         Color Gradient Generator:\r
 376         http://www.herethere.net/~samson/php/color_gradient/?cbegin=504845&cend=DEDEDE&steps=4\r
 377 */\r
 378 \r
 379 .throbber_1\r
 380 {\r
 381         background-color: #504845;\r
 382 }\r
 383 \r
 384 .throbber_2\r
 385 {\r
 386         background-color: #736D6B;\r
 387 }\r
 388 \r
 389 .throbber_3\r
 390 {\r
 391         background-color: #979391;\r
 392 }\r
 393 \r
 394 .throbber_4\r
 395 {\r
 396         background-color: #BAB8B7;\r
 397 }\r
 398 \r
 399 .throbber_5\r
 400 {\r
 401         background-color: #DEDEDE;\r
 402 }\r