<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[6512] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer: developer.wordpress.org: Adapt to new handbook styles as introduced in the Make team sites.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/6512">6512</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/6512","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>coffee2code</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2018-02-01 21:04:12 +0000 (Thu, 01 Feb 2018)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>developer.wordpress.org: Adapt to new handbook styles as introduced in the Make team sites.
* Revamps style of handbook sidebar (including making menu collapsible) and in-content table of contents
* Removes search pane (with imminent switch to search widget) for handbooks
* Moves breadcrumbs into main content area for handbooks
* Moves `#masthead` out of, and before, `#page`
* Restyles masthead to have blue background
* Restyles slide down search pane to not match new masthead
* Introduces dropdown menu for masthead menu at smaller viewports (as used in WP-CLI Commands)
* Minor front page revamp of colors (more coming)
Fixes <a href="http://meta.trac.wordpress.org/ticket/2969">#2969</a>,
See <a href="http://meta.trac.wordpress.org/ticket/2459">#2459</a>, <a href="http://meta.trac.wordpress.org/ticket/3377">#3377</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperheaderphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperinctemplatetagsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsnavigationjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/navigation.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssmainscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglepluginhandbookphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-plugin-handbook.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglerestapihandbookphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-rest-api-handbook.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglethemehandbookphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-theme-handbook.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsmaincss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjschaptersjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/chapters.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsmenujs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/menu.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersidebarhandbookphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/sidebar-handbook.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -314,6 +314,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'wporg-developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'wporg-developer-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'wporg-developer-search', get_template_directory_uri() . '/js/search.js', array(), '20150430', true );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script( 'wporg-developer-chapters', get_stylesheet_directory_uri() . '/js/chapters.js', array( 'jquery' ), '20180201' );
+ wp_enqueue_script( 'wporg-developer-menu', get_template_directory_uri() . '/js/menu.js', array( 'jquery' ), '20180201', true );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperheaderphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,28 +12,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> require WPORGPATH . 'header.php';
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div id="page" <?php body_class( 'hfeed site devhub-wrap' ); ?>>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<header id="masthead" class="site-header" role="banner">
+ <?php if ( get_query_var( 'is_handbook' ) ) : ?>
+ <a href="#" id="secondary-toggle" onclick="return false;"><strong><?php _e( 'Menu', 'wporg' ); ?></strong></a>
+ <?php endif; ?>
+ <div class="site-branding">
+ <?php $tag = is_front_page() ? 'span' : 'h1'; ?>
+ <<?php echo $tag; ?> class="site-title">
+ <a href="<?php echo esc_url( DevHub\get_site_section_url() ); ?>" rel="home"><?php echo DevHub\get_site_section_title(); ?></a>
+ </<?php echo $tag; ?>>
+
+ <nav id="site-navigation" class="main-navigation" role="navigation">
+ <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="<?php esc_attr_e( 'Primary Menu', 'wporg' ); ?>"></button>
+ <?php
+ $active_menu = is_post_type_archive( 'command' ) || is_singular( 'command' ) ? 'devhub-cli-menu' : 'devhub-menu';
+ wp_nav_menu( array(
+ 'theme_location' => $active_menu,
+ 'container_class' => 'menu-container',
+ 'container_id' => 'primary-menu',
+ ) ); ?>
+ </nav>
+ </div>
+</header><!-- #masthead -->
+
+<div id="page" class="hfeed site devhub-wrap">
</ins><span class="cx" style="display: block; padding: 0 10px"> <a href="#main" class="screen-reader-text"><?php _e( 'Skip to content', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php do_action( 'before' ); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <header id="masthead" class="site-header" role="banner">
- <div class="inner-wrap">
- <div class="site-branding">
- <?php $tag = is_front_page() ? 'span' : 'h1'; ?>
- <<?php echo $tag; ?> class="site-title">
- <a href="<?php echo esc_url( DevHub\get_site_section_url() ); ?>" rel="home"><?php echo DevHub\get_site_section_title(); ?></a>
- </<?php echo $tag; ?>>
- </div>
- <div class="devhub-menu">
- <?php
- $active_menu = is_post_type_archive( 'command' ) || is_singular( 'command' ) ? 'devhub-cli-menu' : 'devhub-menu';
- wp_nav_menu( array(
- 'theme_location' => $active_menu,
- 'container_class' => 'menu-container',
- ) ); ?>
- </div>
- </div><!-- .inner-wrap -->
- </header><!-- #masthead -->
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( DevHub\should_show_search_bar() ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div id="inner-search">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperinctemplatetagsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1351,7 +1351,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $post_types = get_parsed_post_types();
</span><span class="cx" style="display: block; padding: 0 10px"> $taxonomies = array( 'wp-parser-since', 'wp-parser-package', 'wp-parser-source-file' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return ! ( is_search() || is_404() ) && ( is_singular( $post_types ) || is_post_type_archive( $post_types ) || is_tax( $taxonomies ) || get_query_var( 'is_handbook' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return ! ( is_search() || is_404() ) && ( is_singular( $post_types ) || is_post_type_archive( $post_types ) || is_tax( $taxonomies ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjschaptersjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/chapters.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/chapters.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/chapters.js 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,36 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Mobile Subnav open/close
+jQuery(document).ready(function() {
+
+ var tocContainer = jQuery( 'div[class*="-table-of-contents-container"]').first();
+
+ if ( 0 === tocContainer.length ) {
+ return;
+ }
+
+ // Add our expandable button
+ tocContainer.find( '> ul > .menu-item-has-children > a' )
+ .wrap( '<div class="expandable"></div>' )
+ .after( '<button class="dashicons dashicons-arrow-down-alt2" aria-expanded="false"></button>' );
+
+ // Invisibly open all of the submenus
+ jQuery( '.menu-item-has-children > ul ul' ).addClass( 'default-open' );
+
+ // Open the current menu
+ tocContainer.find( '.current-menu-item a' ).first()
+ .addClass( 'active' )
+ .parents( '.menu-item-has-children' )
+ .toggleClass( 'open' )
+ .find( '> div > .dashicons' )
+ .attr( 'aria-expanded', true );
+
+ // Or if wrapped in a div.expandable
+ jQuery( '.menu-item-has-children > div > .dashicons' ).click( function() {
+ var menuToggle = jQuery( this ).closest( '.menu-item-has-children' );
+
+ jQuery( this ).parent().siblings( '.sub-menu' ).slideToggle();
+
+ menuToggle.toggleClass( 'open' );
+ jQuery( this ).attr( 'aria-expanded', menuToggle.hasClass( 'open' ) );
+ } );
+} );
+
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsmenujs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/menu.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/menu.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/menu.js 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,48 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+( function( $ ) {
+ $( document ).ready( function() {
+ // Only do this once
+ if ( $( 'body' ).hasClass( 'developer-js-loaded' ) ) {
+ return;
+ }
+ $( 'body' ).addClass( 'developer-js-loaded' );
+
+
+
+ $( '#secondary-toggle, #primary-modal' ).click( function () {
+
+ $( 'body' ).toggleClass( 'responsive-show' );
+
+ } );
+
+ function moveNavIntoSidebar() {
+ var $menu = $( 'nav#site-navigation' );
+ if ( ( $menu.length ) && ( $menu.parents( 'header#masthead' ).length ) ) {
+ $menu.prependTo( '#secondary-content' );
+ $menu.wrap( '<aside class="widget" id="o2-responsive-nav"></aside>' );
+ }
+ }
+
+ function moveNavOutOfSidebar() {
+ var $menu = $( 'nav#site-navigation' );
+ if ( ( $menu.length ) && ( 0 === $menu.parents( 'header#masthead' ).length ) ) {
+ $( 'nav#site-navigation' ).appendTo( 'header#masthead' );
+ $( '#o2-responsive-nav' ).remove();
+ }
+ }
+
+ if ( 'undefined' != typeof enquire ) {
+ // "Tablet" max-width also defined in inc/scss/partials/ui/_responsive.scss
+ enquire.register("screen and (max-width:876px)", {
+ match: function() {
+ moveNavIntoSidebar();
+ },
+
+ unmatch: function() {
+ moveNavOutOfSidebar();
+ }
+ } );
+
+ }
+ } );
+} )( jQuery );
+
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsnavigationjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/navigation.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/navigation.js 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/navigation.js 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,7 +10,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! container )
</span><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- button = container.getElementsByTagName( 'h1' )[0];
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ button = container.getElementsByTagName( 'button' )[0];
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( 'undefined' === typeof button )
</span><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssmainscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -42,7 +42,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> #content-area,
</span><span class="cx" style="display: block; padding: 0 10px"> .inner-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 2rem auto 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 60em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .page-header {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -191,8 +191,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-color: #1e6a8d;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3px 8px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -206,7 +206,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #1b607f;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -331,7 +331,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .sticky {
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .hentry {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 1.5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .byline,
</span><span class="cx" style="display: block; padding: 0 10px"> .updated {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -492,17 +492,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #555555;
- float: left;
- font-size: 28px;
- line-height: 1em;
- padding-left: 9px;
- padding-top: 18px;
- text-shadow: 0 1px 0 #FFFFFF;
- font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #555555;
+ float: left;
+ font-size: 28px;
+ line-height: 1em;
+ padding-left: 9px;
+ padding-top: 18px;
+ text-shadow: 0 1px 0 #FFFFFF;
+ font-weight: 300;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }
</del><span class="cx" style="display: block; padding: 0 10px"> .breadcrumbs {
</span><span class="cx" style="display: block; padding: 0 10px"> .active {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -511,7 +511,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .breadcrumb-trail {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 1.25em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: 2rem;
+
+ a {
+ text-decoration: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> h1.entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> h1.page-title {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -559,7 +563,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .section.blue {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*background: #0073aa;*/
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 30px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -588,6 +592,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 8.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.4;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .three-columns .widget-title {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -722,10 +727,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.single, &.archive {
</del><span class="cx" style="display: block; padding: 0 10px"> div#inner-search {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #2e6183;
- margin-top: -1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #666;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> .section.search-section {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -736,7 +739,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 60em;
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> div#inner-search-icon {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #2e6183;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #666;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #ffffff;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 26px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -760,7 +763,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .archive-filter-form {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5rem 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -889,80 +891,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- #sidebar {
- border: 1px solid #d0d0d0;
- box-shadow: 0px 0px 5px #d0d0d0;
- background-color: #f0f0f0;
- h2.widget-title {
- background-color: #d0d0d0;
- color: #8a8989;
- text-align: center;
- text-transform: uppercase;
- font-size: 14px;
- letter-spacing: 2px;
- margin-bottom: 1.5rem;
- line-height: 26px;
- line-height: 2.6rem;
- }
- .menu > li {
- padding-bottom: 1em;
- }
- ul {
- list-style-type: none;
- margin: 0 10px;
- padding: 5px 0;
- counter-reset: item;
- li {
- &:before {
- content: counter(item);
- counter-increment: item;
- background-color: #d0d0d0;
- width: 25px;
- display: inline-block;
- color: #fff;
- margin-right: 10px;
- text-align: center;
- padding: 3px 0;
- font-size: 13px;
- border-radius: 50%;
- vertical-align: top;
- }
- a {
- font-size: 16px;
- color: #4b4b4b;
- font-weight: bold;
- }
- & > a {
- display: inline-block;
- width: 75%;
- }
- ul {
- list-style-type: none;
- padding: 0;
- margin: 0 0 0 35px;
- li {
- padding-left: 20px;
- &:before {
- content: none;
- }
- a {
- font-weight: normal;
- font-size: 14px;
- display: inline;
- margin-left: -20px;
- }
- ul {
- margin-left: 20px;
- }
- }
- }
- }
- }
- .current-menu-item > a {
- font-weight: bold !important;
- color: #246998;
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .reference-landing .box ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1021,12 +949,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .box.transparent {
</span><span class="cx" style="display: block; padding: 0 10px"> background: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #333;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #32373c;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1147,33 +1075,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .callout {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .table-of-contents {
- width: 260px;
- margin-left: 30px;
-
- h2 {
- padding: 3px 0;
- }
-
- & > ul {
- margin-bottom: 0;
- }
- }
- ul.items {
- margin: 1em 20px !important;
-
- li {
- padding-bottom: 0px !important;
- }
- & > li {
- padding-bottom: 8px !important;
- }
- a {
- &:hover {
- color: #d54e21 !important;
- }
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> .toc-jump {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1276,7 +1177,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // User contributed notes
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.single-wp-parser-function, &.single-wp-parser-method, &.single-wp-parser-hook, &.single-wp-parser-class {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .single-wp-parser-function, .single-wp-parser-method, .single-wp-parser-hook, .single-wp-parser-class {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .bad-note .comment-content {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: .6;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1535,7 +1436,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 30%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 27%;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: -55px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1563,61 +1464,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .table-of-contents {
- float: right;
- width: 200px;
- background: #f5f5f5;
- border-style: none;
- margin: 0 0 1em 1.85em;
- z-index: 1;
- position: relative;
-
- h2 {
- padding: 4px 0;
- text-align: center;
- text-transform: uppercase;
- font-size: 1em;
- letter-spacing: 3px;
- background: #d0d0d0;
- color: #8a8989;
- }
-
- ul,
- ol {
- margin: 6px 20px;
- ul,
- ol {
- margin-right: 0;
- margin-top: 0;
- }
- }
- }
-
- // Handbook ToC items.
- ul.items {
- margin-bottom: 8px !important;
- margin-top: 16px;
- list-style-type: none !important;
- padding-right: 10px;
-
- li {
- padding-bottom: 6px !important;
- font-weight: 600;
-
- ul li,
- ul li ul li {
- padding-bottom: 0 !important;
- font-weight: normal;
- }
-
- a {
- &:hover {
- color: #d54e21;
- }
- }
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .user-note-voting {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1672,6 +1518,524 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** Site Header **/
+
+.site-header {
+ background: #0073aa;
+ float: none;
+ margin: 0 0 4em;
+ padding: 18px 0;
+ width: auto;
+ margin: 0;
+}
+.site-branding {
+ height: 32px;
+ box-sizing: border-box;
+ margin: 0 auto;
+ max-width: 960px;
+ padding: 0 10px;
+ position: relative;
+}
+.site-title {
+ line-height: 1;
+ margin: 0;
+ padding: 0;
+ font-family: 'Open Sans', sans-serif;
+ display: inline-block;
+ text-align: left;
+ color: black;
+
+ a {
+ color: #fff;
+ font-size: 28px;
+ font-weight: 300;
+ line-height: 1;
+ border-bottom: 0;
+ }
+
+ @media screen and (max-width: 769px) {
+ margin-left: 10px;
+ }
+}
+.menu-container {
+ background: #0073aa;
+ clear: both;
+ float: right;
+ width: 100%;
+
+ ul {
+ display: none;
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+
+ li {
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 16px;
+ }
+ }
+
+ a {
+ color: rgba(255, 255, 255, 0.8);
+ display: block;
+ text-decoration: none;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
+ font-size: 12.8px;
+
+ &:hover,
+ &:active {
+ color: #fff;
+ border-bottom: 1px solid #fff;
+
+ @media screen and (max-width: 48em) {
+ border-bottom: 0;
+ }
+ }
+ }
+
+ @media screen and (min-width: 48em) {
+ float: right;
+ position: relative;
+ width: auto;
+ top: auto;
+ margin-right: 4px;
+
+ ul {
+ display: inline-block;
+ font-size: 0;
+ margin-top: 5px;
+
+ li {
+ border: 0;
+ display: inline-block;
+ font-size: 1.4rem;
+ margin-right: 2.1rem;
+ padding: 0;
+
+ &:last-of-type {
+ margin: 0;
+ }
+ }
+ }
+ }
+}
+.main-navigation {
+ clear: both;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ top: 50px;
+ z-index: 10;
+
+ &.toggled ul {
+ display: block;
+ }
+}
+
+.menu-toggle.dashicons {
+ background: transparent;
+ border: none;
+ color: #fff;
+ font-size: 25px;
+ height: 5.5rem;
+ overflow: hidden;
+ position: absolute;
+ right: 0.5rem;
+ top: -60px;
+ width: 5.5rem;
+ -webkit-appearance: none;
+}
+.toggled .menu-toggle.dashicons:before {
+ content: "\f343";
+}
+
+@media screen and (min-width: 48em) {
+ .menu-toggle.dashicons {
+ display: none;
+ }
+ .main-navigation {
+ float: right;
+ position: relative;
+ width: auto;
+ top: auto;
+
+ &.toggled {
+ padding: 1px 0;
+ }
+
+ ul {
+ display: inline-block;
+ font-size: 0;
+
+ li {
+ border: 0;
+ display: inline-block;
+ font-size: 1rem;
+ margin-right: 1rem;
+ padding: 0;
+
+ &:last-of-type {
+ margin-right: 0;
+ }
+ }
+ }
+
+ button.button-search {
+ display: inline-block;
+ }
+ }
+}
+
+
+/** Handbook **/
+
+aside[id^="handbook"] .widget-title,
+aside[id^="nav_menu"] .widget-title {
+ font-size: 16px;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ background-color: transparent;
+ padding: 1rem 12px;
+ margin-bottom: 0;
+ color: inherit;
+}
+
+.post-type-archive-handbook .site-main .widget-area,
+.single-handbook .site-main .widget-area {
+ float: left;
+ margin-right: 4%;
+}
+.handbook-header {
+ line-height: 2em;
+
+ h1 {
+ margin-top: 0;
+ }
+}
+
+.single-handbook {
+ .content-area h1 {
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ .o2-post {
+ border-top: none;
+ }
+
+ .handbook-name-container + #primary {
+ padding-top: 5rem;
+ }
+}
+
+.post-type-archive-handbook .handbook-name a:not(:hover),
+.single-handbook .handbook-name a:not(:hover) {
+ color: inherit;
+}
+
+.handbook-name-container {
+ position: absolute;
+ right: 0;
+ width: 75%;
+ margin-left: 25%;
+ background-color: #fff;
+}
+
+/** Table of Contents */
+
+.site-main .table-of-contents {
+ float: right;
+ width: 250px;
+ border: 1px solid #eee;
+ margin: 0 0 15px 15px;
+ z-index: 1;
+ position: relative;
+ color: #555d66;
+ font-size: 0.9em;
+ background-color: #fff;
+ box-shadow: 0 0 8px rgba(0,0,0,0.1);
+ border-radius: 3px;
+
+ @media (min-width: 971px) {
+ margin: -15px -30px 15px 15px;
+ }
+
+ h2 {
+ margin: 0;
+ padding: 0.7rem 1.2rem;
+ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 1.3em;
+ color: #32373c;
+ text-transform: uppercase;
+ border-bottom: 1px solid #eee;
+ margin-bottom: 0;
+ }
+}
+
+.post-type-archive-handbook ul.items,
+.single-handbook ul.items,
+.table-of-contents ul.items {
+ margin: 0;
+ list-style-type: none;
+ padding: 1.2rem;
+
+ li {
+ padding: 4px;
+
+ a {
+ text-decoration: none;
+
+ &:hover {
+ color: #0073aa;
+ text-decoration: underline;
+ };
+ }
+
+ ul li,
+ ul li ul li {
+ padding-bottom: 0;
+ }
+ }
+}
+
+/* Highlight current heading and adjust scroll position for fixed toolbar */
+.toc-heading:target {
+ position: relative;
+ padding-top: 50px;
+ margin-top: -50px;
+}
+
+/* Remove negative margin because there is no jump link before these headlines */
+.entry-content h2.toc-heading:first-of-type:target,
+.entry-content h3.toc-heading:first-of-type:target,
+h2.toc-heading + h3.toc-heading:target {
+ margin-top: 0;
+}
+
+.toc-heading:target:before {
+ content: '';
+ position: absolute;
+ left: -10px;
+ top: 50px;
+ border-left: 5px solid #0073aa;
+ height: 50%;
+ height: calc(100% - 50px);
+}
+
+.toc-jump {
+ position: relative;
+ height: 50px;
+}
+
+.toc-jump:after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
+.toc-jump a {
+ z-index: 1;
+}
+
+@media (max-width: 480px) {
+ .table-of-contents {
+ display: none;
+ }
+}
+
+/** Menu */
+
+#secondary aside.widget_wporg_handbook_pages,
+#secondary aside.widget_nav_menu {
+ font-size: 16px;
+}
+
+.widget_wporg_handbook_pages h1,
+.widget_nav_menu h1 {
+ font-size: 1.6em;
+ font-weight: bold;
+ margin-bottom: 0.6em;
+}
+
+div[class*="-table-of-contents-container"] {
+ font-size: 0.8em;
+
+ ul {
+ margin-left: 0;
+ padding-left: 0;
+ list-style: none;
+
+ li {
+ .expandable {
+ display: flex;
+ flex-direction: row-reverse;
+ align-items: stretch;
+ position: relative;
+ }
+
+ .dashicons {
+ position: absolute;
+ right: 0;
+ cursor: pointer;
+ padding: 8px;
+ display: inline-block;
+ font-size: 20px;
+ width: auto;
+ height: 100%;
+ color: #0073aa;
+ background-color: #fafafa;
+ border: 0;
+ border-left: 1px solid rgba(0,0,0,0.05);
+ border-radius: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+ }
+
+ .dashicons:hover,
+ .dashicons:focus {
+ color: #fff;
+ background-color: #0073aa;
+ }
+
+ &.open > div > .dashicons {
+ transform: rotate(180deg);
+ border-right: 1px solid rgba(0,0,0,0.05);
+ border-left: none;
+ }
+ }
+
+ a {
+ display: block;
+ width: 100%;
+ font-size: 1.05em;
+ padding: 8px 40px 8px 8px;
+ text-decoration: none;
+
+ &:hover,
+ &:focus {
+ color: #fff;
+ background-color: #0073aa;
+ }
+ &.active {
+ color: #555;
+ background-color: #fff;
+ }
+ }
+
+ &.default-open {
+ display: block !important;
+ }
+ }
+ .open .expandable .dashicons:not(:focus) {
+ background: #fff;
+ color: #0073aa;
+ }
+ & > ul > li {
+ &:last-child {
+ border-bottom: 1px solid rgba(0,0,0,0.05);
+ }
+ .children > li > a,
+ .sub-menu > li > a {
+ padding-left: 13px;
+ }
+ .children > li > ul > li > a,
+ .sub-menu > li > ul > li > a {
+ padding-left: 8px;
+ }
+
+ &.open > div > a {
+ &:not(:focus) {
+ color: #0073aa;
+ }
+ &:hover {
+ color: #fff;
+ background-color: #0073aa;
+ }
+ }
+ }
+ .current-menu-item ul,
+ .current-menu-ancestor ul {
+ display: block;
+ }
+ .children,
+ .sub-menu {
+ overflow: hidden;
+ display: none;
+ }
+
+}
+
+#secondary {
+ div[class*="-table-of-contents-container"] {
+ ul {
+ li {
+ border-top: 1px solid rgba(0,0,0,0.05);
+ padding: 0;
+ position: relative;
+ }
+ ul {
+ margin-left: 12px;
+ border-left: 1px solid rgba(0,0,0,0.05);
+ }
+ }
+ }
+}
+
+/* New handbook design */
+.single-handbook {
+ #page {
+ background: linear-gradient(to right, #fafafa 35%, #fff 35%);
+ max-width: 100%;
+ padding: 0;
+ overflow: auto;
+ }
+
+ #content {
+ max-width: 960px;
+ margin: 0 auto;
+ display: flex;
+ padding-top: 0;
+ }
+
+ header {
+ margin: 0;
+ }
+
+ #secondary {
+ clear: left;
+ margin: 0;
+ background: #fafafa;
+ overflow: hidden;
+ width: 25%;
+ padding-top: 2rem;
+ }
+
+ #primary {
+ padding: 4rem 0 4rem 4rem;
+ background: #fff;
+ box-sizing: border-box;
+ width: 72%;
+
+ @media(max-width: 876px) {
+ padding: 4rem 20px;
+ width: 100%;
+ }
+ }
+
+ .widget_wporg_handbook_pages
+ .widget_nav_menu {
+ background-color: transparent;
+ }
+
+ nav.o2-post-actions button {
+ top: 10px;
+ }
+ .make-welcome {
+ margin: 0 !important;
+ }
+}
+/** /Handbook **/
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .rest-api-handbook-reference {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .table-of-contents {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1696,6 +2060,113 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Menu toggle */
+
+#secondary-toggle {
+ display: none;
+}
+body.responsive-show {
+ position: fixed;
+ top: 32px;
+
+ #secondary {
+ left: 0;
+ }
+ #primary-modal {
+ display: block;
+ }
+ #o2-expand-editor {
+ display: none;
+ }
+}
+@media only screen and (max-width: 782px) {
+ #secondary {
+ top: 46px;
+ }
+
+ body.responsive-show {
+ position: fixed;
+ top: 46px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+
+ #secondary {
+ left: 0;
+ }
+ }
+}
+@media only screen and (max-width: 480px) {
+ body.responsive-show #secondary {
+ top: 46px;
+ }
+ body.responsive-show #wpadminbar {
+ top: -46px;
+ }
+}
+
+@media (max-width: 876px) {
+ #secondary {
+ position: fixed;
+ z-index: 10;
+ bottom: 0px;
+ overflow-y: auto;
+ transition: all .25s ease;
+ top: 32px;
+ left: -100%;
+ width: 60%;
+ min-width: 300px;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+ }
+
+ #secondary-toggle {
+ display: block;
+ float: left;
+ margin-left: 17px;
+ margin-right: 0;
+ width: 48px;
+ height: 48px;
+ white-space: nowrap;
+ position: relative;
+ z-index: 1;
+
+ &:before {
+ content: '\f333';
+ -webkit-font-smoothing: antialiased;
+ font: normal 32px/1 'dashicons';
+ position: relative;
+ top: 0;
+ color: #fff;
+ }
+ strong {
+ display: none;
+ }
+ }
+ #page {
+ overflow-x: hidden;
+ }
+ body.responsive-show {
+ overflow-y: visible;
+ position: static;
+
+ #page {
+ overflow-x: visible;
+ }
+ #secondary-toggle:before {
+ color: #0073aa;
+ }
+ }
+
+ .content-area {
+ width: 100%;
+ }
+
+ #primary,
+ #secondary {
+ -webkit-backface-visibility: hidden;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( max-width: 59.999999em ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersidebarhandbookphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/sidebar-handbook.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/sidebar-handbook.php (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/sidebar-handbook.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,19 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The sidebar template used in a handbook.
+ *
+ * @package wporg-developer
+ */
+
+if ( ! is_active_sidebar( wporg_get_current_handbook() ) )
+ return;
+?>
+
+ <div id="secondary" class="widget-area" role="complementary">
+ <a href="#" id="secondary-toggle"></a>
+ <div id="secondary-content">
+ <?php do_action( 'before_sidebar' ); ?>
+ <?php dynamic_sidebar( get_query_var( 'current_handbook' ) ); ?>
+ </div>
+ </div><!-- #secondary -->
+
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/sidebar-handbook.php
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglepluginhandbookphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-plugin-handbook.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-plugin-handbook.php 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-plugin-handbook.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,12 +7,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="content-area" class="has-sidebar">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_sidebar( 'handbook' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <main id="primary" <?php post_class( 'site-main' ); ?> role="main">
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php breadcrumb_trail(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <main id="main" <?php post_class( 'site-main' ); ?> role="main">
-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php while ( have_posts() ) : the_post(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'content', 'handbook'); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,6 +22,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endwhile; // end of the loop. ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php get_sidebar(); ?>
- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php get_footer(); ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglerestapihandbookphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-rest-api-handbook.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-rest-api-handbook.php 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-rest-api-handbook.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,12 +7,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="content-area" class="has-sidebar">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_sidebar( 'handbook' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <main id="primary" <?php post_class( 'site-main' ); ?> role="main">
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php breadcrumb_trail(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <main id="main" <?php post_class( 'site-main' ); ?> role="main">
-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php while ( have_posts() ) : the_post(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'content', 'handbook'); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,6 +22,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endwhile; // end of the loop. ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php get_sidebar(); ?>
- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php get_footer(); ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglethemehandbookphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-theme-handbook.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-theme-handbook.php 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single-theme-handbook.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,12 +7,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="content-area" class="has-sidebar">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_sidebar( 'handbook' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <main id="primary" <?php post_class( 'site-main' ); ?> role="main">
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php breadcrumb_trail(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <main id="main" <?php post_class( 'site-main' ); ?> role="main">
-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php while ( have_posts() ) : the_post(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'content', 'handbook'); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,6 +22,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endwhile; // end of the loop. ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php get_sidebar(); ?>
- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php get_footer(); ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single.php 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/single.php 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,7 +7,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="content-area" <?php body_class(); ?>>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div id="content-area" <?php body_class( 'code-reference' ); ?>>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php breadcrumb_trail(); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,4 +23,4 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- #primary -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php get_footer(); ?>
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_footer(); ?>
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsmaincss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css 2018-02-01 20:16:31 UTC (rev 6511)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css 2018-02-01 21:04:12 UTC (rev 6512)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -348,7 +348,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap #content-area,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .inner-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 2rem auto 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 60em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -686,7 +686,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .hentry {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 1.5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .byline,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -858,9 +858,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .breadcrumb-trail {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 1.25em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .breadcrumb-trail a {
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h1.entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h1.page-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -909,7 +913,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.blue {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*background: #0073aa;*/
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 30px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -940,6 +944,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 8.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.4;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (min-width: 43em) and (max-width: 915px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1079,25 +1084,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single div#inner-search, .devhub-wrap.archive div#inner-search {
- background-color: #2e6183;
- margin-top: -1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap div#inner-search {
+ background-color: #666;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single div#inner-search .section.search-section, .devhub-wrap.archive div#inner-search .section.search-section {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap div#inner-search .section.search-section {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #ffffff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single div#inner-search div#inner-search-icon-container, .devhub-wrap.archive div#inner-search div#inner-search-icon-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap div#inner-search div#inner-search-icon-container {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 60em;
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon {
- background-color: #2e6183;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap div#inner-search div#inner-search-icon-container div#inner-search-icon {
+ background-color: #666;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #ffffff;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 26px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1112,12 +1116,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-left-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 36px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 36px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1260,91 +1264,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.6rem 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap #sidebar {
- border: 1px solid #d0d0d0;
- box-shadow: 0px 0px 5px #d0d0d0;
- background-color: #f0f0f0;
-}
-
-.devhub-wrap #sidebar h2.widget-title {
- background-color: #d0d0d0;
- color: #8a8989;
- text-align: center;
- text-transform: uppercase;
- font-size: 14px;
- letter-spacing: 2px;
- margin-bottom: 1.5rem;
- line-height: 26px;
- line-height: 2.6rem;
-}
-
-.devhub-wrap #sidebar .menu > li {
- padding-bottom: 1em;
-}
-
-.devhub-wrap #sidebar ul {
- list-style-type: none;
- margin: 0 10px;
- padding: 5px 0;
- counter-reset: item;
-}
-
-.devhub-wrap #sidebar ul li:before {
- content: counter(item);
- counter-increment: item;
- background-color: #d0d0d0;
- width: 25px;
- display: inline-block;
- color: #fff;
- margin-right: 10px;
- text-align: center;
- padding: 3px 0;
- font-size: 13px;
- border-radius: 50%;
- vertical-align: top;
-}
-
-.devhub-wrap #sidebar ul li a {
- font-size: 16px;
- color: #4b4b4b;
- font-weight: bold;
-}
-
-.devhub-wrap #sidebar ul li > a {
- display: inline-block;
- width: 75%;
-}
-
-.devhub-wrap #sidebar ul li ul {
- list-style-type: none;
- padding: 0;
- margin: 0 0 0 35px;
-}
-
-.devhub-wrap #sidebar ul li ul li {
- padding-left: 20px;
-}
-
-.devhub-wrap #sidebar ul li ul li:before {
- content: none;
-}
-
-.devhub-wrap #sidebar ul li ul li a {
- font-weight: normal;
- font-size: 14px;
- display: inline;
- margin-left: -20px;
-}
-
-.devhub-wrap #sidebar ul li ul li ul {
- margin-left: 20px;
-}
-
-.devhub-wrap #sidebar .current-menu-item > a {
- font-weight: bold !important;
- color: #246998;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .box ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1410,13 +1329,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .box.transparent {
</span><span class="cx" style="display: block; padding: 0 10px"> background: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #333;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .box.transparent h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .box.transparent h3,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .box.transparent h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #32373c;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .box.gray {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1558,35 +1477,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .table-of-contents, .devhub-wrap .wp-parser-function .table-of-contents, .devhub-wrap .wp-parser-hook .table-of-contents, .devhub-wrap .wp-parser-method .table-of-contents {
- width: 260px;
- margin-left: 30px;
-}
-
-.devhub-wrap .wp-parser-class .table-of-contents h2, .devhub-wrap .wp-parser-function .table-of-contents h2, .devhub-wrap .wp-parser-hook .table-of-contents h2, .devhub-wrap .wp-parser-method .table-of-contents h2 {
- padding: 3px 0;
-}
-
-.devhub-wrap .wp-parser-class .table-of-contents > ul, .devhub-wrap .wp-parser-function .table-of-contents > ul, .devhub-wrap .wp-parser-hook .table-of-contents > ul, .devhub-wrap .wp-parser-method .table-of-contents > ul {
- margin-bottom: 0;
-}
-
-.devhub-wrap .wp-parser-class ul.items, .devhub-wrap .wp-parser-function ul.items, .devhub-wrap .wp-parser-hook ul.items, .devhub-wrap .wp-parser-method ul.items {
- margin: 1em 20px !important;
-}
-
-.devhub-wrap .wp-parser-class ul.items li, .devhub-wrap .wp-parser-function ul.items li, .devhub-wrap .wp-parser-hook ul.items li, .devhub-wrap .wp-parser-method ul.items li {
- padding-bottom: 0px !important;
-}
-
-.devhub-wrap .wp-parser-class ul.items > li, .devhub-wrap .wp-parser-function ul.items > li, .devhub-wrap .wp-parser-hook ul.items > li, .devhub-wrap .wp-parser-method ul.items > li {
- padding-bottom: 8px !important;
-}
-
-.devhub-wrap .wp-parser-class ul.items a:hover, .devhub-wrap .wp-parser-function ul.items a:hover, .devhub-wrap .wp-parser-hook ul.items a:hover, .devhub-wrap .wp-parser-method ul.items a:hover {
- color: #d54e21 !important;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-class .toc-jump, .devhub-wrap .wp-parser-function .toc-jump, .devhub-wrap .wp-parser-hook .toc-jump, .devhub-wrap .wp-parser-method .toc-jump {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1672,29 +1562,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .bad-note .comment-content, .devhub-wrap.single-wp-parser-method .bad-note .comment-content, .devhub-wrap.single-wp-parser-hook .bad-note .comment-content, .devhub-wrap.single-wp-parser-class .bad-note .comment-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .bad-note .comment-content, .devhub-wrap .single-wp-parser-method .bad-note .comment-content, .devhub-wrap .single-wp-parser-hook .bad-note .comment-content, .devhub-wrap .single-wp-parser-class .bad-note .comment-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: .6;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .bad-note .comment-content:hover, .devhub-wrap.single-wp-parser-method .bad-note .comment-content:hover, .devhub-wrap.single-wp-parser-hook .bad-note .comment-content:hover, .devhub-wrap.single-wp-parser-class .bad-note .comment-content:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .bad-note .comment-content:hover, .devhub-wrap .single-wp-parser-method .bad-note .comment-content:hover, .devhub-wrap .single-wp-parser-hook .bad-note .comment-content:hover, .devhub-wrap .single-wp-parser-class .bad-note .comment-content:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-list,
-.devhub-wrap.single-wp-parser-function .comment-list ol, .devhub-wrap.single-wp-parser-method .comment-list,
-.devhub-wrap.single-wp-parser-method .comment-list ol, .devhub-wrap.single-wp-parser-hook .comment-list,
-.devhub-wrap.single-wp-parser-hook .comment-list ol, .devhub-wrap.single-wp-parser-class .comment-list,
-.devhub-wrap.single-wp-parser-class .comment-list ol {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list,
+.devhub-wrap .single-wp-parser-function .comment-list ol, .devhub-wrap .single-wp-parser-method .comment-list,
+.devhub-wrap .single-wp-parser-method .comment-list ol, .devhub-wrap .single-wp-parser-hook .comment-list,
+.devhub-wrap .single-wp-parser-hook .comment-list ol, .devhub-wrap .single-wp-parser-class .comment-list,
+.devhub-wrap .single-wp-parser-class .comment-list ol {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-list li,
-.devhub-wrap.single-wp-parser-function #comment-preview, .devhub-wrap.single-wp-parser-method .comment-list li,
-.devhub-wrap.single-wp-parser-method #comment-preview, .devhub-wrap.single-wp-parser-hook .comment-list li,
-.devhub-wrap.single-wp-parser-hook #comment-preview, .devhub-wrap.single-wp-parser-class .comment-list li,
-.devhub-wrap.single-wp-parser-class #comment-preview {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list li,
+.devhub-wrap .single-wp-parser-function #comment-preview, .devhub-wrap .single-wp-parser-method .comment-list li,
+.devhub-wrap .single-wp-parser-method #comment-preview, .devhub-wrap .single-wp-parser-hook .comment-list li,
+.devhub-wrap .single-wp-parser-hook #comment-preview, .devhub-wrap .single-wp-parser-class .comment-list li,
+.devhub-wrap .single-wp-parser-class #comment-preview {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1702,50 +1592,50 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0 2px 2px 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-list li article,
-.devhub-wrap.single-wp-parser-function #comment-preview article, .devhub-wrap.single-wp-parser-method .comment-list li article,
-.devhub-wrap.single-wp-parser-method #comment-preview article, .devhub-wrap.single-wp-parser-hook .comment-list li article,
-.devhub-wrap.single-wp-parser-hook #comment-preview article, .devhub-wrap.single-wp-parser-class .comment-list li article,
-.devhub-wrap.single-wp-parser-class #comment-preview article {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list li article,
+.devhub-wrap .single-wp-parser-function #comment-preview article, .devhub-wrap .single-wp-parser-method .comment-list li article,
+.devhub-wrap .single-wp-parser-method #comment-preview article, .devhub-wrap .single-wp-parser-hook .comment-list li article,
+.devhub-wrap .single-wp-parser-hook #comment-preview article, .devhub-wrap .single-wp-parser-class .comment-list li article,
+.devhub-wrap .single-wp-parser-class #comment-preview article {
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #comment-preview,
-.js .devhub-wrap.single-wp-parser-function .comment-form-comment, .devhub-wrap.single-wp-parser-method #comment-preview,
-.js .devhub-wrap.single-wp-parser-method .comment-form-comment, .devhub-wrap.single-wp-parser-hook #comment-preview,
-.js .devhub-wrap.single-wp-parser-hook .comment-form-comment, .devhub-wrap.single-wp-parser-class #comment-preview,
-.js .devhub-wrap.single-wp-parser-class .comment-form-comment {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview,
+.js .devhub-wrap .single-wp-parser-function .comment-form-comment, .devhub-wrap .single-wp-parser-method #comment-preview,
+.js .devhub-wrap .single-wp-parser-method .comment-form-comment, .devhub-wrap .single-wp-parser-hook #comment-preview,
+.js .devhub-wrap .single-wp-parser-hook .comment-form-comment, .devhub-wrap .single-wp-parser-class #comment-preview,
+.js .devhub-wrap .single-wp-parser-class .comment-form-comment {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0 3px 3px 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #comment-preview.tab-section-selected, .devhub-wrap.single-wp-parser-method #comment-preview.tab-section-selected, .devhub-wrap.single-wp-parser-hook #comment-preview.tab-section-selected, .devhub-wrap.single-wp-parser-class #comment-preview.tab-section-selected {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview.tab-section-selected, .devhub-wrap .single-wp-parser-method #comment-preview.tab-section-selected, .devhub-wrap .single-wp-parser-hook #comment-preview.tab-section-selected, .devhub-wrap .single-wp-parser-class #comment-preview.tab-section-selected {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #comment-preview .comment-content, .devhub-wrap.single-wp-parser-method #comment-preview .comment-content, .devhub-wrap.single-wp-parser-hook #comment-preview .comment-content, .devhub-wrap.single-wp-parser-class #comment-preview .comment-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview .comment-content, .devhub-wrap .single-wp-parser-method #comment-preview .comment-content, .devhub-wrap .single-wp-parser-hook #comment-preview .comment-content, .devhub-wrap .single-wp-parser-class #comment-preview .comment-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> min-height: 6em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function label[for=comment],
-.devhub-wrap.single-wp-parser-function .comment-form-comment,
-.devhub-wrap.single-wp-parser-function .comment-preview, .devhub-wrap.single-wp-parser-method label[for=comment],
-.devhub-wrap.single-wp-parser-method .comment-form-comment,
-.devhub-wrap.single-wp-parser-method .comment-preview, .devhub-wrap.single-wp-parser-hook label[for=comment],
-.devhub-wrap.single-wp-parser-hook .comment-form-comment,
-.devhub-wrap.single-wp-parser-hook .comment-preview, .devhub-wrap.single-wp-parser-class label[for=comment],
-.devhub-wrap.single-wp-parser-class .comment-form-comment,
-.devhub-wrap.single-wp-parser-class .comment-preview {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function label[for=comment],
+.devhub-wrap .single-wp-parser-function .comment-form-comment,
+.devhub-wrap .single-wp-parser-function .comment-preview, .devhub-wrap .single-wp-parser-method label[for=comment],
+.devhub-wrap .single-wp-parser-method .comment-form-comment,
+.devhub-wrap .single-wp-parser-method .comment-preview, .devhub-wrap .single-wp-parser-hook label[for=comment],
+.devhub-wrap .single-wp-parser-hook .comment-form-comment,
+.devhub-wrap .single-wp-parser-hook .comment-preview, .devhub-wrap .single-wp-parser-class label[for=comment],
+.devhub-wrap .single-wp-parser-class .comment-form-comment,
+.devhub-wrap .single-wp-parser-class .comment-preview {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.js .devhub-wrap.single-wp-parser-function .comment-form-comment, .js .devhub-wrap.single-wp-parser-method .comment-form-comment, .js .devhub-wrap.single-wp-parser-hook .comment-form-comment, .js .devhub-wrap.single-wp-parser-class .comment-form-comment {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.js .devhub-wrap .single-wp-parser-function .comment-form-comment, .js .devhub-wrap .single-wp-parser-method .comment-form-comment, .js .devhub-wrap .single-wp-parser-hook .comment-form-comment, .js .devhub-wrap .single-wp-parser-class .comment-form-comment {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 .7em .7em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .tablist .spinner, .devhub-wrap.single-wp-parser-method .tablist .spinner, .devhub-wrap.single-wp-parser-hook .tablist .spinner, .devhub-wrap.single-wp-parser-class .tablist .spinner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .tablist .spinner, .devhub-wrap .single-wp-parser-method .tablist .spinner, .devhub-wrap .single-wp-parser-hook .tablist .spinner, .devhub-wrap .single-wp-parser-class .tablist .spinner {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: url("/wp-includes/images/spinner-2x.gif") no-repeat scroll 0 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-background-size: 20px 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: 20px 20px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1753,20 +1643,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-list .avatar, .devhub-wrap.single-wp-parser-method .comment-list .avatar, .devhub-wrap.single-wp-parser-hook .comment-list .avatar, .devhub-wrap.single-wp-parser-class .comment-list .avatar {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list .avatar, .devhub-wrap .single-wp-parser-method .comment-list .avatar, .devhub-wrap .single-wp-parser-hook .comment-list .avatar, .devhub-wrap .single-wp-parser-class .comment-list .avatar {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: -2px 1em 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.125em;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-meta, .devhub-wrap.single-wp-parser-method .comment-meta, .devhub-wrap.single-wp-parser-hook .comment-meta, .devhub-wrap.single-wp-parser-class .comment-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-meta, .devhub-wrap .single-wp-parser-method .comment-meta, .devhub-wrap .single-wp-parser-hook .comment-meta, .devhub-wrap .single-wp-parser-class .comment-meta {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: .5em 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #f7f7f7;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-content, .devhub-wrap.single-wp-parser-method .comment-content, .devhub-wrap.single-wp-parser-hook .comment-content, .devhub-wrap.single-wp-parser-class .comment-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content, .devhub-wrap .single-wp-parser-method .comment-content, .devhub-wrap .single-wp-parser-hook .comment-content, .devhub-wrap .single-wp-parser-class .comment-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 60px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 3.75rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1774,22 +1664,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 2rem 1.5rem .5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-footer, .devhub-wrap.single-wp-parser-method .comment-footer, .devhub-wrap.single-wp-parser-hook .comment-footer, .devhub-wrap.single-wp-parser-class .comment-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-footer, .devhub-wrap .single-wp-parser-method .comment-footer, .devhub-wrap .single-wp-parser-hook .comment-footer, .devhub-wrap .single-wp-parser-class .comment-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 1em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-footer a, .devhub-wrap.single-wp-parser-method .comment-footer a, .devhub-wrap.single-wp-parser-hook .comment-footer a, .devhub-wrap.single-wp-parser-class .comment-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-footer a, .devhub-wrap .single-wp-parser-method .comment-footer a, .devhub-wrap .single-wp-parser-hook .comment-footer a, .devhub-wrap .single-wp-parser-class .comment-footer a {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-footer p, .devhub-wrap.single-wp-parser-method .comment-footer p, .devhub-wrap.single-wp-parser-hook .comment-footer p, .devhub-wrap.single-wp-parser-class .comment-footer p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-footer p, .devhub-wrap .single-wp-parser-method .comment-footer p, .devhub-wrap .single-wp-parser-hook .comment-footer p, .devhub-wrap .single-wp-parser-class .comment-footer p {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-content ol, .devhub-wrap.single-wp-parser-method .comment-content ol, .devhub-wrap.single-wp-parser-hook .comment-content ol, .devhub-wrap.single-wp-parser-class .comment-content ol {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content ol, .devhub-wrap .single-wp-parser-method .comment-content ol, .devhub-wrap .single-wp-parser-hook .comment-content ol, .devhub-wrap .single-wp-parser-class .comment-content ol {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style: decimal inside;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1797,7 +1687,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-content ul, .devhub-wrap.single-wp-parser-method .comment-content ul, .devhub-wrap.single-wp-parser-hook .comment-content ul, .devhub-wrap.single-wp-parser-class .comment-content ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content ul, .devhub-wrap .single-wp-parser-method .comment-content ul, .devhub-wrap .single-wp-parser-hook .comment-content ul, .devhub-wrap .single-wp-parser-class .comment-content ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style: square inside;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1805,38 +1695,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-content li, .devhub-wrap.single-wp-parser-method .comment-content li, .devhub-wrap.single-wp-parser-hook .comment-content li, .devhub-wrap.single-wp-parser-class .comment-content li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content li, .devhub-wrap .single-wp-parser-method .comment-content li, .devhub-wrap .single-wp-parser-hook .comment-content li, .devhub-wrap .single-wp-parser-class .comment-content li {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #respond, .devhub-wrap.single-wp-parser-method #respond, .devhub-wrap.single-wp-parser-hook #respond, .devhub-wrap.single-wp-parser-class #respond {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #respond, .devhub-wrap .single-wp-parser-method #respond, .devhub-wrap .single-wp-parser-hook #respond, .devhub-wrap .single-wp-parser-class #respond {
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #respond .log-in-out a, .devhub-wrap.single-wp-parser-method #respond .log-in-out a, .devhub-wrap.single-wp-parser-hook #respond .log-in-out a, .devhub-wrap.single-wp-parser-class #respond .log-in-out a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #respond .log-in-out a, .devhub-wrap .single-wp-parser-method #respond .log-in-out a, .devhub-wrap .single-wp-parser-hook #respond .log-in-out a, .devhub-wrap .single-wp-parser-class #respond .log-in-out a {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #reply-title small a, .devhub-wrap.single-wp-parser-method #reply-title small a, .devhub-wrap.single-wp-parser-hook #reply-title small a, .devhub-wrap.single-wp-parser-class #reply-title small a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #reply-title small a, .devhub-wrap .single-wp-parser-method #reply-title small a, .devhub-wrap .single-wp-parser-hook #reply-title small a, .devhub-wrap .single-wp-parser-class #reply-title small a {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #respond #submit, .devhub-wrap.single-wp-parser-method #respond #submit, .devhub-wrap.single-wp-parser-hook #respond #submit, .devhub-wrap.single-wp-parser-class #respond #submit {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #respond #submit, .devhub-wrap .single-wp-parser-method #respond #submit, .devhub-wrap .single-wp-parser-hook #respond #submit, .devhub-wrap .single-wp-parser-class #respond #submit {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-author, .devhub-wrap.single-wp-parser-method .comment-author, .devhub-wrap.single-wp-parser-hook .comment-author, .devhub-wrap.single-wp-parser-class .comment-author {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-author, .devhub-wrap .single-wp-parser-method .comment-author, .devhub-wrap .single-wp-parser-hook .comment-author, .devhub-wrap .single-wp-parser-class .comment-author {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function #add-user-note, .devhub-wrap.single-wp-parser-method #add-user-note, .devhub-wrap.single-wp-parser-hook #add-user-note, .devhub-wrap.single-wp-parser-class #add-user-note {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #add-user-note, .devhub-wrap .single-wp-parser-method #add-user-note, .devhub-wrap .single-wp-parser-hook #add-user-note, .devhub-wrap .single-wp-parser-class #add-user-note {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .text-button, .devhub-wrap.single-wp-parser-method .text-button, .devhub-wrap.single-wp-parser-hook .text-button, .devhub-wrap.single-wp-parser-class .text-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .text-button, .devhub-wrap .single-wp-parser-method .text-button, .devhub-wrap .single-wp-parser-hook .text-button, .devhub-wrap .single-wp-parser-class .text-button {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff none repeat scroll 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc #ccc #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1845,7 +1735,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.single-wp-parser-function .comment-form ul, .devhub-wrap.single-wp-parser-method .comment-form ul, .devhub-wrap.single-wp-parser-hook .comment-form ul, .devhub-wrap.single-wp-parser-class .comment-form ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-form ul, .devhub-wrap .single-wp-parser-method .comment-form ul, .devhub-wrap .single-wp-parser-hook .comment-form ul, .devhub-wrap .single-wp-parser-class .comment-form ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1904,7 +1794,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .has-sidebar .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 30%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 27%;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: -55px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1932,61 +1822,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .table-of-contents {
- float: right;
- width: 200px;
- background: #f5f5f5;
- border-style: none;
- margin: 0 0 1em 1.85em;
- z-index: 1;
- position: relative;
-}
-
-.devhub-wrap .table-of-contents h2 {
- padding: 4px 0;
- text-align: center;
- text-transform: uppercase;
- font-size: 1em;
- letter-spacing: 3px;
- background: #d0d0d0;
- color: #8a8989;
-}
-
-.devhub-wrap .table-of-contents ul,
-.devhub-wrap .table-of-contents ol {
- margin: 6px 20px;
-}
-
-.devhub-wrap .table-of-contents ul ul,
-.devhub-wrap .table-of-contents ul ol,
-.devhub-wrap .table-of-contents ol ul,
-.devhub-wrap .table-of-contents ol ol {
- margin-right: 0;
- margin-top: 0;
-}
-
-.devhub-wrap ul.items {
- margin-bottom: 8px !important;
- margin-top: 16px;
- list-style-type: none !important;
- padding-right: 10px;
-}
-
-.devhub-wrap ul.items li {
- padding-bottom: 6px !important;
- font-weight: 600;
-}
-
-.devhub-wrap ul.items li ul li,
-.devhub-wrap ul.items li ul li ul li {
- padding-bottom: 0 !important;
- font-weight: normal;
-}
-
-.devhub-wrap ul.items li a:hover {
- color: #d54e21;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .user-note-voting {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2042,6 +1877,528 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #ddd;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** Site Header **/
+.site-header {
+ background: #0073aa;
+ float: none;
+ margin: 0 0 4em;
+ padding: 18px 0;
+ width: auto;
+ margin: 0;
+}
+
+.site-branding {
+ height: 32px;
+ box-sizing: border-box;
+ margin: 0 auto;
+ max-width: 960px;
+ padding: 0 10px;
+ position: relative;
+}
+
+.site-title {
+ line-height: 1;
+ margin: 0;
+ padding: 0;
+ font-family: 'Open Sans', sans-serif;
+ display: inline-block;
+ text-align: left;
+ color: black;
+}
+
+.site-title a {
+ color: #fff;
+ font-size: 28px;
+ font-weight: 300;
+ line-height: 1;
+ border-bottom: 0;
+}
+
+@media screen and (max-width: 769px) {
+ .site-title {
+ margin-left: 10px;
+ }
+}
+
+.menu-container {
+ background: #0073aa;
+ clear: both;
+ float: right;
+ width: 100%;
+}
+
+.menu-container ul {
+ display: none;
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+}
+
+.menu-container ul li {
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 16px;
+}
+
+.menu-container a {
+ color: rgba(255, 255, 255, 0.8);
+ display: block;
+ text-decoration: none;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
+ font-size: 12.8px;
+}
+
+.menu-container a:hover, .menu-container a:active {
+ color: #fff;
+ border-bottom: 1px solid #fff;
+}
+
+@media screen and (max-width: 48em) {
+ .menu-container a:hover, .menu-container a:active {
+ border-bottom: 0;
+ }
+}
+
+@media screen and (min-width: 48em) {
+ .menu-container {
+ float: right;
+ position: relative;
+ width: auto;
+ top: auto;
+ margin-right: 4px;
+ }
+ .menu-container ul {
+ display: inline-block;
+ font-size: 0;
+ margin-top: 5px;
+ }
+ .menu-container ul li {
+ border: 0;
+ display: inline-block;
+ font-size: 1.4rem;
+ margin-right: 2.1rem;
+ padding: 0;
+ }
+ .menu-container ul li:last-of-type {
+ margin: 0;
+ }
+}
+
+.main-navigation {
+ clear: both;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ top: 50px;
+ z-index: 10;
+}
+
+.main-navigation.toggled ul {
+ display: block;
+}
+
+.menu-toggle.dashicons {
+ background: transparent;
+ border: none;
+ color: #fff;
+ font-size: 25px;
+ height: 5.5rem;
+ overflow: hidden;
+ position: absolute;
+ right: 0.5rem;
+ top: -60px;
+ width: 5.5rem;
+ -webkit-appearance: none;
+}
+
+.toggled .menu-toggle.dashicons:before {
+ content: "\f343";
+}
+
+@media screen and (min-width: 48em) {
+ .menu-toggle.dashicons {
+ display: none;
+ }
+ .main-navigation {
+ float: right;
+ position: relative;
+ width: auto;
+ top: auto;
+ }
+ .main-navigation.toggled {
+ padding: 1px 0;
+ }
+ .main-navigation ul {
+ display: inline-block;
+ font-size: 0;
+ }
+ .main-navigation ul li {
+ border: 0;
+ display: inline-block;
+ font-size: 1rem;
+ margin-right: 1rem;
+ padding: 0;
+ }
+ .main-navigation ul li:last-of-type {
+ margin-right: 0;
+ }
+ .main-navigation button.button-search {
+ display: inline-block;
+ }
+}
+
+/** Handbook **/
+aside[id^="handbook"] .widget-title,
+aside[id^="nav_menu"] .widget-title {
+ font-size: 16px;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ background-color: transparent;
+ padding: 1rem 12px;
+ margin-bottom: 0;
+ color: inherit;
+}
+
+.post-type-archive-handbook .site-main .widget-area,
+.single-handbook .site-main .widget-area {
+ float: left;
+ margin-right: 4%;
+}
+
+.handbook-header {
+ line-height: 2em;
+}
+
+.handbook-header h1 {
+ margin-top: 0;
+}
+
+.single-handbook .content-area h1 {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+.single-handbook .o2-post {
+ border-top: none;
+}
+
+.single-handbook .handbook-name-container + #primary {
+ padding-top: 5rem;
+}
+
+.post-type-archive-handbook .handbook-name a:not(:hover),
+.single-handbook .handbook-name a:not(:hover) {
+ color: inherit;
+}
+
+.handbook-name-container {
+ position: absolute;
+ right: 0;
+ width: 75%;
+ margin-left: 25%;
+ background-color: #fff;
+}
+
+/** Table of Contents */
+.site-main .table-of-contents {
+ float: right;
+ width: 250px;
+ border: 1px solid #eee;
+ margin: 0 0 15px 15px;
+ z-index: 1;
+ position: relative;
+ color: #555d66;
+ font-size: 0.9em;
+ background-color: #fff;
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+ border-radius: 3px;
+}
+
+@media (min-width: 971px) {
+ .site-main .table-of-contents {
+ margin: -15px -30px 15px 15px;
+ }
+}
+
+.site-main .table-of-contents h2 {
+ margin: 0;
+ padding: 0.7rem 1.2rem;
+ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 1.3em;
+ color: #32373c;
+ text-transform: uppercase;
+ border-bottom: 1px solid #eee;
+ margin-bottom: 0;
+}
+
+.post-type-archive-handbook ul.items,
+.single-handbook ul.items,
+.table-of-contents ul.items {
+ margin: 0;
+ list-style-type: none;
+ padding: 1.2rem;
+}
+
+.post-type-archive-handbook ul.items li,
+.single-handbook ul.items li,
+.table-of-contents ul.items li {
+ padding: 4px;
+}
+
+.post-type-archive-handbook ul.items li a,
+.single-handbook ul.items li a,
+.table-of-contents ul.items li a {
+ text-decoration: none;
+}
+
+.post-type-archive-handbook ul.items li a:hover,
+.single-handbook ul.items li a:hover,
+.table-of-contents ul.items li a:hover {
+ color: #0073aa;
+ text-decoration: underline;
+}
+
+.post-type-archive-handbook ul.items li ul li,
+.post-type-archive-handbook ul.items li ul li ul li,
+.single-handbook ul.items li ul li,
+.single-handbook ul.items li ul li ul li,
+.table-of-contents ul.items li ul li,
+.table-of-contents ul.items li ul li ul li {
+ padding-bottom: 0;
+}
+
+/* Highlight current heading and adjust scroll position for fixed toolbar */
+.toc-heading:target {
+ position: relative;
+ padding-top: 50px;
+ margin-top: -50px;
+}
+
+/* Remove negative margin because there is no jump link before these headlines */
+.entry-content h2.toc-heading:first-of-type:target,
+.entry-content h3.toc-heading:first-of-type:target,
+h2.toc-heading + h3.toc-heading:target {
+ margin-top: 0;
+}
+
+.toc-heading:target:before {
+ content: '';
+ position: absolute;
+ left: -10px;
+ top: 50px;
+ border-left: 5px solid #0073aa;
+ height: 50%;
+ height: calc(100% - 50px);
+}
+
+.toc-jump {
+ position: relative;
+ height: 50px;
+}
+
+.toc-jump:after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
+.toc-jump a {
+ z-index: 1;
+}
+
+@media (max-width: 480px) {
+ .table-of-contents {
+ display: none;
+ }
+}
+
+/** Menu */
+#secondary aside.widget_wporg_handbook_pages,
+#secondary aside.widget_nav_menu {
+ font-size: 16px;
+}
+
+.widget_wporg_handbook_pages h1,
+.widget_nav_menu h1 {
+ font-size: 1.6em;
+ font-weight: bold;
+ margin-bottom: 0.6em;
+}
+
+div[class*="-table-of-contents-container"] {
+ font-size: 0.8em;
+}
+
+div[class*="-table-of-contents-container"] ul {
+ margin-left: 0;
+ padding-left: 0;
+ list-style: none;
+}
+
+div[class*="-table-of-contents-container"] ul li .expandable {
+ display: flex;
+ flex-direction: row-reverse;
+ align-items: stretch;
+ position: relative;
+}
+
+div[class*="-table-of-contents-container"] ul li .dashicons {
+ position: absolute;
+ right: 0;
+ cursor: pointer;
+ padding: 8px;
+ display: inline-block;
+ font-size: 20px;
+ width: auto;
+ height: 100%;
+ color: #0073aa;
+ background-color: #fafafa;
+ border: 0;
+ border-left: 1px solid rgba(0, 0, 0, 0.05);
+ border-radius: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+}
+
+div[class*="-table-of-contents-container"] ul li .dashicons:hover,
+div[class*="-table-of-contents-container"] ul li .dashicons:focus {
+ color: #fff;
+ background-color: #0073aa;
+}
+
+div[class*="-table-of-contents-container"] ul li.open > div > .dashicons {
+ transform: rotate(180deg);
+ border-right: 1px solid rgba(0, 0, 0, 0.05);
+ border-left: none;
+}
+
+div[class*="-table-of-contents-container"] ul a {
+ display: block;
+ width: 100%;
+ font-size: 1.05em;
+ padding: 8px 40px 8px 8px;
+ text-decoration: none;
+}
+
+div[class*="-table-of-contents-container"] ul a:hover, div[class*="-table-of-contents-container"] ul a:focus {
+ color: #fff;
+ background-color: #0073aa;
+}
+
+div[class*="-table-of-contents-container"] ul a.active {
+ color: #555;
+ background-color: #fff;
+}
+
+div[class*="-table-of-contents-container"] ul.default-open {
+ display: block !important;
+}
+
+div[class*="-table-of-contents-container"] .open .expandable .dashicons:not(:focus) {
+ background: #fff;
+ color: #0073aa;
+}
+
+div[class*="-table-of-contents-container"] > ul > li:last-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+div[class*="-table-of-contents-container"] > ul > li .children > li > a,
+div[class*="-table-of-contents-container"] > ul > li .sub-menu > li > a {
+ padding-left: 13px;
+}
+
+div[class*="-table-of-contents-container"] > ul > li .children > li > ul > li > a,
+div[class*="-table-of-contents-container"] > ul > li .sub-menu > li > ul > li > a {
+ padding-left: 8px;
+}
+
+div[class*="-table-of-contents-container"] > ul > li.open > div > a:not(:focus) {
+ color: #0073aa;
+}
+
+div[class*="-table-of-contents-container"] > ul > li.open > div > a:hover {
+ color: #fff;
+ background-color: #0073aa;
+}
+
+div[class*="-table-of-contents-container"] .current-menu-item ul,
+div[class*="-table-of-contents-container"] .current-menu-ancestor ul {
+ display: block;
+}
+
+div[class*="-table-of-contents-container"] .children,
+div[class*="-table-of-contents-container"] .sub-menu {
+ overflow: hidden;
+ display: none;
+}
+
+#secondary div[class*="-table-of-contents-container"] ul li {
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
+ padding: 0;
+ position: relative;
+}
+
+#secondary div[class*="-table-of-contents-container"] ul ul {
+ margin-left: 12px;
+ border-left: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+/* New handbook design */
+.single-handbook #page {
+ background: linear-gradient(to right, #fafafa 35%, #fff 35%);
+ max-width: 100%;
+ padding: 0;
+ overflow: auto;
+}
+
+.single-handbook #content {
+ max-width: 960px;
+ margin: 0 auto;
+ display: flex;
+ padding-top: 0;
+}
+
+.single-handbook header {
+ margin: 0;
+}
+
+.single-handbook #secondary {
+ clear: left;
+ margin: 0;
+ background: #fafafa;
+ overflow: hidden;
+ width: 25%;
+ padding-top: 2rem;
+}
+
+.single-handbook #primary {
+ padding: 4rem 0 4rem 4rem;
+ background: #fff;
+ box-sizing: border-box;
+ width: 72%;
+}
+
+@media (max-width: 876px) {
+ .single-handbook #primary {
+ padding: 4rem 20px;
+ width: 100%;
+ }
+}
+
+.single-handbook .widget_wporg_handbook_pages
+.widget_nav_menu {
+ background-color: transparent;
+}
+
+.single-handbook nav.o2-post-actions button {
+ top: 10px;
+}
+
+.single-handbook .make-welcome {
+ margin: 0 !important;
+}
+
+/** /Handbook **/
</ins><span class="cx" style="display: block; padding: 0 10px"> .rest-api-handbook-reference .table-of-contents {
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2062,6 +2419,110 @@
</span><span class="cx" style="display: block; padding: 0 10px"> content: '';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Menu toggle */
+#secondary-toggle {
+ display: none;
+}
+
+body.responsive-show {
+ position: fixed;
+ top: 32px;
+}
+
+body.responsive-show #secondary {
+ left: 0;
+}
+
+body.responsive-show #primary-modal {
+ display: block;
+}
+
+body.responsive-show #o2-expand-editor {
+ display: none;
+}
+
+@media only screen and (max-width: 782px) {
+ #secondary {
+ top: 46px;
+ }
+ body.responsive-show {
+ position: fixed;
+ top: 46px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ }
+ body.responsive-show #secondary {
+ left: 0;
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ body.responsive-show #secondary {
+ top: 46px;
+ }
+ body.responsive-show #wpadminbar {
+ top: -46px;
+ }
+}
+
+@media (max-width: 876px) {
+ #secondary {
+ position: fixed;
+ z-index: 10;
+ bottom: 0px;
+ overflow-y: auto;
+ transition: all .25s ease;
+ top: 32px;
+ left: -100%;
+ width: 60%;
+ min-width: 300px;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+ }
+ #secondary-toggle {
+ display: block;
+ float: left;
+ margin-left: 17px;
+ margin-right: 0;
+ width: 48px;
+ height: 48px;
+ white-space: nowrap;
+ position: relative;
+ z-index: 1;
+ }
+ #secondary-toggle:before {
+ content: '\f333';
+ -webkit-font-smoothing: antialiased;
+ font: normal 32px/1 'dashicons';
+ position: relative;
+ top: 0;
+ color: #fff;
+ }
+ #secondary-toggle strong {
+ display: none;
+ }
+ #page {
+ overflow-x: hidden;
+ }
+ body.responsive-show {
+ overflow-y: visible;
+ position: static;
+ }
+ body.responsive-show #page {
+ overflow-x: visible;
+ }
+ body.responsive-show #secondary-toggle:before {
+ color: #0073aa;
+ }
+ .content-area {
+ width: 100%;
+ }
+ #primary,
+ #secondary {
+ -webkit-backface-visibility: hidden;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 59.999999em) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span></span></pre>
</div>
</div>
</body>
</html>