Revision 1256
Added by Dietmar over 14 years ago
| fck_dialog.css | ||
|---|---|---|
| 1 |
@charset "UTF-8"; |
|
| 1 | 2 |
/* |
| 2 | 3 |
* FCKeditor - The text editor for Internet - http://www.fckeditor.net |
| 3 | 4 |
* Copyright (C) 2003-2009 Frederico Caldeira Knabben |
| ... | ... | |
| 20 | 21 |
* |
| 21 | 22 |
* Styles used by the dialog boxes. |
| 22 | 23 |
*/ |
| 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: #f1f1e3; |
|
| 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: #737357; |
|
| 66 |
background-color: #e3e3c7; |
|
| 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: #d5d59d 1px solid; |
|
| 77 |
background-color: #e3e3c7; |
|
| 78 |
padding: 7px 10px 7px 10px; |
|
| 79 |
} |
|
| 80 |
|
|
| 81 |
.Button |
|
| 82 |
{
|
|
| 83 |
border: #737357 1px solid; |
|
| 84 |
color: #3b3b1f; |
|
| 85 |
background-color: #c7c78f; |
|
| 86 |
} |
|
| 87 |
|
|
| 88 |
#btnOk |
|
| 89 |
{
|
|
| 90 |
width: 100px; |
|
| 91 |
} |
|
| 92 |
|
|
| 93 |
.DarkBackground |
|
| 94 |
{
|
|
| 95 |
background-color: #eaead1; |
|
| 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: #737357; |
|
| 111 |
background-color: #e3e3c7; |
|
| 112 |
} |
|
| 113 |
|
|
| 114 |
.PopupTabEmptyArea |
|
| 115 |
{
|
|
| 116 |
padding-left: 10px; |
|
| 117 |
border-bottom: #d5d59d 1px solid; |
|
| 118 |
} |
|
| 119 |
|
|
| 120 |
.PopupTab, .PopupTabSelected |
|
| 121 |
{
|
|
| 122 |
border-right: #d5d59d 1px solid; |
|
| 123 |
border-top: #d5d59d 1px solid; |
|
| 124 |
border-left: #d5d59d 1px solid; |
|
| 125 |
padding: 3px 5px 3px 5px; |
|
| 126 |
color: #737357; |
|
| 127 |
} |
|
| 128 |
|
|
| 129 |
.PopupTab |
|
| 130 |
{
|
|
| 131 |
margin-top: 1px; |
|
| 132 |
border-bottom: #d5d59d 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: #f1f1e3 1px solid; |
|
| 143 |
background-color: #f1f1e3; |
|
| 144 |
} |
|
| 145 |
|
|
| 146 |
.PopupSelectionBox |
|
| 147 |
{
|
|
| 148 |
border: #ff9933 1px solid !important; |
|
| 149 |
background-color: #fffacd !important; |
|
| 150 |
cursor: pointer; |
|
| 151 |
cursor: hand; |
|
| 152 |
} |
|
| 153 |
|
|
| 154 |
#tdBrowse |
|
| 155 |
{
|
|
| 156 |
vertical-align: bottom; |
|
| 157 |
} |
|
| 158 |
|
|
| 24 |
html, body { margin: 0px; padding: 0px; background-color: transparent; }
|
|
| 25 |
body { padding: 10px; }
|
|
| 26 |
body, td, input, select, textarea { font-size: 11px; font-family: 'Microsoft Sans Serif' , Arial, Helvetica, Verdana; }
|
|
| 27 |
body, .BackColor { background-color: #f1f1e3; }
|
|
| 28 |
.PopupBody { width: 100%; padding: 0px; background-color: transparent; height: 100%; overflow: hidden; }
|
|
| 29 |
#header { cursor: move; }
|
|
| 30 |
.PopupTitle { padding: 3px 10px 3px 10px; color: #737357; background-color: #e3e3c7; font-weight: bold; font-size: 14pt; }
|
|
| 31 |
.PopupButtons { border-top: #d5d59d 1px solid; padding: 7px 10px 7px 10px; background-color: #e3e3c7; position: absolute; right: 0px; left: 0px; bottom: 0px; }
|
|
| 32 |
.Button { border: #737357 1px solid; color: #3b3b1f; background-color: #c7c78f; }
|
|
| 33 |
#btnOk { width: 100px; }
|
|
| 34 |
.DarkBackground { background-color: #eaead1; }
|
|
| 35 |
.LightBackground { background-color: #ffffbe; }
|
|
| 36 |
.PopupTitleBorder { border-bottom: #d5d59d 1px solid; }
|
|
| 37 |
.PopupTabArea { color: #737357; background-color: #e3e3c7; }
|
|
| 38 |
.PopupTabEmptyArea { padding-left: 10px; border-bottom: #d5d59d 1px solid; }
|
|
| 39 |
.PopupTab, .PopupTabSelected { border-right: #d5d59d 1px solid; border-top: #d5d59d 1px solid; border-left: #d5d59d 1px solid; padding: 3px 5px 3px 5px; color: #737357; }
|
|
| 40 |
.PopupTab { margin-top: 1px; border-bottom: #d5d59d 1px solid; cursor: pointer; cursor: hand; }
|
|
| 41 |
.PopupTabSelected { padding-top: 4px; border-bottom: #f1f1e3 1px solid; background-color: #f1f1e3; font-weight: bold; cursor: default; }
|
|
| 42 |
.PopupSelectionBox { border: #ff9933 1px solid !important; background-color: #fffacd !important; cursor: pointer; cursor: hand; }
|
|
| 43 |
#tdBrowse { vertical-align: bottom; }
|
|
| 159 | 44 |
/** |
| 160 | 45 |
* Dialog frame related styles. |
| 161 | 46 |
*/ |
| 162 |
|
|
| 163 |
.contents |
|
| 164 |
{
|
|
| 165 |
position: absolute; |
|
| 166 |
top: 2px; |
|
| 167 |
left: 16px; |
|
| 168 |
right: 16px; |
|
| 169 |
bottom: 20px; |
|
| 170 |
background-color: #f1f1e3; |
|
| 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 |
|
|
| 47 |
.contents { background-color: #f1f1e3; position: absolute; top: 2px; left: 16px; right: 16px; bottom: 20px; overflow: hidden; z-index: 1; }
|
|
| 48 |
.tl, .tr, .tc, .bl, .br, .bc { background-image: url(images/sprites.png); background-repeat: no-repeat; position: absolute; }
|
|
| 49 |
* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc { background-image: url(images/sprites.gif); }
|
|
| 50 |
.ml, .mr { background-image: url(images/dialog.sides.png); background-repeat: repeat-y; position: absolute; }
|
|
| 51 |
.rtl .ml, .rtl .mr { background-image: url(images/dialog.sides.rtl.png); background-repeat: repeat-y; position: absolute; }
|
|
| 52 |
.tl { width: 16px; background-position: -16px -16px; top: 0px; left: 0px; height: 16px; }
|
|
| 53 |
.rtl .tl { background-position: -16px -397px; }
|
|
| 54 |
.tr { width: 16px; background-position: -16px -76px; top: 0px; right: 0px; height: 16px; }
|
|
| 55 |
.rtl .tr { background-position: -16px -457px; }
|
|
| 56 |
.tc { background-position: 0px -136px; background-repeat: repeat-x; top: 0px; right: 16px; left: 16px; height: 16px; }
|
|
| 57 |
.ml { width: 16px; background-position: 0px 0px; top: 16px; left: 0px; bottom: 51px; }
|
|
| 58 |
.mr { width: 16px; background-position: -16px 0px; top: 16px; right: 0px; bottom: 51px; }
|
|
| 59 |
.bl { width: 30px; background-position: -16px -196px; bottom: 0px; left: 0px; height: 51px; }
|
|
| 60 |
.rtl .bl { background-position: -16px -517px; }
|
|
| 61 |
.br { width: 30px; background-position: -16px -263px; bottom: 0px; right: 0px; height: 51px; }
|
|
| 62 |
.rtl .br { background-position: -16px -584px; }
|
|
| 63 |
.bc { background-position: 0px -330px; background-repeat: repeat-x; bottom: 0px; right: 30px; left: 30px; height: 51px; }
|
|
| 305 | 64 |
/* 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 |
|
|
| 65 |
* html .blocker { width: 100%; position: absolute; height: 100%; z-index: 12; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
|
|
| 315 | 66 |
/* 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 |
|
|
| 67 |
.cover { position: absolute; top: 0px; left: 14px; right: 14px; bottom: 18px; z-index: 11; }
|
|
| 68 |
#closeButton { margin-top: 5px; margin-right: 10px; width: 20px; background-image: url(images/sprites.png); background-repeat: no-repeat; background-position: -16px -651px; position: absolute; right: 0px; top: 0px; height: 20px; cursor: pointer; }
|
|
| 69 |
* html #closeButton { background-image: url(images/sprites.gif); cursor: hand; }
|
|
| 70 |
.rtl #closeButton { margin-right: 0px; right: auto; left: 10px; }
|
|
| 71 |
#closeButton:hover { background-position: -16px -687px; }
|
|
| 72 |
#throbberBlock { z-index: 10; }
|
|
| 73 |
#throbberBlock div { float: left; width: 8px; margin-left: 2px; margin-right: 2px; font-size: 1px; /* IE6 */ height: 9px; }
|
|
| 374 | 74 |
/* |
| 375 | 75 |
Color Gradient Generator: |
| 376 | 76 |
http://www.herethere.net/~samson/php/color_gradient/?cbegin=737357&cend=E3E3C7&steps=4 |
| 377 | 77 |
*/ |
| 378 |
|
|
| 379 |
.throbber_1 |
|
| 380 |
{
|
|
| 381 |
background-color: #737357; |
|
| 382 |
} |
|
| 383 |
|
|
| 384 |
.throbber_2 |
|
| 385 |
{
|
|
| 386 |
background-color: #8f8f73; |
|
| 387 |
} |
|
| 388 |
|
|
| 389 |
.throbber_3 |
|
| 390 |
{
|
|
| 391 |
background-color: #abab8f; |
|
| 392 |
} |
|
| 393 |
|
|
| 394 |
.throbber_4 |
|
| 395 |
{
|
|
| 396 |
background-color: #c7c7ab; |
|
| 397 |
} |
|
| 398 |
|
|
| 399 |
.throbber_5 |
|
| 400 |
{
|
|
| 401 |
background-color: #e3e3c7; |
|
| 402 |
} |
|
| 78 |
.throbber_1 { background-color: #737357; }
|
|
| 79 |
.throbber_2 { background-color: #8f8f73; }
|
|
| 80 |
.throbber_3 { background-color: #abab8f; }
|
|
| 81 |
.throbber_4 { background-color: #c7c7ab; }
|
|
| 82 |
.throbber_5 { background-color: #e3e3c7; }
|
|
| 83 |
img { border: 0px; }
|
|
| 84 |
* html .ml, * html .mr, * html .rtl .ml, * html .rtl .mr { background-image: url(images/dialog.sides.gif); }
|
|
Also available in: Unified diff
fix wrong settings in image browser dialog