scripts/fckeditor2.6.6/editor/skins/office2003/fck_dialog.css

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