More TinyMCE color abstraction and new border for title and editor. Props azaozz. fixes #6156

git-svn-id: http://svn.automattic.com/wordpress/trunk@7240 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryan 2008-03-11 16:54:48 +00:00
parent 132a674402
commit 0b22d34ee6
7 changed files with 96 additions and 23 deletions

View File

@ -674,3 +674,22 @@ div#media-upload-error, .file-error, .required abbr, .widget-control-remove:hove
.wp_themeSkin .mceMenuItemDisabled .mceText {
color: #888;
}
/* pop-up */
.clearlooks2 .mceTop .mceLeft, .clearlooks2 .mceTop .mceRight {
background-color: #cee1ef;
border-color: #c6d9e9;
}
.clearlooks2 .mceFocus .mceTop .mceLeft, .clearlooks2 .mceFocus .mceTop .mceRight {
background-color: #5488AF;
border-color: #464646;
}
#editorcontainer {
border-color: #ccc;
}
#poststuff #titlewrap {
border-color: #ccc;
}

View File

@ -656,3 +656,22 @@ div#media-upload-error, .file-error, .required abbr, .widget-control-remove:hove
.wp_themeSkin .mceMenuItemDisabled .mceText {
color: #888;
}
/* pop-up */
.clearlooks2 .mceTop .mceLeft, .clearlooks2 .mceTop .mceRight {
background-color: #cee1ef;
border-color: #c6d9e9;
}
.clearlooks2 .mceFocus .mceTop .mceLeft, .clearlooks2 .mceFocus .mceTop .mceRight {
background-color: #2683ae;
border-color: #464646;
}
#editorcontainer {
border-color: #ccc;
}
#poststuff #titlewrap {
border-color: #ccc;
}

View File

@ -179,8 +179,10 @@ if ( ( 'edit' == $action) && current_user_can('delete_post', $post_ID) )
<div id="post-body">
<div id="titlediv">
<h3><?php _e('Title') ?></h3>
<div class="inside">
<div id="titlewrap">
<input type="text" name="post_title" size="30" tabindex="1" value="<?php echo attribute_escape($post->post_title); ?>" id="title" />
</div>
<div class="inside">
<?php $sample_permalink_html = get_sample_permalink_html($post->ID); ?>
<div id="edit-slug-box">
<?php if ( ! empty($post->ID) && ! empty($sample_permalink_html) ) :

View File

@ -151,8 +151,10 @@ if ( ('edit' == $action) && current_user_can('delete_page', $post_ID) )
<div id="post-body">
<div id="titlediv">
<h3><?php _e('Title') ?></h3>
<div class="inside">
<div id="titlewrap">
<input type="text" name="post_title" size="30" tabindex="1" value="<?php echo attribute_escape( $post->post_title ); ?>" id="title" />
</div>
<div class="inside">
<?php $sample_permalink_html = get_sample_permalink_html($post->ID); ?>
<div id="edit-slug-box">
<?php if ( ! empty($post->ID) && ! empty($sample_permalink_html) ) :

View File

@ -13,8 +13,14 @@ wpEditorInit = function() {
switchEditors = {
saveCallback : function(el, content, body) {
document.getElementById(el).style.color = '#fff';
return this.pre_wpautop(content);
if ( tinyMCE.activeEditor.isHidden() )
content = document.getElementById(el).value;
else
content = this.pre_wpautop(content);
return content;
},
pre_wpautop : function(content) {

View File

@ -237,6 +237,9 @@ textarea.all-options, input.all-options {
#editorcontainer {
padding: 6px;
border-style: none solid solid;
border-width: 1px;
border-collapse: separate;
}
#currenttheme img {
@ -893,11 +896,11 @@ html, body {
#poststuff h3 {
font-size: 14px;
font-weight: bold;
padding: 8px 5px;
padding: 9px 5px;
margin: 0 0 10px;
}
#poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox {
#poststuff .postbox, #poststuff .stuffbox {
margin-left: 20px;
padding: 2px;
margin-bottom: 10px;
@ -906,6 +909,33 @@ html, body {
border-style: solid;
}
#titlediv, #poststuff .postarea {
margin-left: 20px;
margin-bottom: 10px;
margin-right: 8px;
}
#titlediv {
margin-bottom: 20px;
}
#titlediv div.inside {
margin: 0;
}
#titlediv #title {
border: 0;
padding: 0;
font-size: 1.7em;
width: 100%;
}
#poststuff #titlewrap {
padding: 3px;
border-width: 1px;
border-style: solid;
}
#poststuff .inside {
margin: 0 12px 15px;
font-size: 11px;
@ -915,12 +945,6 @@ html, body {
font-size: 14px;
}
#poststuff #title {
font-size: 1.7em;
padding: 4px 3px;
width: 98%;
}
#link_name, #link_url, #link_description {
font-size: 1.7em;
padding: 4px 3px;
@ -970,6 +994,7 @@ html, body {
float: right;
margin-right: 20px;
margin-top: 5px;
cursor: pointer;
}
#poststuff #media-buttons a {

View File

@ -18,9 +18,9 @@
}
.clearlooks2 .mceTop .mceLeft {
width:55%;
background: #cee1ef;
border-left: 1px solid #c6d9e9;
border-top: 1px solid #c6d9e9;
background-image: none;
border-style: solid none none solid;
border-width: 1px;
}
.clearlooks2 .mceTop .mceCenter {
}
@ -28,9 +28,9 @@
right:0;
width:55%;
height:23px;
background: #cee1ef;
border-right: 1px solid #c6d9e9;
border-top: 1px solid #c6d9e9;
background-image: none;
border-style: solid solid none none;
border-width: 1px;
}
.clearlooks2 .mceTop span {
width:100%;
@ -41,16 +41,16 @@
font-weight:bold;
}
.clearlooks2 .mceFocus .mceTop .mceLeft {
background: #2683ae;
border-left: 1px solid #464646;
border-top: 1px solid #464646;
background-image: none;
border-style: solid none none solid;
border-width: 1px;
}
.clearlooks2 .mceFocus .mceTop .mceCenter {
}
.clearlooks2 .mceFocus .mceTop .mceRight {
background: #2683ae;
border-right: 1px solid #464646;
border-top: 1px solid #464646;
background-image: none;
border-style: solid solid none none;
border-width: 1px;
}
.clearlooks2 .mceFocus .mceTop span {
color:#FFF