Changeset 27765 for trunk/src/wp-includes/js/tinymce/wp-mce-help.php

Timestamp:

03/27/2014 12:07:05 AM (12 years ago)

Author:

helen

Message:

Better, more consistent styling for plugin details Thickbox and TinyMCE help.

props avryl. fixes #26952.

File:

• trunk/src/wp-includes/js/tinymce/wp-mce-help.php (modified) (3 diffs)

trunk/src/wp-includes/js/tinymce/wp-mce-help.php

@@ -28 +28 @@
         }
 
-        #tabs-wrap {
+        .wp-core-ui #tabs {
+                margin-top: 1px;
+                padding: 0 6px;
                 position: absolute;
                 top: 0;
-        }
-
-        #tabs {
-                box-shadow: 0 3px 5px rgba( 255, 255, 255, 0.2 );
+                right: 0;
+                left: 0;
+                height: 31px;
+                z-index: 1;
+        }
+
+        .wp-core-ui #tabs a {
+                position: relative;
+                float: left;
+                padding: 6px 10px;
                 margin: 0;
-                padding: 0;
-                position: relative;
-                -webkit-user-select: none;
-                -moz-user-select: none;
-                -ms-user-select: none;
-                user-select: none;
-        }
-
-        #tabs a {
+                height: 18px;
+                line-height: 18px;
+                text-decoration: none;
                 -webkit-transition: none;
                 transition: none;
         }
-        
-        #tabs-wrap #tabs > a {
-                float: left;
-                font-size: 14px;
-                height: 18px;
-                line-height: 18px;
-                margin: 0;
-                padding: 7px 10px;
-                position: relative;
-                text-decoration: none;
-                border-right: 1px solid #ddd;
-                background-color: #eee;
-                color: inherit;
-        }
-
-        #tabs > a:active,
-        #tabs > a:focus {
-                outline: none;
-        }
-
-        #tabs-wrap #tabs .active,
-        #tabs-wrap #tabs .active:hover {
+
+        #tabs a.active {
+                margin: -1px -1px 0;
+                background: #fff;
+                border: 1px solid #ddd;
+                border-bottom: none;
                 color: #333;
-                background: #fff;
-                border-bottom: 1px solid #fff;
         }
 
@@ -84 +68 @@
                 height: 360px;
                 margin: 0;
-                margin-top: 32px;
-                overflow-y: scroll;
+                margin-top: 30px;
+                overflow: auto;
                 padding: 10px 16px;
         }
@@ -152 +136 @@
 </script>
 
-<div id="tabs-wrap">
-        <div id="tabs">
-                <a id="tab1" href="javascript:flipTab(1)" title="<?php esc_attr_e('Basics of Rich Editing'); ?>" accesskey="1" class="active"><?php _e('Basics'); ?></a>
-                <a id="tab2" href="javascript:flipTab(2)" title="<?php esc_attr_e('Advanced use of the Rich Editor'); ?>" accesskey="2"><?php _e('Advanced'); ?></a>
-                <a id="tab3" href="javascript:flipTab(3)" title="<?php esc_attr_e('Hotkeys'); ?>" accesskey="3"><?php _e('Hotkeys'); ?></a>
-                <a id="tab4" href="javascript:flipTab(4)" title="<?php esc_attr_e('About the software'); ?>" accesskey="4"><?php _e('About'); ?></a>
-        </div>
+<div id="tabs">
+        <a id="tab1" href="javascript:flipTab(1)" title="<?php esc_attr_e('Basics of Rich Editing'); ?>" accesskey="1" class="active"><?php _e('Basics'); ?></a>
+        <a id="tab2" href="javascript:flipTab(2)" title="<?php esc_attr_e('Advanced use of the Rich Editor'); ?>" accesskey="2"><?php _e('Advanced'); ?></a>
+        <a id="tab3" href="javascript:flipTab(3)" title="<?php esc_attr_e('Hotkeys'); ?>" accesskey="3"><?php _e('Hotkeys'); ?></a>
+        <a id="tab4" href="javascript:flipTab(4)" title="<?php esc_attr_e('About the software'); ?>" accesskey="4"><?php _e('About'); ?></a>
 </div>