Make WordPress Core

Ticket #21368: 21368.4.now-with-more-onclick.diff

File 21368.4.now-with-more-onclick.diff, 24.3 KB (added by georgestephanis, 12 years ago)

Adding pointers in. Still need to include conditional way of only showing the step2 pointers when following a step1 pointer. Cookie perhaps?

  • wp-admin/includes/dashboard.php

     
    12491249        ?>
    12501250        <div id="welcome-panel" class="<?php echo esc_attr( $classes ); ?>">
    12511251        <?php wp_nonce_field( 'welcome-panel-nonce', 'welcomepanelnonce', false ); ?>
    1252         <a class="welcome-panel-close" href="<?php echo esc_url( admin_url( '?welcome=0' ) ); ?>"><?php _e('Dismiss'); ?></a>
    1253         <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
    1254 
     1252        <a class="welcome-panel-close" href="<?php echo esc_url( admin_url( '?welcome=0' ) ); ?>"><?php _e( 'Dismiss' ); ?></a>
    12551253        <div class="welcome-panel-content">
    1256         <h3><?php _e( 'Welcome to your new WordPress site!' ); ?></h3>
    1257         <p class="about-description"><?php _e( 'If you need help getting started, check out our documentation on <a href="http://codex.wordpress.org/First_Steps_With_WordPress">First Steps with WordPress</a>. If you&#8217;d rather dive right in, here are a few things most people do first when they set up a new WordPress site. If you need help, use the Help tabs in the upper right corner to get information on how to use your current screen and where to go for more assistance.' ); ?></p>
     1254        <h3><?php _e( 'Welcome to WordPress!' ); ?></h3>
     1255        <p class="about-description"><?php _e( "We've assembled some links to get you started:" ); ?></p>
    12581256        <div class="welcome-panel-column-container">
    12591257        <div class="welcome-panel-column">
    1260                 <h4><span class="icon16 icon-settings"></span> <?php _e( 'Basic Settings' ); ?></h4>
    1261                 <p><?php _e( 'Here are a few easy things you can do to get your feet wet. Make sure to click Save on each Settings screen.' ); ?></p>
    1262                 <ul>
    1263                 <li><?php echo sprintf( __( '<a href="%s">Choose your privacy setting</a>' ), esc_url( admin_url('options-privacy.php') ) ); ?></li>
    1264                 <li><?php echo sprintf( __( '<a href="%s">Select your tagline and time zone</a>' ), esc_url( admin_url('options-general.php') ) ); ?></li>
    1265                 <li><?php echo sprintf( __( '<a href="%s">Turn comments on or off</a>' ), esc_url( admin_url('options-discussion.php') ) ); ?></li>
    1266                 <li><?php echo sprintf( __( '<a href="%s">Fill in your profile</a>' ), esc_url( get_edit_profile_url( get_current_user_id() ) ) ); ?></li>
    1267                 </ul>
     1258                <h4><?php _e( 'Get Started' ); ?></h4>
     1259                <p><?php _e( 'First, change the look of your site:' ); ?></p>
     1260                <a class="welcome-button" href="<?php echo wp_customize_url() ?>"><?php _e( 'Customize Your Site' ); ?></a>
    12681261        </div>
    12691262        <div class="welcome-panel-column">
    1270                 <h4><span class="icon16 icon-page"></span> <?php _e( 'Add Real Content' ); ?></h4>
    1271                 <p><?php _e( 'Check out the sample page & post editors to see how it all works, then delete the default content and write your own!' ); ?></p>
     1263                <h4><?php _e( 'Next Steps' ); ?></h4>
    12721264                <ul>
    1273                 <li><?php echo sprintf( __( 'View the <a href="%1$s">sample page</a> and <a href="%2$s">post</a>' ), esc_url( get_permalink( 2 ) ), esc_url( get_permalink( 1 ) ) ); ?></li>
    1274                 <li><?php echo sprintf( __( 'Delete the <a href="%1$s">sample page</a> and <a href="%2$s">post</a>' ), esc_url( admin_url('edit.php?post_type=page') ), esc_url( admin_url('edit.php') ) ); ?></li>
    1275                 <li><?php echo sprintf( __( '<a href="%s">Create an About Me page</a>' ), esc_url( admin_url('edit.php?post_type=page') ) ); ?></li>
    1276                 <li><?php echo sprintf( __( '<a href="%s">Write your first post</a>' ), esc_url( admin_url('post-new.php') ) ); ?></li>
     1265                <?php if  ( ( 'page' == get_option( 'show_on_front' ) ) && '0' == get_option( 'page_for_posts' ) ) { ?>
     1266                        <li><?php printf( '<a href="%s">' . __( 'Edit your front page' ) . '</a>', esc_url( admin_url( 'post.php?post=' . get_option( 'page_on_front' ) . '&action=edit' ) ) ); ?></li>
     1267                        <li><?php printf( '<a href="%s">' . __( 'Add additional pages' ) . '</a>', esc_url( admin_url( 'edit.php?post_type=page' ) ) ); ?></li>
     1268                <?php } else if ( 'page' == get_option( 'show_on_front' ) ) { ?>
     1269                        <li><?php printf( '<a href="%s">' . __( 'Edit your front page' ) . '</a>', esc_url( admin_url( 'post.php?post=' . get_option( 'page_on_front' ) . '&action=edit' ) ) ); ?></li>
     1270                        <li><?php printf( '<a href="%s">' . __( 'Add additional pages' ) . '</a>', esc_url( admin_url( 'edit.php?post_type=page' ) ) ); ?></li>
     1271                        <li><?php printf( '<a href="%s">' . __( 'Add a blog post' ) . '</a>', esc_url( admin_url( 'edit.php' ) ) ); ?></li>
     1272                <?php } else { ?>
     1273                        <li><?php printf( '<a href="%s">' . __( 'Write your first blog post' ) . '</a>', esc_url( admin_url( 'edit.php' ) ) ); ?></li>
     1274                        <li><?php printf( '<a href="%s">' . __( 'Add an About Me page' ) . '</a>', esc_url( admin_url( 'edit.php?post_type=page' ) ) ); ?></li>
     1275                <?php } ?>
     1276                        <li><?php printf( '<a href="%s">' . __( 'Check out your site' ) . '</a>', esc_url( home_url() ) ); ?></li>
    12771277                </ul>
    12781278        </div>
    12791279        <div class="welcome-panel-column welcome-panel-last">
    1280                 <h4><span class="icon16 icon-appearance"></span> <?php _e( 'Customize Your Site' ); ?></h4>
    1281                 <?php
    1282                 $theme = wp_get_theme();
    1283                 if ( $theme->errors() ) :
    1284                         echo '<p>';
    1285                         printf( __( '<a href="%s">Install a theme</a> to get started customizing your site.' ), esc_url( admin_url( 'themes.php' ) ) );
    1286                         echo '</p>';
    1287                 else:
    1288                         $customize_links = array();
    1289                         if ( 'twentyeleven' == $theme->get_stylesheet() )
    1290                                 $customize_links[] = sprintf( __( '<a href="%s">Choose light or dark</a>' ), esc_url( admin_url( 'themes.php?page=theme_options' ) ) );
    1291 
    1292                         if ( current_theme_supports( 'custom-background' ) )
    1293                                 $customize_links[] = sprintf( __( '<a href="%s">Set a background color</a>' ), esc_url( admin_url( 'themes.php?page=custom-background' ) ) );
    1294 
    1295                         if ( current_theme_supports( 'custom-header' ) )
    1296                                 $customize_links[] = sprintf( __( '<a href="%s">Select a new header image</a>' ), esc_url( admin_url( 'themes.php?page=custom-header' ) ) );
    1297 
    1298                         if ( current_theme_supports( 'widgets' ) )
    1299                                 $customize_links[] = sprintf( __( '<a href="%s">Add some widgets</a>' ), esc_url( admin_url( 'widgets.php' ) ) );
    1300 
    1301                         if ( ! empty( $customize_links ) ) {
    1302                                 echo '<p>';
    1303                                 printf( __( 'Use the current theme &mdash; %1$s &mdash; or <a href="%2$s">choose a new one</a>. If you stick with %1$s, here are a few ways to make your site look unique.' ), $theme->display('Name'), esc_url( admin_url( 'themes.php' ) ) );
    1304                                 echo '</p>';
    1305                         ?>
    1306                         <ul>
    1307                                 <?php foreach ( $customize_links as $customize_link ) : ?>
    1308                                 <li><?php echo $customize_link ?></li>
    1309                                 <?php endforeach; ?>
    1310                         </ul>
    1311                         <?php
    1312                         } else {
    1313                                 echo '<p>';
    1314                                 printf( __( 'Use the current theme &mdash; %1$s &mdash; or <a href="%2$s">choose a new one</a>.' ), $theme->display('Name'), esc_url( admin_url( 'themes.php' ) ) );
    1315                                 echo '</p>';
    1316                         }
    1317                 endif; ?>
     1280                <h4><?php _e( 'Learn how to' ); ?></h4>
     1281                <ul>
     1282                        <li><?php printf( '<a id="wp350_add_images" href="%s">' . __( 'Add media' ) . '</a>', esc_url( admin_url( 'media-new.php' ) ) ); ?></li>
     1283                        <li><?php printf( '<a id="wp350_change_theme" href="%s">' . __( 'Change your theme' ) . '</a>', esc_url( admin_url( 'themes.php' ) ) ); ?></li>
     1284                        <li><?php printf( '<a id="wp350_edit_menu" href="%s">' . __( 'Edit your navigation menu' ) . '</a>', esc_url( admin_url( 'nav-menus.php' ) ) ); ?></li>
     1285                </ul>
    13181286        </div>
    13191287        </div>
    1320         <p class="welcome-panel-dismiss"><?php printf( __( 'Already know what you&#8217;re doing? <a href="%s">Dismiss this message</a>.' ), esc_url( admin_url( '?welcome=0' ) ) ); ?></p>
    13211288        </div>
    13221289        </div>
    13231290        <?php
  • wp-admin/includes/template.php

     
    17071707                 */
    17081708
    17091709                $registered_pointers = array(
    1710                         'index.php'    => 'wp330_toolbar',
    1711                         'post-new.php' => 'wp330_media_uploader',
    1712                         'post.php'     => 'wp330_media_uploader',
    1713                         'themes.php'   => array( 'wp330_saving_widgets', 'wp340_customize_current_theme_link' ),
     1710                        'index.php'     => array( 'wp330_toolbar', 'wp350_add_images', 'wp350_change_theme', 'wp350_edit_menu' ),
     1711                        'post-new.php'  => array( 'wp330_media_uploader', 'wp350_add_images_2' ),
     1712                        'post.php'      => 'wp330_media_uploader',
     1713                        'themes.php'    => array( 'wp330_saving_widgets', 'wp340_customize_current_theme_link', 'wp350_change_theme_2' ),
     1714                        'nav-menus.php' => 'wp350_edit_menu_2',
    17141715                        'appearance_page_custom-header' => 'wp340_choose_image_from_library',
    17151716                        'appearance_page_custom-background' => 'wp340_choose_image_from_library',
    17161717                );
     
    17751776                        if ( ! options )
    17761777                                return;
    17771778
    1778                         options = $.extend( options, {
    1779                                 close: function() {
    1780                                         $.post( ajaxurl, {
    1781                                                 pointer: '<?php echo $pointer_id; ?>',
    1782                                                 action: 'dismiss-wp-pointer'
    1783                                         });
    1784                                 }
    1785                         });
     1779                        <?php if( empty( $args['persistent'] ) ): ?>
    17861780
     1781                                options = $.extend( options, {
     1782                                        close: function() {
     1783                                                $.post( ajaxurl, {
     1784                                                        pointer: '<?php echo $pointer_id; ?>',
     1785                                                        action: 'dismiss-wp-pointer'
     1786                                                });
     1787                                        }
     1788                                });
     1789
     1790                        <?php endif; ?>
     1791
    17871792                        setup = function() {
    17881793                                $('<?php echo $selector; ?>').pointer( options ).pointer('open');
     1794                                return false;
    17891795                        };
    17901796
    1791                         if ( options.position && options.position.defer_loading )
    1792                                 $(window).bind( 'load.wp-pointers', setup );
    1793                         else
    1794                                 $(document).ready( setup );
     1797                        <?php if( empty( $args['onclick_element'] ) ): ?>
    17951798
     1799                                if ( options.position && options.position.defer_loading )
     1800                                        $(window).bind( 'load.wp-pointers', setup );
     1801                                else
     1802                                        $(document).ready( setup );
     1803
     1804                        <?php else: ?>
     1805
     1806                                $('<?php echo $args['onclick_element']; ?>').click( setup );
     1807
     1808                        <?php endif; ?>
     1809
    17961810                })( jQuery );
    17971811                //]]>
    17981812                </script>
     
    18731887                ) );
    18741888        }
    18751889
     1890        public static function pointer_wp350_add_images() {
     1891                $content  = '<h3>' . __( 'Use the add new menu' ) . '</h3>';
     1892                $content .= '<p>' . __( 'Select &ldquo;Post&rdquo; from the add new menu.' ) . '</p>';
     1893
     1894                WP_Internal_Pointers::print_js( 'pointer_wp350_add_images', '#wp-admin-bar-new-content', array(
     1895                        'content'  => $content,
     1896                        'position' => array( 'edge' => 'top', 'align' => is_rtl() ? 'right' : 'left' ),
     1897                        'persistent' => true,
     1898                        'onclick_element' => '#wp350_add_images',
     1899                ) );
     1900        }
     1901
     1902        public static function pointer_wp350_add_images_2() {
     1903                $content  = '<h3>' . __( 'Add images/media' ) . '</h3>';
     1904                $content .= '<p>' . __( 'You can add images, videos, pdfs, and other documents to your posts and pages by clicking this button.' ) . '</p>';
     1905
     1906                WP_Internal_Pointers::print_js( 'pointer_wp350_add_images_2', '#wp-content-media-buttons a', array(
     1907                        'content'  => $content,
     1908                        'position' => array( 'edge' => is_rtl() ? 'right' : 'left', 'align' => is_rtl() ? 'right' : 'left' ),
     1909                        'persistent' => true,
     1910                ) );
     1911        }
     1912
     1913        public static function pointer_wp350_change_theme() {
     1914                $content  = '<h3>' . __( 'Choose another theme' ) . '</h3>';
     1915                $content .= '<p>' . __( 'To select a different theme, first click the &ldquo;Appearance&rdquo; button.' ) . '</p>';
     1916
     1917                WP_Internal_Pointers::print_js( 'pointer_wp350_change_theme', '#menu-appearance', array(
     1918                        'content'  => $content,
     1919                        'position' => array( 'edge' => is_rtl() ? 'right' : 'left', 'align' => is_rtl() ? 'right' : 'left' ),
     1920                        'persistent' => true,
     1921                        'onclick_element' => '#wp350_change_theme',
     1922                ) );
     1923        }
     1924
     1925        public static function pointer_wp350_change_theme_2() {
     1926                $content  = '<h3>' . __( 'Install a new theme' ) . '</h3>';
     1927                $content .= '<p>' . __( 'Now select the &ldquo;Install Themes&rdquo; tab.' ) . '</p>';
     1928
     1929                WP_Internal_Pointers::print_js( 'pointer_wp350_change_theme_2', '.nav-tab:not(.nav-tab-active)', array(
     1930                        'content'  => $content,
     1931                        'position' => array( 'edge' => 'top', 'align' => is_rtl() ? 'right' : 'left' ),
     1932                        'persistent' => true,
     1933                ) );
     1934        }
     1935
     1936        public static function pointer_wp350_edit_menu() {
     1937                $content  = '<h3>' . __( 'Under appearance' ) . '</h3>';
     1938                $content .= '<p>' . __( 'Click the &ldquo;Menus&rdquo; link under the appearance menu.' ) . '</p>';
     1939
     1940                WP_Internal_Pointers::print_js( 'pointer_wp350_edit_menu', '#menu-appearance', array(
     1941                        'content'  => $content,
     1942                        'position' => array( 'edge' => is_rtl() ? 'right' : 'left', 'align' => is_rtl() ? 'right' : 'left' ),
     1943                        'persistent' => true,
     1944                        'onclick_element' => '#wp350_edit_menu',
     1945                ) );
     1946        }
     1947
     1948        public static function pointer_wp350_edit_menu_2() {
     1949                if( isset( $_GET['menu'] ) && intval( $_GET['menu'] ) )
     1950                        return;
     1951
     1952                $content  = '<h3>' . __( 'Create a new menu' ) . '</h3>';
     1953                $content .= '<p>' . __( 'Give your new menu a name, and then click the &ldquo;Create Menu&rdquo; button.' ) . '</p>';
     1954
     1955                WP_Internal_Pointers::print_js( 'pointer_wp350_edit_menu_2', '#menu-name', array(
     1956                        'content'  => $content,
     1957                        'position' => array( 'edge' => 'top', 'align' => is_rtl() ? 'right' : 'left' ),
     1958                        'persistent' => true,
     1959                ) );
     1960        }
     1961
    18761962        /**
    18771963         * Prevents new users from seeing existing 'new feature' pointers.
    18781964         *
  • wp-admin/css/colors-fresh.css

     
    762762}
    763763
    764764.welcome-panel {
     765        background: #f5f5f5;
     766        background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
     767        background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
     768        background-image:    -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
     769        background-image:      -o-linear-gradient(bottom, #f5f5f5, #fafafa);
     770        background-image: linear-gradient(to top, #f5f5f5, #fafafa);
    765771        border-color: #dfdfdf;
     772       
     773        -moz-border-radius: 3px;
     774        -webkit-border-radius: 3px;
     775        -o-border-radius: 3px;
     776        -ms-border-radius: 3px;
     777        border-radius: 3px;
    766778}
    767779.welcome-panel p {
    768780        color: #777;
    769781}
    770782.welcome-panel-column p {
    771783        color: #464646;
     784        margin-top: 5px;
    772785}
    773786.welcome-panel h3 {
    774787        text-shadow: 1px 1px 1px white;
    775788}
    776789
     790/* welcome screen button */
     791
     792.welcome-button {
     793        color: #fff;
     794        cursor: pointer;
     795        display: inline-block;
     796        font-size: 15px;
     797        font-family: sans-serif;
     798        text-decoration: none;
     799        height: auto;
     800        line-height: 1;
     801        padding: 1em 3em;
     802        font-weight: normal;
     803        margin-top: -9px;
     804        white-space: nowrap;
     805       
     806        -moz-border-radius: 3px;
     807        -webkit-border-radius: 3px;
     808        -o-border-radius: 3px;
     809        -ms-border-radius: 3px;
     810        border-radius: 3px;
     811       
     812        text-shadow: 0 -1px 0 rgba(0,116,162,0.8);
     813
     814        background-color: #2ea2cc;
     815        background-image: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%);
     816        background-image: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     817        background-image: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     818        background-image: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     819        background-image: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     820       
     821        border: 1px solid #026896;
     822       
     823        -moz-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     824        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     825        -o-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     826        -ms-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     827        box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     828}
     829
     830.welcome-button:hover {
     831        color: #fff;
     832        text-shadow: 0 -1px 0 rgb(0,116,162);
     833       
     834        background-image: -moz-linear-gradient(top, #2ea2cc 0%, #0074a2 100%);
     835        background-image: -webkit-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     836        background-image: -o-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     837        background-image: -ms-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     838        background-image: linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     839       
     840        -moz-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     841        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     842        -o-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     843        -ms-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     844        box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     845}
     846
     847.welcome-button:active {
     848        color:rgba(255,255,255,.9);
     849
     850        background-image: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%);
     851        background-image: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     852        background-image: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     853        background-image: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     854        background-image: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     855       
     856        -moz-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     857        -webkit-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     858        -o-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     859        -ms-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     860        box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     861}
     862
     863.welcome-button:focus {
     864        color:rgba(255,255,255,.9);
     865
     866        background-image: -moz-linear-gradient(top, #1e8cbc 0%, #0074a2 100%);
     867        background-image: -webkit-linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     868        background-image: -o-linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     869        background-image: -ms-linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     870        background-image: linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     871       
     872        border: 1px solid #002E45;
     873       
     874        -moz-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     875        -webkit-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     876        -o-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     877        -ms-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     878        box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     879}
     880
     881@media screen and (max-width: 1000px) {
     882        .welcome-button {
     883                font-size: 14px;
     884                padding: 1em 2.3em;
     885        }
     886}
     887
    777888.widget,
    778889#widget-list .widget-top,
    779890.postbox,
  • wp-admin/css/wp-admin-rtl.css

     
    590590        float: right;
    591591}
    592592
    593 .welcome-panel-content .about-description, .welcome-panel h3 {
    594         margin-left: 0;
    595         margin-right: 190px;
    596 }
    597 
    598593.welcome-panel .welcome-panel-column {
    599594        margin: 0 -25px 0 5%;
    600595        padding-left: 0;
  • wp-admin/css/wp-admin.css

     
    21582158
    21592159/* Welcome Panel */
    21602160.welcome-panel {
    2161         margin: 20px 8px;
     2161        font-size: 14px;
     2162        margin: 20px 0;
    21622163        padding: 30px 10px 20px;
    2163         border-width: 1px 0;
     2164        border-width: 1px;
    21642165        border-style: solid;
    21652166        position: relative;
    21662167        line-height: 1.6em;
     
    21722173        font-size: 32px;
    21732174        font-weight: normal;
    21742175        line-height: 1.2;
    2175         margin: 0.1em 0 0.8em;
     2176        margin: 0;
    21762177}
    21772178.welcome-panel h4 {
    21782179        font-size: 14px;
     2180        margin: 1.33em 0 0;
    21792181}
    21802182
     2183.welcome-panel .about-description {
     2184        margin: 0;
     2185}
     2186
    21812187.welcome-panel .welcome-panel-close {
    21822188        position: absolute;
    21832189        top: 0;
     
    22062212}
    22072213
    22082214.welcome-panel-content {
     2215        margin-left: 13px;
    22092216        max-width: 1500px;
    22102217}
    22112218
    2212 .welcome-panel-content .about-description,
    2213 .welcome-panel h3 {
    2214         margin-left: 190px;
    2215 }
    2216 
    2217 .welcome-panel p.welcome-panel-dismiss {
    2218         clear: both;
    2219         padding: 1em 0 0 0;
    2220 }
    2221 
    22222219.welcome-panel .welcome-panel-column-container {
    22232220        clear: both;
    22242221        overflow: hidden;
    22252222        position: relative;
    2226         padding-left: 26px;
    22272223}
    22282224
    22292225.welcome-panel .welcome-panel-column {
    2230         margin: 0 5% 0 -25px;
    2231         padding-left: 25px;
    2232         width: 30%;
     2226        width: 32%;
    22332227        min-width: 200px;
    22342228        float: left;
    22352229}
    22362230
     2231.welcome-panel .welcome-panel-column:first-child {
     2232        width: 36%;
     2233}
     2234
    22372235.welcome-panel .welcome-panel-column.welcome-panel-last {
    22382236        margin-right: 0;
    22392237}
     
    22432241}
    22442242
    22452243.welcome-panel .welcome-panel-column ul {
    2246         margin: 1.6em 1em 1em 1.3em;
     2244        margin: 0.4em 1em 1em 1.3em;
    22472245}
    22482246
    22492247.welcome-panel .welcome-panel-column li {
     
    22512249        padding-left: 2px;
    22522250}
    22532251
     2252@media screen and (max-width: 800px) {
     2253        .welcome-panel .welcome-panel-column, .welcome-panel .welcome-panel-column:first-child {
     2254                display: block;
     2255                float: none;
     2256                width: 100%;
     2257        }
     2258        .welcome-panel .welcome-panel-column li {
     2259                display: inline-block;
     2260                margin-right: 13px;
     2261        }
     2262        .welcome-panel .welcome-panel-column ul {
     2263                margin: 0.4em 0 0;
     2264        }
     2265}
    22542266
    22552267/*------------------------------------------------------------------------------
    22562268  10.0 - List Posts (/Pages/etc)
  • wp-admin/css/colors-classic.css

     
    771771}
    772772
    773773.welcome-panel {
     774        background: #f7fCfe;
    774775        border-color: #d1e5ee;
     776       
     777        -moz-border-radius: 3px;
     778        -webkit-border-radius: 3px;
     779        -o-border-radius: 3px;
     780        -ms-border-radius: 3px;
     781        border-radius: 3px;
    775782}
    776783.welcome-panel p {
    777784        color: #777;
    778785}
    779786.welcome-panel-column p {
    780787        color: #464646;
     788        margin-top: 5px;
    781789}
    782790.welcome-panel h3 {
    783791        text-shadow: 1px 1px 1px white;
    784792}
    785793
     794/* welcome screen button */
     795
     796.welcome-button {
     797        color: #fff;
     798        cursor: pointer;
     799        display: inline-block;
     800        font-size: 15px;
     801        font-family: sans-serif;
     802        text-decoration: none;
     803        height: auto;
     804        line-height: 1;
     805        padding: 1em 3em;
     806        font-weight: normal;
     807        margin-top: -9px;
     808        white-space: nowrap;
     809       
     810        -moz-border-radius: 3px;
     811        -webkit-border-radius: 3px;
     812        -o-border-radius: 3px;
     813        -ms-border-radius: 3px;
     814        border-radius: 3px;
     815       
     816        text-shadow: 0 -1px 0 rgba(0,116,162,0.8);
     817
     818        background-color: #2ea2cc;
     819        background-image: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%);
     820        background-image: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     821        background-image: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     822        background-image: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     823        background-image: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     824       
     825        border: 1px solid #026896;
     826       
     827        -moz-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     828        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     829        -o-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     830        -ms-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     831        box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     832}
     833
     834.welcome-button:hover {
     835        color: #fff;
     836        text-shadow: 0 -1px 0 rgb(0,116,162);
     837       
     838        background-image: -moz-linear-gradient(top, #2ea2cc 0%, #0074a2 100%);
     839        background-image: -webkit-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     840        background-image: -o-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     841        background-image: -ms-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     842        background-image: linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
     843       
     844        -moz-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     845        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     846        -o-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     847        -ms-box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     848        box-shadow: inset 0 1px 0 rgba(120,200,230,0.7), 0 1px 2px rgba(0,0,0,0.3);
     849}
     850
     851.welcome-button:active {
     852        color:rgba(255,255,255,.9);
     853
     854        background-image: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%);
     855        background-image: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     856        background-image: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     857        background-image: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     858        background-image: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     859       
     860        -moz-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     861        -webkit-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     862        -o-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     863        -ms-box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     864        box-shadow: inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
     865}
     866
     867.welcome-button:focus {
     868        color:rgba(255,255,255,.9);
     869
     870        background-image: -moz-linear-gradient(top, #1e8cbc 0%, #0074a2 100%);
     871        background-image: -webkit-linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     872        background-image: -o-linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     873        background-image: -ms-linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     874        background-image: linear-gradient(top, #1e8cbc 0%,#0074a2 100%);
     875       
     876        border: 1px solid #002E45;
     877       
     878        -moz-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     879        -webkit-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     880        -o-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     881        -ms-box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     882        box-shadow: inset 0 1px 3px #005684, inset 0 -1px 0 #1e8cbe;
     883}
     884
     885@media screen and (max-width: 1000px) {
     886        .welcome-button {
     887                font-size: 14px;
     888                padding: 1em 2.3em;
     889        }
     890}
     891
     892
    786893.widget,
    787894#widget-list .widget-top,
    788895.postbox,