Welcome screen: clean up the css, improve the html, add RTL styles, props helenyhou TobiasBg ocean90, fixes #21368, see #22453
git-svn-id: https://develop.svn.wordpress.org/trunk@22638 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
parent
20b307248e
commit
abae868449
|
|
@ -21,10 +21,6 @@
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column {
|
||||
margin: 0 -25px 0 4%;
|
||||
}
|
||||
|
||||
#wp-fullscreen-title {
|
||||
width: 97%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -575,6 +575,7 @@ form.upgrade .hint {
|
|||
padding-left: 125px;
|
||||
}
|
||||
|
||||
/* Welcome Panel */
|
||||
.welcome-panel .welcome-panel-close {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
|
|
@ -585,34 +586,18 @@ form.upgrade .hint {
|
|||
right: -12px;
|
||||
}
|
||||
|
||||
.welcome-panel .wp-badge {
|
||||
float: right;
|
||||
.welcome-panel-content {
|
||||
margin-left: 0;
|
||||
margin-right: 13px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column {
|
||||
margin: 0 -25px 0 5%;
|
||||
padding-left: 0;
|
||||
padding-right: 25px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column.welcome-panel-last {
|
||||
margin-right: auto;
|
||||
padding-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.welcome-panel h4 .icon16 {
|
||||
margin-left: 0;
|
||||
margin-right: -32px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column-container {
|
||||
padding: 0 25px 0 0;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column ul {
|
||||
margin: 1.6em 1.3em 1em 1em;
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column li {
|
||||
|
|
@ -620,6 +605,51 @@ form.upgrade .hint {
|
|||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-add-page {
|
||||
background-position: right 2px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-edit-page {
|
||||
background-position: right -90px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-learn-more {
|
||||
background-position: right -136px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-comments {
|
||||
background-position: right -182px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-view-site {
|
||||
background-position: right -274px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-widgets-menus {
|
||||
background-position: right -229px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-write-blog {
|
||||
background-position: right -44px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-icon {
|
||||
padding: 2px 32px 8px 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 870px) {
|
||||
.welcome-panel .welcome-panel-column li {
|
||||
margin-right: 0;
|
||||
margin-left: 13px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-icon {
|
||||
padding-right: 25px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
10.0 - List Posts (/Pages/etc)
|
||||
------------------------------------------------------------------------------*/
|
||||
|
|
|
|||
|
|
@ -2260,11 +2260,12 @@ html.wp-toolbar {
|
|||
|
||||
.welcome-panel .welcome-panel-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
padding: 8px 3px;
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-close:before {
|
||||
|
|
@ -2309,57 +2310,45 @@ html.wp-toolbar {
|
|||
width: 36%;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column.welcome-panel-last {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.welcome-panel h4 .icon16 {
|
||||
margin-left: -32px;
|
||||
}
|
||||
|
||||
.welcome-panel-column p {
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-icon {
|
||||
display: block;
|
||||
padding: 2px 0 8px 32px;
|
||||
background-image: url('../images/welcome-icons.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-add-page {
|
||||
background: url('../images/welcome-icons.png') no-repeat 0 -1px;
|
||||
background-position: 0 2px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-edit-page {
|
||||
background: url('../images/welcome-icons.png') no-repeat 0px -92px;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-learn-more {
|
||||
background: url('../images/welcome-icons.png') no-repeat 0px -138px;
|
||||
background-position: 0 -136px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-comments {
|
||||
background: url('../images/welcome-icons.png') no-repeat 0px -184px;
|
||||
background-position: 0 -182px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-view-site {
|
||||
background: url('../images/welcome-icons.png') no-repeat 0px -276px;
|
||||
background-position: 0 -274px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-widgets-menus {
|
||||
background: url('../images/welcome-icons.png') no-repeat 1px -230px;
|
||||
background-position: 1px -229px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-write-blog {
|
||||
background: url('../images/welcome-icons.png') no-repeat 0px -46px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-add-page,
|
||||
.welcome-panel .welcome-edit-page,
|
||||
.welcome-panel .welcome-learn-more,
|
||||
.welcome-panel .welcome-comments,
|
||||
.welcome-panel .welcome-view-site,
|
||||
.welcome-panel .welcome-widgets-menus,
|
||||
.welcome-panel .welcome-write-blog {
|
||||
background-size: 16px;
|
||||
display: block;
|
||||
padding: 2px 0 8px 32px;
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column ul {
|
||||
|
|
@ -2377,7 +2366,8 @@ html.wp-toolbar {
|
|||
padding: 1em 2.3em;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-panel-column, .welcome-panel .welcome-panel-column:first-child {
|
||||
.welcome-panel .welcome-panel-column,
|
||||
.welcome-panel .welcome-panel-column:first-child {
|
||||
display: block;
|
||||
float: none;
|
||||
width: 100%;
|
||||
|
|
@ -2392,13 +2382,7 @@ html.wp-toolbar {
|
|||
margin: 0.4em 0 0;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-add-page,
|
||||
.welcome-panel .welcome-edit-page,
|
||||
.welcome-panel .welcome-learn-more,
|
||||
.welcome-panel .welcome-comments,
|
||||
.welcome-panel .welcome-view-site,
|
||||
.welcome-panel .welcome-widgets-menus,
|
||||
.welcome-panel .welcome-write-blog {
|
||||
.welcome-panel .welcome-icon {
|
||||
padding-left: 25px;
|
||||
}
|
||||
}
|
||||
|
|
@ -8386,39 +8370,8 @@ a.widget-control-edit {
|
|||
background-size: 20px auto;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-add-page {
|
||||
background: url('../images/welcome-icons-2x.png') no-repeat 0 -1px;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-edit-page {
|
||||
background: url('../images/welcome-icons-2x.png') no-repeat 0px -92px;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-learn-more {
|
||||
background: url('../images/welcome-icons-2x.png') no-repeat 0px -138px;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-comments {
|
||||
background: url('../images/welcome-icons-2x.png') no-repeat 0px -184px;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-view-site {
|
||||
background: url('../images/welcome-icons-2x.png') no-repeat 0px -276px;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-widgets-menus {
|
||||
background: url('../images/welcome-icons-2x.png') no-repeat 1px -230px;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.welcome-panel .welcome-write-blog {
|
||||
background: url('../images/welcome-icons-2x.png') no-repeat 0px -46px;
|
||||
background-size: 16px;
|
||||
.welcome-panel .welcome-icon {
|
||||
background-image: url('../images/welcome-icons-2x.png');
|
||||
}
|
||||
|
||||
.login h1 a {
|
||||
|
|
|
|||
|
|
@ -1252,25 +1252,25 @@ function wp_welcome_panel() {
|
|||
<h4><?php _e( 'Next Steps' ); ?></h4>
|
||||
<ul>
|
||||
<?php if ( 'page' == get_option( 'show_on_front' ) && ! get_option( 'page_for_posts' ) ) : ?>
|
||||
<li><?php printf( '<a href="%s" class="welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
|
||||
<?php elseif ( 'page' == get_option( 'show_on_front' ) ) : ?>
|
||||
<li><?php printf( '<a href="%s" class="welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-write-blog">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
|
||||
<?php else : ?>
|
||||
<li><?php printf( '<a href="%s" class="welcome-write-blog">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
|
||||
<?php endif; ?>
|
||||
<li><?php printf( '<a href="%s" class="welcome-view-site">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-view-site">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="welcome-panel-column welcome-panel-last">
|
||||
<h4><?php _e( 'More Actions' ); ?></h4>
|
||||
<ul>
|
||||
<li><?php printf( '<div class="welcome-widgets-menus">Manage <a href="%s">' . __( 'widgets' ) . '</a> or <a href="%s">' . __( 'menus' ) . '</a></div>', admin_url( 'widgets.php' ), admin_url( 'nav-menus.php' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-learn-more">' . __( 'Learn more about getting started' ) . '</a>', 'http://codex.wordpress.org/First_Steps_With_WordPress' ); ?></li>
|
||||
<li><?php printf( '<div class="welcome-icon welcome-widgets-menus">Manage <a href="%s">' . __( 'widgets' ) . '</a> or <a href="%s">' . __( 'menus' ) . '</a></div>', admin_url( 'widgets.php' ), admin_url( 'nav-menus.php' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>
|
||||
<li><?php printf( '<a href="%s" class="welcome-icon welcome-learn-more">' . __( 'Learn more about getting started' ) . '</a>', 'http://codex.wordpress.org/First_Steps_With_WordPress' ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue