First pass of the 4.4 about page. Adds strings (not yet translatable) and screen shots (not CDN).
Props wonderboymusic, markjaquith, helen, nacin, liljimmi, mordauk, melchoyce, ryelle, ocean90, DrewAPicture See #34663. Built from https://develop.svn.wordpress.org/trunk@35763 git-svn-id: http://core.svn.wordpress.org/trunk@35727 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Drew Jaynes
parent
9834e9993a
commit
de586c98c4
|
|
@ -16,84 +16,19 @@ wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
|
|||
'pauseOtherPlayers' => ''
|
||||
) );
|
||||
|
||||
if ( current_user_can( 'install_plugins' ) ) {
|
||||
add_thickbox();
|
||||
wp_enqueue_script( 'plugin-install' );
|
||||
}
|
||||
|
||||
|
||||
wp_oembed_add_host_js();
|
||||
|
||||
$title = __( 'About' );
|
||||
|
||||
list( $display_version ) = explode( '-', $wp_version );
|
||||
|
||||
include( ABSPATH . 'wp-admin/admin-header.php' );
|
||||
|
||||
$video_url = 'https://videopress.com/embed/T54Iy7Tw';
|
||||
$locale = str_replace( '_', '-', get_locale() );
|
||||
if ( 'en-AU' !== $locale ) {
|
||||
list( $locale ) = explode( '-', $locale );
|
||||
}
|
||||
if ( 'en' !== $locale ) {
|
||||
$video_url = add_query_arg( 'defaultLangCode', $locale, $video_url );
|
||||
}
|
||||
|
||||
$major_features = array(
|
||||
array(
|
||||
'src' => array(
|
||||
'mp4' => '//s.w.org/images/core/4.3/formatting.mp4',
|
||||
'ogv' => '//s.w.org/images/core/4.3/formatting.ogv',
|
||||
'webm' => '//s.w.org/images/core/4.3/formatting.webm',
|
||||
),
|
||||
'heading' => __( 'Formatting Shortcuts' ),
|
||||
/* Translators: 1: asterisks; 2: number sign; */
|
||||
'description' => sprintf( __( 'Your writing flow just got faster with new formatting shortcuts in WordPress 4.3. Use asterisks to create lists and number signs to make a heading. No more breaking your flow; your text looks great with a %1$s and a %2$s.' ), '<code>*</code>', '<code>#</code>' ),
|
||||
),
|
||||
array(
|
||||
'src' => '//s.w.org/images/core/4.3/menu-customizer.png',
|
||||
'heading' => __( 'Menus in the Customizer' ),
|
||||
'description' => __( 'Create your menu, update it, and assign it, all while live-previewing in the customizer. The streamlined customizer design provides a mobile-friendly and accessible interface. With every release, it becomes easier and faster to make your site just the way you want it.' ),
|
||||
),
|
||||
array(
|
||||
'src' => '//s.w.org/images/core/4.3/better-passwords.png',
|
||||
'heading' => __( 'Better Passwords' ),
|
||||
'description' => __( 'Keep your site more secure with WordPress’ improved approach to passwords. Instead of receiving passwords via email, you’ll get a password reset link. When you add new users to your site or edit a user profile, WordPress will automatically generate a secure password.' ),
|
||||
),
|
||||
array(
|
||||
'src' => '//s.w.org/images/core/4.3/site-icon-customizer.png',
|
||||
'heading' => __( 'Site Icons' ),
|
||||
'description' => __( 'Site icons represent your site in browser tabs, bookmark menus, and on the home screen of mobile devices. Add your unique site icon in the customizer; it will even stay in place when you switch themes. Make your whole site reflect your brand.' ),
|
||||
),
|
||||
);
|
||||
shuffle( $major_features );
|
||||
|
||||
$minor_features = array(
|
||||
array(
|
||||
'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48cGF0aCBmaWxsPSIjMDBhMGQyIiBkPSJNNTAgMjE1aDI0MHYzMEg1MHpNNTAgMjc1aDI0MHYzMEg1MHpNNTAgMTU1aDI0MHYzMEg1MHpNNTAgOTVoMjQwdjMwSDUwek0zMTAuMSA5NWwxOS45IDMwIDIwLjEtMzAiLz48L3N2Zz4=',
|
||||
'heading' => __( 'A smoother admin experience' ),
|
||||
'description' => __( 'Refinements to the list view across the admin make your WordPress more accessible and easier to work with on any device.' ),
|
||||
),
|
||||
array(
|
||||
'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTUgMmgxMHEuODIgMCAxLjQxLjU5VDE3IDR2OHEwIC44Mi0uNTkgMS40MVQxNSAxNGgtMmwtNSA1di01SDVxLS44MiAwLTEuNDEtLjU5VDMgMTJWNHEwLS44Mi41OS0xLjQxVDUgMnptOC41IDguNUwxMSA4bDIuNS0yLjUtMS0xTDEwIDcgNy41IDQuNWwtMSAxTDkgOGwtMi41IDIuNSAxIDFMMTAgOWwyLjUgMi41eiIvPjwvc3ZnPg==',
|
||||
'heading' => __( 'Comments turned off on pages' ),
|
||||
'description' => __( 'All new pages that you create will have comments turned off. Keep discussions to your blog, right where they’re supposed to happen.' ),
|
||||
),
|
||||
array(
|
||||
'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTI5LjMyOCA1LjcxMnEuMDQ4LS4xNDQuMDk2LS4zODR0LS4wNjQtLjgxNi0uNTI4LS45NzZxLS4zODQtLjM2OC0uODcyLS40NjR0LS43OTIgMGwtLjI4OC4wOHEtMS40NTYuNzItNS44OCAzLjczNnQtNi4zOTIgNS4xNzZxLS43MzYuODMyLTEuNDA4IDIuMzJ0LS44OCAzIC41NDQgMi4zOTJxLjgzMi43MzYgMi4zNDQuNTc2dDMuMDcyLS44MjQgMi4yNDgtMS4zNTJxMi4xNDQtMi4xNDQgNS4xNjgtNi42NTZ0My42MzItNS44MDh6TTIuMjQgMjguMjRxMS4wNTYtLjY4OCAxLjcxMi0xLjUyOHQuOTUyLTEuNjE2LjU0NC0xLjUyLjcyLTEuNDggMS4yNC0xLjI4cTEuMDg4LS44IDIuNTA0LS43MDR0Mi40MjQgMS4xNjhxLjgxNi44OC44MjQgMi42NHQtMS4wOCAyLjg5NnEtMS4yMTYgMS4xMi0yLjkwNCAxLjYyNHQtMy40MjQuNDI0LTMuNTEyLS42MjR6Ii8+PC9zdmc+',
|
||||
'heading' => __( 'Customize your site quickly' ),
|
||||
'description' => __( 'Wherever you are on the front-end, you can click the customize link in the toolbar to swiftly make changes to your site.' ),
|
||||
),
|
||||
);
|
||||
|
||||
$tech_features = array(
|
||||
array(
|
||||
'heading' => __( 'Taxonomy Roadmap' ),
|
||||
'description' => __( 'Terms shared across multiple taxonomies are now split into separate terms.' ),
|
||||
),
|
||||
array(
|
||||
'heading' => __( 'Template Hierarchy' ),
|
||||
/* Translators: 1: singular.php; 2: single.php; 3:page.php */
|
||||
'description' => sprintf( __( 'Added %1$s as a fallback for %2$s and %3$s' ), '<code>singular.php</code>', '<code>single.php</code>', '<code>page.php</code>' ),
|
||||
),
|
||||
array(
|
||||
'heading' => '<code>WP_List_Table</code>',
|
||||
'description' => __( 'List tables can and should designate a primary column.' ),
|
||||
),
|
||||
);
|
||||
|
||||
?>
|
||||
<div class="wrap about-wrap">
|
||||
<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
|
||||
|
|
@ -107,64 +42,118 @@ $tech_features = array(
|
|||
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
|
||||
</h2>
|
||||
|
||||
<div class="headline-feature feature-video">
|
||||
<iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
|
||||
<script src="https://videopress.com/videopress-iframe.js"></script>
|
||||
<div class="headline-feature feature-section one-col">
|
||||
<h2><?php echo ( 'Twenty Sixteen' ); ?></h2>
|
||||
<div class="media-container">
|
||||
<img src="https://cldup.com/K6k4JfS2nW.png" alt="" />
|
||||
</div>
|
||||
<div class="two-col">
|
||||
<div class="col">
|
||||
<h3><?php echo ( 'Introducing Twenty Sixteen' ); ?></h3>
|
||||
<p><?php echo ( 'Our newest default theme, Twenty Sixteen, is a modern take on a classic blog design.' ); ?></p>
|
||||
<p><?php echo ( 'Twenty Sixteen was built with a mobile-first approach, ensuring your site will look great on any device. A harmonious fluid grid, fun color schemes, flexible mast head, and more make this a great addition to the default theme family.' ); ?></p>
|
||||
<div class="horizontal-image">
|
||||
<div class="content">
|
||||
<img class="feature-image horizontal-screen" src="https://cldup.com/J-zxmMqkXs.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col feature-image">
|
||||
<img class="vertical-screen" src="https://cldup.com/M8i_6X5LUL.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
<hr />
|
||||
|
||||
<div class="feature-section two-col">
|
||||
<?php foreach ( $major_features as $feature ) : ?>
|
||||
<div class="col">
|
||||
<div class="media-container">
|
||||
<?php
|
||||
// Video.
|
||||
if ( is_array( $feature['src'] ) ) :
|
||||
echo wp_video_shortcode( array(
|
||||
'mp4' => $feature['src']['mp4'],
|
||||
'ogv' => $feature['src']['ogv'],
|
||||
'webm' => $feature['src']['webm'],
|
||||
'loop' => true,
|
||||
'autoplay' => true,
|
||||
'width' => 500,
|
||||
'height' => 284
|
||||
) );
|
||||
|
||||
// Image.
|
||||
else:
|
||||
?>
|
||||
<img src="<?php echo esc_url( $feature['src'] ); ?>" alt="" />
|
||||
<?php endif; ?>
|
||||
<img src="https://cldup.com/av6MH44-Au.png" alt="" />
|
||||
</div>
|
||||
<h3><?php echo $feature['heading']; ?></h3>
|
||||
<p><?php echo $feature['description']; ?></p>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
<div class="feature-section three-col">
|
||||
<?php foreach ( $minor_features as $feature ) : ?>
|
||||
<div class="col">
|
||||
<div class="svg-container">
|
||||
<img src="<?php echo esc_attr( $feature['src'] ); ?>" alt="" />
|
||||
<h3><?php echo ( 'Responsive images' ); ?></h3>
|
||||
<p><?php echo ( 'WordPress now takes a smarter approach to displaying device-appropriate image sizes, ensuring a perfect fit every time. You don’t need to do anything to your theme, it just works.' ); ?></p>
|
||||
</div>
|
||||
<h3><?php echo $feature['heading']; ?></h3>
|
||||
<p><?php echo $feature['description']; ?></p>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="feature-section two-col">
|
||||
<div class="col">
|
||||
<div class="embed-container">
|
||||
<?php echo wp_oembed_get( 'https://make.wordpress.org/core/2015/10/28/new-embeds-feature-in-wordpress-4-4/' ); ?>
|
||||
</div>
|
||||
<h3><?php echo ( 'Embeddable WordPress content' ); ?></h3>
|
||||
<p><?php echo ( 'Now you can embed WordPress content inside of other WordPress content. Simply drop a post URL into the editor and see an instant embed preview, complete with title, excerpt, comment and sharing links, even your site icon.' ); ?></p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="embed-container">
|
||||
<?php echo wp_oembed_get( '' ); ?>
|
||||
</div>
|
||||
<h3><?php echo ( 'More third-party embeds' ); ?></h3>
|
||||
<p><?php echo ( 'If the addition of post embeds weren’t enough, WordPress 4.4 also adds support for five new oEmbed providers: Cloudup, ReverbNation, Reddit Comments, VideoPress, and Speaker Deck.' ); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="changelog">
|
||||
<h3><?php _e( 'Under the Hood' ); ?></h3>
|
||||
|
||||
<div class="feature-section under-the-hood three-col">
|
||||
<?php foreach ( $tech_features as $feature ) : ?>
|
||||
<div class="feature-section under-the-hood one-col">
|
||||
<div class="col">
|
||||
<h4><?php echo $feature['heading']; ?></h4>
|
||||
<p><?php echo $feature['description']; ?></p>
|
||||
<h4><?php echo ( 'REST API infrastructure' ); ?></h4>
|
||||
<div class="two-col-text">
|
||||
<p><?php echo ( 'WordPress 4.4 marks the beginning of a new era with integration of infrastructure for the new REST API. The REST API serves to provide developers with a robust path forward for building and extending RESTful APIs on top of WordPress.' ); ?></p>
|
||||
<p><?php
|
||||
if ( current_user_can( 'install_plugins' ) ) {
|
||||
$plugin_link = '<a href="' . esc_url( network_admin_url( 'plugin-install.php?tab=plugin-information&plugin=rest-api' .
|
||||
'&TB_iframe=true&width=600&height=550' ) ) . '" class="thickbox">WordPress REST API</a>';
|
||||
} else {
|
||||
$plugin_link = '<a href="https://wordpress.org/plugins/rest-api">WordPress REST API</a>';
|
||||
}
|
||||
|
||||
/* translators: WordPress REST API plugin link */
|
||||
printf( ( 'Infrastructure is the first part of a multi-stage rollout for the REST API, which also targets inclusion of core endpoints in an upcoming release. To get a sneak peek of the core endpoints, and for more on extending the REST API, check out the official %s plugin.' ),
|
||||
$plugin_link
|
||||
);
|
||||
?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-section under-the-hood three-col">
|
||||
<div class="col">
|
||||
<h4><?php echo ( 'Term meta' ); ?></h4>
|
||||
<p><?php
|
||||
/* translators: 1: add_term_meta() docs link, 2: get_term_meta() docs link, 3: update_term_meta() docs link */
|
||||
printf( ( 'Terms now now support metadata, just like posts. See %1$s, %2$s, and %3$s for more information.' ),
|
||||
'<a href="https://developer.wordpress.org/reference/functions/add_term_meta"><code>add_term_meta()</code></a>',
|
||||
'<a href="https://developer.wordpress.org/reference/functions/get_term_meta"><code>get_term_meta()</code></a>',
|
||||
'<a href="https://developer.wordpress.org/reference/functions/update_term_meta"><code>update_term_meta()</code></a>'
|
||||
);
|
||||
?></p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h4><?php echo ( 'Comment query improvements' ); ?></h4>
|
||||
<p><?php
|
||||
/* translators: WP_Comment_Query class name */
|
||||
printf( ( 'Comment queries now have improved cache handling and performance. New arguments in %s making crafting robust comment queries simpler.' ), '<code>WP_Comment_Query</code>' );
|
||||
?></p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h4><?php echo ( 'Term, comment, and network objects' ); ?></h4>
|
||||
<p><?php
|
||||
/* translators: 1: WP_Term class name, WP_Comment class name, WP_Network class name */
|
||||
printf( ( 'New %1$s, %2$s, and %3$s objects make interacting with terms, comments, and networks more predictable and intuitive in code.' ),
|
||||
'<code>WP_Term</code>',
|
||||
'<code>WP_Comment</code>',
|
||||
'<code>WP_Network</code>'
|
||||
);
|
||||
?></p>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
<div class="return-to-dashboard">
|
||||
|
|
|
|||
|
|
@ -178,12 +178,12 @@
|
|||
font-size: 2.2em;
|
||||
font-weight: 300;
|
||||
line-height: 1.3;
|
||||
text-align: right;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature h3 {
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.about-wrap .feature-list h2 {
|
||||
|
|
@ -200,6 +200,19 @@
|
|||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.about-wrap .two-col-text {
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
column-count: 2;
|
||||
-webkit-column-gap: 40px;
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
|
||||
.about-wrap .two-col-text p:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* 2.2 - Structure */
|
||||
|
||||
.about-wrap .feature-video {
|
||||
|
|
@ -226,27 +239,50 @@
|
|||
.about-wrap .feature-section {
|
||||
overflow: hidden;
|
||||
padding: 0 0 40px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .feature-section {
|
||||
.about-wrap .headline-feature {
|
||||
margin: 0 auto;
|
||||
max-width: 95%;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .media-container {
|
||||
border: 1px solid #ddd;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .svg-container {
|
||||
padding: 50px 0;
|
||||
text-align: center;
|
||||
background-color: #e1e1e3;
|
||||
.about-wrap .headline-feature .col {
|
||||
width: 65.2%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .svg-container img {
|
||||
max-width: 150px;
|
||||
.about-wrap .headline-feature .col.feature-image {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .vertical-screen {
|
||||
float: left;
|
||||
margin-right: 40px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-screen {
|
||||
margin-top: 20px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .embed-container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-wrap .embed-cloudup iframe {
|
||||
height: 299px;
|
||||
}
|
||||
|
||||
.about-wrap .embed-container iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .wp-embedded-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section:not(.under-the-hood) .col {
|
||||
|
|
@ -378,7 +414,47 @@
|
|||
width: 100%;
|
||||
margin: 40px 0 0;
|
||||
padding: 0 0 40px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .col.feature-image {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image:before {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 100%;
|
||||
padding-top: 80%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image > .content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.about-wrap .two-col-text {
|
||||
-webkit-column-count: 1;
|
||||
-moz-column-count: 1;
|
||||
column-count: 1;
|
||||
}
|
||||
|
||||
.about-wrap .three-col img {
|
||||
|
|
@ -422,11 +498,6 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .svg-container {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.about-wrap .three-col .col,
|
||||
.about-wrap .headline-feature .feature-section .col {
|
||||
width: 100% !important;
|
||||
|
|
|
|||
|
|
@ -178,12 +178,12 @@
|
|||
font-size: 2.2em;
|
||||
font-weight: 300;
|
||||
line-height: 1.3;
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature h3 {
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.about-wrap .feature-list h2 {
|
||||
|
|
@ -200,6 +200,19 @@
|
|||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.about-wrap .two-col-text {
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
column-count: 2;
|
||||
-webkit-column-gap: 40px;
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
|
||||
.about-wrap .two-col-text p:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* 2.2 - Structure */
|
||||
|
||||
.about-wrap .feature-video {
|
||||
|
|
@ -226,27 +239,50 @@
|
|||
.about-wrap .feature-section {
|
||||
overflow: hidden;
|
||||
padding: 0 0 40px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .feature-section {
|
||||
.about-wrap .headline-feature {
|
||||
margin: 0 auto;
|
||||
max-width: 95%;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .media-container {
|
||||
border: 1px solid #ddd;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .svg-container {
|
||||
padding: 50px 0;
|
||||
text-align: center;
|
||||
background-color: #e1e1e3;
|
||||
.about-wrap .headline-feature .col {
|
||||
width: 65.2%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .svg-container img {
|
||||
max-width: 150px;
|
||||
.about-wrap .headline-feature .col.feature-image {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .vertical-screen {
|
||||
float: right;
|
||||
margin-left: 40px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-screen {
|
||||
margin-top: 20px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .embed-container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-wrap .embed-cloudup iframe {
|
||||
height: 299px;
|
||||
}
|
||||
|
||||
.about-wrap .embed-container iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .wp-embedded-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section:not(.under-the-hood) .col {
|
||||
|
|
@ -378,7 +414,47 @@
|
|||
width: 100%;
|
||||
margin: 40px 0 0;
|
||||
padding: 0 0 40px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .col.feature-image {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image:before {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 100%;
|
||||
padding-top: 80%;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image > .content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature .horizontal-image img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.about-wrap .two-col-text {
|
||||
-webkit-column-count: 1;
|
||||
-moz-column-count: 1;
|
||||
column-count: 1;
|
||||
}
|
||||
|
||||
.about-wrap .three-col img {
|
||||
|
|
@ -422,11 +498,6 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .svg-container {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.about-wrap .three-col .col,
|
||||
.about-wrap .headline-feature .feature-section .col {
|
||||
width: 100% !important;
|
||||
|
|
|
|||
|
|
@ -2720,6 +2720,7 @@ div.action-links {
|
|||
}
|
||||
|
||||
/* Thickbox for Plugin Install screen */
|
||||
body.about-php #TB_window,
|
||||
body.plugin-install-php #TB_window,
|
||||
body.import-php #TB_window,
|
||||
body.plugins-php #TB_window,
|
||||
|
|
@ -2729,6 +2730,7 @@ body.index-php #TB_window {
|
|||
}
|
||||
|
||||
/* IE 8 needs a change in the pseudo element content */
|
||||
.ie8 body.about-php #TB_window:before,
|
||||
.ie8 body.plugin-install-php #TB_window:before,
|
||||
.ie8 body.import-php #TB_window:before,
|
||||
.ie8 body.plugins-php #TB_window:before,
|
||||
|
|
@ -2738,6 +2740,7 @@ body.index-php #TB_window {
|
|||
background: none;
|
||||
}
|
||||
|
||||
body.about-php #TB_window.thickbox-loading:before,
|
||||
body.plugin-install-php #TB_window.thickbox-loading:before,
|
||||
body.import-php #TB_window.thickbox-loading:before,
|
||||
body.plugins-php #TB_window.thickbox-loading:before,
|
||||
|
|
@ -2763,6 +2766,7 @@ body.index-php #TB_window.thickbox-loading:before {
|
|||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
body.about-php #TB_window.thickbox-loading:before,
|
||||
body.plugin-install-php #TB_window.thickbox-loading:before,
|
||||
body.import-php #TB_window.thickbox-loading:before,
|
||||
body.plugins-php #TB_window.thickbox-loading:before,
|
||||
|
|
@ -2772,6 +2776,7 @@ body.index-php #TB_window.thickbox-loading:before {
|
|||
}
|
||||
}
|
||||
|
||||
body.about-php #TB_title,
|
||||
body.plugin-install-php #TB_title,
|
||||
body.import-php #TB_title,
|
||||
body.plugins-php #TB_title,
|
||||
|
|
@ -2781,6 +2786,7 @@ body.index-php #TB_title {
|
|||
height: 1px;
|
||||
}
|
||||
|
||||
body.about-php #TB_ajaxWindowTitle,
|
||||
body.plugin-install-php #TB_ajaxWindowTitle,
|
||||
body.import-php #TB_ajaxWindowTitle,
|
||||
body.plugins-php #TB_ajaxWindowTitle,
|
||||
|
|
@ -2789,6 +2795,7 @@ body.index-php #TB_ajaxWindowTitle {
|
|||
display: none;
|
||||
}
|
||||
|
||||
body.about-php .tb-close-icon,
|
||||
body.plugin-install-php .tb-close-icon,
|
||||
body.import-php .tb-close-icon,
|
||||
body.plugins-php .tb-close-icon,
|
||||
|
|
@ -2801,6 +2808,10 @@ body.index-php .tb-close-icon {
|
|||
transition: color .1s ease-in-out, background .1s ease-in-out;
|
||||
}
|
||||
|
||||
body.about-php #TB_closeWindowButton:focus,
|
||||
body.about-php #TB_closeWindowButton:focus .tb-close-icon,
|
||||
body.about-php .tb-close-icon:focus,
|
||||
body.about-php .tb-close-icon:hover,
|
||||
body.plugin-install-php #TB_closeWindowButton:focus,
|
||||
body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
|
||||
body.plugin-install-php .tb-close-icon:focus,
|
||||
|
|
@ -2827,6 +2838,7 @@ body.index-php .tb-close-icon:hover {
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
body.about-php .tb-close-icon:before,
|
||||
body.plugin-install-php .tb-close-icon:before,
|
||||
body.import-php .tb-close-icon:before,
|
||||
body.plugins-php .tb-close-icon:before,
|
||||
|
|
@ -2838,6 +2850,7 @@ body.index-php .tb-close-icon:before {
|
|||
|
||||
/* move plugin install close icon to top on narrow screens */
|
||||
@media screen and ( max-width: 830px ) {
|
||||
body.about-php .tb-close-icon,
|
||||
body.plugin-install-php .tb-close-icon,
|
||||
body.import-php .tb-close-icon,
|
||||
body.plugins-php .tb-close-icon,
|
||||
|
|
|
|||
|
|
@ -2720,6 +2720,7 @@ div.action-links {
|
|||
}
|
||||
|
||||
/* Thickbox for Plugin Install screen */
|
||||
body.about-php #TB_window,
|
||||
body.plugin-install-php #TB_window,
|
||||
body.import-php #TB_window,
|
||||
body.plugins-php #TB_window,
|
||||
|
|
@ -2729,6 +2730,7 @@ body.index-php #TB_window {
|
|||
}
|
||||
|
||||
/* IE 8 needs a change in the pseudo element content */
|
||||
.ie8 body.about-php #TB_window:before,
|
||||
.ie8 body.plugin-install-php #TB_window:before,
|
||||
.ie8 body.import-php #TB_window:before,
|
||||
.ie8 body.plugins-php #TB_window:before,
|
||||
|
|
@ -2738,6 +2740,7 @@ body.index-php #TB_window {
|
|||
background: none;
|
||||
}
|
||||
|
||||
body.about-php #TB_window.thickbox-loading:before,
|
||||
body.plugin-install-php #TB_window.thickbox-loading:before,
|
||||
body.import-php #TB_window.thickbox-loading:before,
|
||||
body.plugins-php #TB_window.thickbox-loading:before,
|
||||
|
|
@ -2763,6 +2766,7 @@ body.index-php #TB_window.thickbox-loading:before {
|
|||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
body.about-php #TB_window.thickbox-loading:before,
|
||||
body.plugin-install-php #TB_window.thickbox-loading:before,
|
||||
body.import-php #TB_window.thickbox-loading:before,
|
||||
body.plugins-php #TB_window.thickbox-loading:before,
|
||||
|
|
@ -2772,6 +2776,7 @@ body.index-php #TB_window.thickbox-loading:before {
|
|||
}
|
||||
}
|
||||
|
||||
body.about-php #TB_title,
|
||||
body.plugin-install-php #TB_title,
|
||||
body.import-php #TB_title,
|
||||
body.plugins-php #TB_title,
|
||||
|
|
@ -2781,6 +2786,7 @@ body.index-php #TB_title {
|
|||
height: 1px;
|
||||
}
|
||||
|
||||
body.about-php #TB_ajaxWindowTitle,
|
||||
body.plugin-install-php #TB_ajaxWindowTitle,
|
||||
body.import-php #TB_ajaxWindowTitle,
|
||||
body.plugins-php #TB_ajaxWindowTitle,
|
||||
|
|
@ -2789,6 +2795,7 @@ body.index-php #TB_ajaxWindowTitle {
|
|||
display: none;
|
||||
}
|
||||
|
||||
body.about-php .tb-close-icon,
|
||||
body.plugin-install-php .tb-close-icon,
|
||||
body.import-php .tb-close-icon,
|
||||
body.plugins-php .tb-close-icon,
|
||||
|
|
@ -2801,6 +2808,10 @@ body.index-php .tb-close-icon {
|
|||
transition: color .1s ease-in-out, background .1s ease-in-out;
|
||||
}
|
||||
|
||||
body.about-php #TB_closeWindowButton:focus,
|
||||
body.about-php #TB_closeWindowButton:focus .tb-close-icon,
|
||||
body.about-php .tb-close-icon:focus,
|
||||
body.about-php .tb-close-icon:hover,
|
||||
body.plugin-install-php #TB_closeWindowButton:focus,
|
||||
body.plugin-install-php #TB_closeWindowButton:focus .tb-close-icon,
|
||||
body.plugin-install-php .tb-close-icon:focus,
|
||||
|
|
@ -2827,6 +2838,7 @@ body.index-php .tb-close-icon:hover {
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
body.about-php .tb-close-icon:before,
|
||||
body.plugin-install-php .tb-close-icon:before,
|
||||
body.import-php .tb-close-icon:before,
|
||||
body.plugins-php .tb-close-icon:before,
|
||||
|
|
@ -2838,6 +2850,7 @@ body.index-php .tb-close-icon:before {
|
|||
|
||||
/* move plugin install close icon to top on narrow screens */
|
||||
@media screen and ( max-width: 830px ) {
|
||||
body.about-php .tb-close-icon,
|
||||
body.plugin-install-php .tb-close-icon,
|
||||
body.import-php .tb-close-icon,
|
||||
body.plugins-php .tb-close-icon,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -4,7 +4,7 @@
|
|||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '4.4-RC1-35762';
|
||||
$wp_version = '4.4-RC1-35763';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
|
|
|||
Loading…
Reference in New Issue