Changeset 3284

Timestamp:

03/25/09 17:53:52 (4 years ago)

Author:

fredck

Message:

Optimized the default skin images.

Location:

CKEditor/trunk/_source

Files:

• plugins/image/dialogs/image.js (modified) (1 diff)
• skins/default/dialog.css (modified) (8 diffs)
• skins/default/icons.gif (deleted)
• skins/default/icons.png (added)
• skins/default/images/arrowdown.gif (added)
• skins/default/images/arrowright.gif (added)
• skins/default/images/dialog.loading.gif (deleted)
• skins/default/images/dialog.noimage.gif (deleted)
• skins/default/images/dialog.sides.gif (deleted)
• skins/default/images/dialog.sides.png (deleted)
• skins/default/images/dialog.sides.rtl.png (deleted)
• skins/default/images/dialog_sides.gif (added)
• skins/default/images/dialog_sides.png (added)
• skins/default/images/dialog_sides.rtl.png (added)
• skins/default/images/locked.gif (deleted)
• skins/default/images/mini.gif (added)
• skins/default/images/noimage.png (added)
• skins/default/images/reset.gif (deleted)
• skins/default/images/sprites.gif (deleted)
• skins/default/images/sprites.png (modified) (previous)
• skins/default/images/sprites_ie6.png (added)
• skins/default/images/toolbar.arrowright.gif (deleted)
• skins/default/images/toolbar.buttonarrow.gif (deleted)
• skins/default/images/toolbar.collapse.gif (deleted)
• skins/default/images/toolbar.end.gif (deleted)
• skins/default/images/toolbar.expand.gif (deleted)
• skins/default/images/toolbar.separator.gif (deleted)
• skins/default/images/toolbar.start.gif (deleted)
• skins/default/images/toolbar_start.gif (added)
• skins/default/images/unlocked.gif (deleted)
• skins/default/menu.css (modified) (2 diffs)
• skins/default/richcombo.css (modified) (1 diff)
• skins/default/skin.js (modified) (1 diff)
• skins/default/toolbar.css (modified) (2 diffs)

CKEditor/trunk/_source/plugins/image/dialogs/image.js

@@ -176 +176 @@
                         var noimage = CKEDITOR.getUrl(
                                 '_source/' +    // %REMOVE_LINE%
-                                'skins/' + editor.config.skin + '/images/dialog.noimage.gif' );
+                                'skins/' + editor.config.skin + '/images/noimage.png' );
 
                         if ( this.preview )

CKEditor/trunk/_source/skins/default/dialog.css

@@ -32 +32 @@
 
         /* IE6 does not support full color transparent PNG. */
-        _background-image: url(images/sprites.gif);
+        _background-image: url(images/sprites_ie6.png);
 }
 
@@ -94 +94 @@
 .cke_skin_default .cke_dialog_mr
 {
-        background-image: url(images/dialog.sides.png);
+        background-image: url(images/dialog_sides.png);
         background-repeat: repeat-y;
         position: absolute;
@@ -102 +102 @@
 
         /* IE6 does not support full color transparent PNG. */
-        _background-image: url(images/dialog.sides.gif);
+        _background-image: url(images/dialog_sides.gif);
 }
 
@@ -355 +355 @@
 
         /* IE6 does not support full color transparent PNG. */
-        _background-image: url(images/sprites.gif);
+        _background-image: url(images/sprites_ie6.png);
 }
 
@@ -407 +407 @@
 {
         float: right;
-        background-position: center center;
-        background-image: url(images/reset.gif);
+        background-position: 0 -32px;
+        background-image: url(images/mini.gif);
         width: 16px;
         height: 16px;
@@ -419 +419 @@
 {
         float: left;
-        background-position: center center;
-        background-image: url(images/locked.gif);
+        background-position: 0 0;
+        background-image: url(images/mini.gif);
         width: 16px;
         height: 16px;
@@ -430 +430 @@
 .cke_skin_default .cke_dialog .BtnUnlocked
 {
-        background-image: url(images/unlocked.gif);
+        background-position: 0 -16px;
+        background-image: url(images/mini.gif);
 }
 
@@ -476 +477 @@
 }
 
-.cke_skin_default .cke_dialog .loading
-{
-        height : 160px;
-        width : 230px;
-        background-image: url(images/dialog.loading.gif);
-        background-repeat: no-repeat;
-        background-position: 47% 47%;
-}
-
 .cke_skin_default .cke_dialog .DarkBackground
 {

CKEditor/trunk/_source/skins/default/menu.css

@@ -30 +30 @@
 .cke_skin_default .cke_menuitem .cke_icon
 {
-        background-image: url(icons.gif);
+        background-image: url(icons.png);
         background-position: 100px;
         background-repeat:no-repeat;
@@ -80 +80 @@
 .cke_skin_default .cke_menuarrow
 {
-        background-image: url(images/toolbar.arrowright.gif);
+        background-image: url(images/arrowright.gif);
         height: 7px;
         width: 7px;

CKEditor/trunk/_source/skins/default/richcombo.css

@@ -69 +69 @@
 {
     background-position: center center;
-    background-image: url(images/toolbar.buttonarrow.gif);
+    background-image: url(images/arrowdown.gif);
     border-right: 1px solid #8f8f73;
     border-top: 1px solid #8f8f73;

CKEditor/trunk/_source/skins/default/skin.js

@@ -12 +12 @@
                 // For IE6, we need to preload some images, otherwhise they will be
                 // downloaded several times (CSS background bug).
-                preload.push( 'icons.gif', 'images/sprites.gif', 'images/dialog.sides.gif' );
+                preload.push( 'icons.png', 'images/sprites_ie6.png', 'images/dialog_sides.gif' );
         }
 

CKEditor/trunk/_source/skins/default/toolbar.css

@@ -85 +85 @@
 .cke_skin_default .cke_button .cke_icon
 {
-        background-image: url(icons.gif);
+        background-image: url(icons.png);
         background-position: 100px;
         background-repeat:no-repeat;
@@ -107 +107 @@
         width: 8px;
         background-position: right center;
-        background-image: url(images/toolbar.buttonarrow.gif);
+        background-image: url(images/arrowdown.gif);
         background-repeat: no-repeat;
 }