Changeset 9677

Timestamp:

11/14/2008 08:14:21 AM (16 years ago)

Author:

azaozz

Message:

Style updates for TinyMCE dialogs

Location:

trunk

Files:

• wp-admin/css/colors-fresh.css (modified) (1 diff)
• wp-includes/js/tinymce/themes/advanced/skins/wp_theme/dialog.css (modified) (3 diffs)

trunk/wp-admin/css/colors-fresh.css

@@ -913 +913 @@
 }
 
-/* pop-up */
-.clearlooks2 .mceTop .mceLeft,
-.clearlooks2 .mceTop .mceRight {
-    background-color: #f5f5f5;
-    border-color: #c6d9e9;
-}
-
-.clearlooks2 .mceFocus .mceTop .mceLeft,
-.clearlooks2 .mceFocus .mceTop .mceRight {
-    background-color: #2683ae;
-    border-color: #464646;
+.wp-admin #mceModalBlocker {
+    background: #000;
+}
+
+.wp-admin .clearlooks2 .mceFocus .mceTop .mceLeft {
+    background: #444444;
+    border-left: 1px solid #999;
+    border-top: 1px solid #999;
+    -moz-border-radius: 4px 0 0 0;
+    -webkit-border-top-left-radius: 4px;
+    -khtml-border-top-left-radius: 4px;
+    border-top-left-radius: 4px;
+}
+
+.wp-admin .clearlooks2 .mceFocus .mceTop .mceCenter {
+    background: #444444;
+    border-bottom: 1px solid #999;
+    border-top: 1px solid #999;
+}
+
+.wp-admin .clearlooks2 .mceFocus .mceTop .mceRight {
+    background: #444444;
+    border-right: 1px solid #999;
+    border-top: 1px solid #999;
+    border-top-right-radius: 4px;
+    -khtml-border-top-right-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    -moz-border-radius: 0 4px 0 0;
+}
+
+.wp-admin .clearlooks2 .mceMiddle .mceLeft {
+    background: #f1f1f1;
+    border-left: 1px solid #999;
+}
+
+.wp-admin .clearlooks2 .mceMiddle .mceRight {
+    background: #f1f1f1;
+    border-right: 1px solid #999;
+}
+
+.wp-admin .clearlooks2 .mceBottom {
+    background: #f1f1f1;
+    border-bottom: 1px solid #999;
+}
+
+.wp-admin .clearlooks2 .mceBottom .mceLeft {
+    background: #f1f1f1;
+    border-bottom: 1px solid #999;
+    border-left: 1px solid #999;
+}
+
+.wp-admin .clearlooks2 .mceBottom .mceCenter {
+    background: #f1f1f1;
+    border-bottom: 1px solid #999;
+}
+
+.wp-admin .clearlooks2 .mceBottom .mceRight {
+    background: #f1f1f1;
+    border-bottom: 1px solid #999;
+    border-right: 1px solid #999;
+}
+
+.wp-admin .clearlooks2 .mceFocus .mceTop span {
+    color: #fff;
 }
 /* end TinyMCE */

trunk/wp-includes/js/tinymce/themes/advanced/skins/wp_theme/dialog.css

@@ -2 +2 @@
 body {
 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
-/*scrollbar-3dlight-color:#F0F0EE;
-scrollbar-arrow-color:#676662;
-scrollbar-base-color:#F0F0EE;
-scrollbar-darkshadow-color:#DDDDDD;
-scrollbar-face-color:#E0E0DD;
-scrollbar-highlight-color:#F0F0EE;
-scrollbar-shadow-color:#F0F0EE;
-scrollbar-track-color:#F5F5F5;*/
-background:#E4F2FD;
+background:#f1f1f1;
 padding:0;
 margin:8px 8px 0 8px;
 }
 
-html {background:#E4F2FD;}
+html {background:#f1f1f1;}
 td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
 textarea {resize:none;outline:none;}
@@ -22 +14 @@
 
 /* Forms */
-fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:10px;}
+fieldset {margin:0; padding:4px; border:1px solid #dfdfdf; font-family:Verdana, Arial; font-size:10px;}
 legend {color:#2B6FB6; font-weight:bold;}
 label.msg {display:none;}
 label.invalid {color:#EE0000; display:inline;}
 input.invalid {border:1px solid #EE0000;}
-input {background:#FFF; border:1px solid #CCC;}
+input {background:#FFF; border:1px solid #dfdfdf;}
 input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
-input, select, textarea {border:1px solid #808080;}
+input, select, textarea {border:1px solid #dfdfdf;}
 input.radio {border:1px none #000000; background:transparent; vertical-align:middle;}
 input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;}
@@ -36 +28 @@
 /* Buttons */
 #insert, #cancel, #apply, .mceActionPanel .button, input.mceButton, .updateButton {
-border: 1px solid #bbb; 
-margin:0; 
-padding:0 0 1px;
-font-weight:bold;
-font-size: 11px;
-width:94px; 
-height:24px;
-background:url(img/fade-butt.png) 0 0;
-cursor:pointer;
+    border: 1px solid #bbb; 
+    margin:0; 
+    padding:0 0 1px;
+    font-weight:bold;
+    font-size: 11px;
+    width:94px; 
+    height:24px;
+    background:url(img/fade-butt.png) 0 0;
+    cursor:pointer;
+    -moz-border-radius: 3px;
+    -khtml-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
 }
 #insert:hover, #cancel:hover, input.mceButton:hover, .updateButton:hover,
 #insert:focus, #cancel:focus, input.mceButton:focus, .updateButton:focus {
-border: 1px solid #555;
-} 
+    border: 1px solid #555;
+}
 
 /* Browse */