WordPress.org
Get WordPress

Make WordPress Core

Changeset 7240


Ignore:
Timestamp:
03/11/2008 04:54:48 PM (19 years ago)
Author:
ryan
Message:

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

Location:
trunk
Files:
7 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/css/colors-classic.css

    r7232 r7240  
    675675        color: #888;
    676676}
     677
     678/* pop-up */
     679.clearlooks2 .mceTop .mceLeft, .clearlooks2 .mceTop .mceRight {
     680        background-color: #cee1ef;
     681        border-color: #c6d9e9;
     682}
     683
     684.clearlooks2 .mceFocus .mceTop .mceLeft, .clearlooks2 .mceFocus .mceTop .mceRight {
     685        background-color: #5488AF;
     686        border-color: #464646;
     687}
     688
     689#editorcontainer {
     690        border-color: #ccc;
     691}
     692
     693#poststuff #titlewrap {
     694        border-color: #ccc;
     695}

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

    r7232 r7240  
    657657        color: #888;
    658658}
     659
     660/* pop-up */
     661.clearlooks2 .mceTop .mceLeft, .clearlooks2 .mceTop .mceRight {
     662        background-color: #cee1ef;
     663        border-color: #c6d9e9;
     664}
     665
     666.clearlooks2 .mceFocus .mceTop .mceLeft, .clearlooks2 .mceFocus .mceTop .mceRight {
     667        background-color: #2683ae;
     668        border-color: #464646;
     669}
     670
     671#editorcontainer {
     672        border-color: #ccc;
     673}
     674
     675#poststuff #titlewrap {
     676        border-color: #ccc;
     677}

  • trunk/wp-admin/edit-form-advanced.php

    r7230 r7240  
    180180<div id="titlediv">
    181181<h3><?php _e('Title') ?></h3>
    182 <div class="inside">
     182<div id="titlewrap">
    183183        <input type="text" name="post_title" size="30" tabindex="1" value="<?php echo attribute_escape($post->post_title); ?>" id="title" />
     184</div>
     185<div class="inside">
    184186<?php $sample_permalink_html = get_sample_permalink_html($post->ID); ?>
    185187        <div id="edit-slug-box">

  • trunk/wp-admin/edit-page-form.php

    r7230 r7240  
    152152<div id="titlediv">
    153153<h3><?php _e('Title') ?></h3>
    154 <div class="inside">
     154<div id="titlewrap">
    155155  <input type="text" name="post_title" size="30" tabindex="1" value="<?php echo attribute_escape( $post->post_title ); ?>" id="title" />
     156</div>
     157<div class="inside">
    156158<?php $sample_permalink_html = get_sample_permalink_html($post->ID); ?>
    157159        <div id="edit-slug-box">

  • trunk/wp-admin/js/editor.js

    r7173 r7240  
    1414
    1515    saveCallback : function(el, content, body) {
     16   
    1617        document.getElementById(el).style.color = '#fff';
    17         return this.pre_wpautop(content);
     18        if ( tinyMCE.activeEditor.isHidden() )
     19            content = document.getElementById(el).value;
     20        else
     21            content = this.pre_wpautop(content);
     22
     23        return content;
    1824    },
    1925

  • trunk/wp-admin/wp-admin.css

    r7230 r7240  
    238238#editorcontainer {
    239239        padding: 6px;
     240        border-style: none solid solid;
     241        border-width: 1px;
     242        border-collapse: separate;
    240243}
    241244
    … …  
    894897        font-size: 14px;
    895898        font-weight: bold;
    896         padding: 8px 5px;
     899        padding: 9px 5px;
    897900        margin: 0 0 10px;
    898901}
    899902
    900 #poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox {
     903#poststuff .postbox, #poststuff .stuffbox {
    901904        margin-left: 20px;
    902905        padding: 2px;
    … …  
    907910}
    908911
     912#titlediv, #poststuff .postarea {
     913        margin-left: 20px;
     914        margin-bottom: 10px;
     915        margin-right: 8px;
     916}
     917
     918#titlediv {
     919        margin-bottom: 20px;
     920}
     921
     922#titlediv div.inside {
     923        margin: 0;
     924}
     925
     926#titlediv #title {
     927        border: 0;
     928        padding: 0;
     929        font-size: 1.7em;
     930        width: 100%;
     931}
     932
     933#poststuff #titlewrap {
     934        padding: 3px;
     935        border-width: 1px;
     936        border-style: solid;
     937}
     938
    909939#poststuff .inside {
    910940        margin: 0 12px 15px;
    … …  
    914944#poststuff .inside strong {
    915945        font-size: 14px;
    916 }
    917 
    918 #poststuff #title {
    919         font-size: 1.7em;
    920         padding: 4px 3px;
    921         width: 98%;
    922946}
    923947
    … …  
    971995        margin-right: 20px;
    972996        margin-top: 5px;
     997        cursor: pointer;
    973998}
    974999

  • trunk/wp-includes/js/tinymce/plugins/inlinepopups/skins/clearlooks2/window.css

    r7173 r7240  
    1919.clearlooks2 .mceTop .mceLeft {
    2020        width:55%;
    21         background: #cee1ef;
    22         border-left: 1px solid #c6d9e9;
    23         border-top: 1px solid #c6d9e9;
     21        background-image: none;
     22        border-style: solid none none solid;
     23        border-width: 1px;
    2424}
    2525.clearlooks2 .mceTop .mceCenter {
    … …  
    2929        width:55%;
    3030        height:23px;
    31         background: #cee1ef;
    32         border-right: 1px solid #c6d9e9;
    33         border-top: 1px solid #c6d9e9;
     31        background-image: none;
     32        border-style: solid solid none none;
     33        border-width: 1px;
    3434}
    3535.clearlooks2 .mceTop span {
    … …  
    4242}
    4343.clearlooks2 .mceFocus .mceTop .mceLeft {
    44         background: #2683ae;
    45         border-left: 1px solid #464646;
    46         border-top: 1px solid #464646;
     44        background-image: none;
     45        border-style: solid none none solid;
     46        border-width: 1px;
    4747}
    4848.clearlooks2 .mceFocus .mceTop .mceCenter {
    4949}
    5050.clearlooks2 .mceFocus .mceTop .mceRight {
    51         background: #2683ae;
    52         border-right: 1px solid #464646;
    53         border-top: 1px solid #464646;
     51        background-image: none;
     52        border-style: solid solid none none;
     53        border-width: 1px;
    5454}
    5555.clearlooks2 .mceFocus .mceTop span {
Note: See TracChangeset for help on using the changeset viewer.