<!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>[3720] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer: developer.wordpress.org: Switch from ruby sass to Grunt and reprocess CSS files.</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/3720">3720</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/3720","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>2016-07-25 20:59:21 +0000 (Mon, 25 Jul 2016)</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: Switch from ruby sass to Grunt and reprocess CSS files.
Props atimmer.
Fixes <a href="http://meta.trac.wordpress.org/ticket/1014">#1014</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsadmincss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/admin.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsmaincss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetspagedashiconscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsresetcss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/reset.css</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperGruntfilejs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/Gruntfile.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpackagejson">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/package.json</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperGruntfilejs"></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/Gruntfile.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/Gruntfile.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/Gruntfile.js 2016-07-25 20:59:21 UTC (rev 3720)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,33 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+module.exports = function( grunt ) {
+
+ // Load tasks.
+ require( 'matchdep' ).filterDev(['grunt-*']).forEach( grunt.loadNpmTasks );
+
+ // Project configuration.
+ grunt.initConfig({
+ sass: {
+ all: {
+ expand: true,
+ cwd: "scss",
+ dest: "stylesheets",
+ ext: '.css',
+ src: [ '**/*.scss' ],
+ options: {
+ outputStyle: 'expanded'
+ }
+ }
+ },
+ watch: {
+ all: {
+ files: [ "scss/**/*.scss" ],
+ tasks: [ "sass:all" ],
+ options: {
+ spawn: false
+ }
+ }
+ }
+ });
+
+ grunt.registerTask( 'default', [ 'sass:all' ] );
+};
+
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpackagejson"></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/package.json</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/package.json (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/package.json 2016-07-25 20:59:21 UTC (rev 3720)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,17 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{
+ "name": "wporg-developer",
+ "description": "Theme for developer.wordpress.org",
+ "repository": {
+ "type": "svn",
+ "url": "https://meta.trac.wordpress.org/browser/sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer"
+ },
+ "author": "wordpressdotorg",
+ "license": "GPLv2 or later",
+ "devDependencies": {
+ "grunt": "~0.4.5",
+ "grunt-contrib-watch": "~0.6.1",
+ "grunt-sass": "~1.0.0",
+ "matchdep": "~0.3.0"
+ }
+}
+
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsadmincss"></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/admin.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/admin.css 2016-07-25 19:51:31 UTC (rev 3719)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/admin.css 2016-07-25 20:59:21 UTC (rev 3720)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,13 +29,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .expl-row-actions {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><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"> .expl-row-actions a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><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"> .expl-row-actions a:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><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"> .expl-row-actions a:nth-child(n+2) {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 8px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 1px solid #ccc;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -44,9 +47,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .status {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><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"> .status.pending {
</span><span class="cx" style="display: block; padding: 0 10px"> color: red;
</span><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"> .status.publish {
</span><span class="cx" style="display: block; padding: 0 10px"> color: green;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,12 +63,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-function .form-table td,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-class .form-table td,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-method .form-table td,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-hook .form-table td {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-function .form-table td p,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-class .form-table td p,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-method .form-table td p,
</span></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 2016-07-25 19:51:31 UTC (rev 3719)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css 2016-07-25 20:59:21 UTC (rev 3720)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -65,6 +65,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote, q {
</span><span class="cx" style="display: block; padding: 0 10px"> quotes: "" "";
</span><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"> blockquote:before, blockquote:after, q:before, q:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -72,9 +73,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> a:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><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"> a:hover, a:active {
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 0;
</span><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"> a img {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -269,9 +272,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .home .devhub-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><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"> .home .devhub-wrap #content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><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"> .home .devhub-wrap .site-header {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -281,33 +286,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text meant only for screen readers */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Clearing */
</span><span class="cx" style="display: block; padding: 0 10px"> /* =Content
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ----------------------------------------------- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ----------------------------------------------- */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* =Media
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ----------------------------------------------- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ----------------------------------------------- */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Make sure embeds and iframes fit their containers */
</span><span class="cx" style="display: block; padding: 0 10px"> /* =Widgets
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ----------------------------------------------- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ----------------------------------------------- */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Make sure select elements fit in widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Search widget */
</span><span class="cx" style="display: block; padding: 0 10px"> /* =Infinite Scroll
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ----------------------------------------------- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ----------------------------------------------- */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Globally hidden elements when Infinite Scroll is supported and in use. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Header area
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Header area
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * section styles
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * section styles
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* = Related
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ----------------------------------------------- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ----------------------------------------------- */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Changelog */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Comments */
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Content
- *
- */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Content
+ *
+ */
</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"> .devhub-wrap *,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap *:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap *:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -315,32 +321,40 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><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"> .devhub-wrap #content, .devhub-wrap #content-area {
</span><span class="cx" style="display: block; padding: 0 10px"> 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap #content .toc-heading, .devhub-wrap #content-area .toc-heading {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: left;
</span><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"> .devhub-wrap #content table, .devhub-wrap #content-area table {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #f0f0f0;
</span><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"> .devhub-wrap #content table th, .devhub-wrap #content-area table th {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #f0f0f0;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f0f0f0;
</span><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"> .devhub-wrap #content table td, .devhub-wrap #content-area table td {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.8em 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #f0f0f0;
</span><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"> .devhub-wrap #content-area,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .inner-wrap {
</span><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"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .page-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1em;
</span><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"> .devhub-wrap .devhub-menu .menu {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -349,17 +363,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 15px;
</span><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"> .devhub-wrap .devhub-menu .menu li {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 20px;
</span><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"> .devhub-wrap .devhub-menu .menu a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><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"> .devhub-wrap a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><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"> .devhub-wrap .site-main h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .site-main h3,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .site-main h4,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -368,6 +386,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #1e1e1e;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5rem;
</span><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"> .devhub-wrap #headline h2 a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</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">@@ -376,6 +395,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: #fff 0px 1px 0px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
</span><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"> .devhub-wrap h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 28px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -384,6 +404,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5rem;
</span><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"> .devhub-wrap h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.2rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -391,6 +412,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 2.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><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"> .devhub-wrap h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -398,6 +420,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 2.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><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"> .devhub-wrap h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.8rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -406,6 +429,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><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"> .devhub-wrap h4 .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.2rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -416,15 +440,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 2.2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 2.2rem;
</span><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"> .devhub-wrap main {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.5rem;
</span><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"> .devhub-wrap a.button,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
</span><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"> .devhub-wrap a.button,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="button"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -447,6 +474,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Corrects inability to style clickable 'input' types in iOS */
</span><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"> .devhub-wrap a.button:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="button"]:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -455,6 +483,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc #bbb #aaa #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f0f0f0;
</span><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"> .devhub-wrap a.button:focus, .devhub-wrap a.button:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button:active,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -469,6 +498,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
</span><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"> .devhub-wrap a.button.shiny-blue,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button.shiny-blue,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="button"].shiny-blue,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -490,6 +520,7 @@
</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="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"> .devhub-wrap a.button.shiny-blue:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button.shiny-blue:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="button"].shiny-blue:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -508,6 +539,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="checkbox"],
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="radio"] {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -515,6 +547,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Addresses excess padding in IE8/9 */
</span><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"> .devhub-wrap input[type="search"] {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: textfield;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Addresses appearance set to searchfield in S5, Chrome */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -523,16 +556,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-box-sizing: content-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><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"> .devhub-wrap input[type="search"]::-webkit-search-decoration {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><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"> .devhub-wrap button::-moz-focus-inner,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input::-moz-focus-inner {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><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"> .devhub-wrap input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="email"],
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="url"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -544,6 +580,7 @@
</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: 3px;
</span><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"> .devhub-wrap input[type="text"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="email"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="url"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -552,6 +589,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap textarea:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><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"> .devhub-wrap textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Removes default vertical scrollbar in IE6/7/8/9 */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -561,10 +599,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Improves readability and alignment in all browsers */
</span><span class="cx" style="display: block; padding: 0 10px"> width: 98%;
</span><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"> .devhub-wrap .screen-reader-text {
</span><span class="cx" style="display: block; padding: 0 10px"> clip: rect(1px, 1px, 1px, 1px);
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute !important;
</span><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"> .devhub-wrap .screen-reader-text:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .screen-reader-text:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .screen-reader-text:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -586,6 +626,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 100000;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Above WP toolbar */
</span><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"> .devhub-wrap .clear:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .clear:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .entry-content:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -601,6 +642,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> content: '';
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><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"> .devhub-wrap .clear:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .entry-content:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .comment-content:after,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -609,26 +651,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .site-footer:after {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><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"> .devhub-wrap .hentry {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .byline,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .updated {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><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"> .devhub-wrap .single .byline,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .group-blog .byline {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><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"> .devhub-wrap .page-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .entry-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .entry-summary {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0 0;
</span><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"> .devhub-wrap .page-links {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .page-content img.wp-smiley,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .entry-content img.wp-smiley,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .comment-content img.wp-smiley {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -637,65 +685,81 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><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"> .devhub-wrap .wp-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><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"> .devhub-wrap .wp-caption img[class*="wp-image-"] {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.2% auto 0;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 98%;
</span><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"> .devhub-wrap .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><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"> .devhub-wrap .wp-caption .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.8075em 0;
</span><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"> .devhub-wrap .site-main .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><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"> .devhub-wrap .site-main .gallery a img {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 90%;
</span><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"> .devhub-wrap .site-main .gallery dd {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><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"> .devhub-wrap embed,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap iframe,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap object {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><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"> .devhub-wrap .widget select {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><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"> .devhub-wrap .widget_search .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><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"> .devhub-wrap .infinite-scroll .paging-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .infinite-scroll.neverending .site-footer {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Theme Footer (when set to scrolling) */
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><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"> .devhub-wrap .infinity-end.neverending .site-footer {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><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"> .devhub-wrap .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> background: none repeat scroll 0 0 #F7F7F7;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #DFDFDF;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 62px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><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"> .devhub-wrap .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><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"> .devhub-wrap .site-branding a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><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"> .devhub-wrap .site-branding .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555555;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -706,16 +770,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 1px 0 #FFFFFF;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><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"> .devhub-wrap .breadcrumbs {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .breadcrumbs .active {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><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"> .devhub-wrap .breadcrumb-trail {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.25em;
</span><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"> .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">@@ -724,11 +792,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><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"> .devhub-wrap h1.entry-title a,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h1.page-title a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><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"> .devhub-wrap h1.single-entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h2.entry-title {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -737,38 +807,47 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 24px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 2.4rem;
</span><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"> .devhub-wrap h1.single-entry-title a,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h2.entry-title a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><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"> .devhub-wrap section {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><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"> .devhub-wrap .home-landing .section {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .color.section {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><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"> .devhub-wrap .section.blue {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #0F3D57;
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.blue .box {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><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"> .devhub-wrap .section.blue .box .widget-description {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em 15%;
</span><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"> .devhub-wrap .section.blue .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 62px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 6.2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 78px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 7.8rem;
</span><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"> .devhub-wrap .section.blue .widget-title .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 84px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 8.4rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -781,26 +860,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 16px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1.6rem;
</span><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"> .devhub-wrap .section.gray {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #797878;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><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"> .devhub-wrap .section.gray h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray h3,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><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"> .devhub-wrap .section.gray .inner-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 760px;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 76rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.2em auto 0;
</span><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"> .devhub-wrap .section.gray .inner-wrap .code-ref-left {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><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"> .devhub-wrap .section.gray .inner-wrap .code-ref-right {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 40%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -808,6 +892,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.1em;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><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"> @media (max-width: 43em) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray .inner-wrap .code-ref-left,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray .inner-wrap .code-ref-right {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -824,6 +909,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 40px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -831,6 +917,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 68px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 6.8rem;
</span><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"> .devhub-wrap .section.gray .widget-title .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 68px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 6.8rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -841,56 +928,69 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 6.8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 6.8rem;
</span><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"> .devhub-wrap .section.gray .widget-description {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 85px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 8.5rem;
</span><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"> .devhub-wrap .section.light-gray {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f2f2f2;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><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"> .devhub-wrap .section.light-gray .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><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"> .devhub-wrap .section.light-gray .widget-title a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #2D96C2;
</span><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"> .devhub-wrap .section.light-gray a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><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"> .devhub-wrap .section .home-primary-content {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 600px;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 60rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><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"> .devhub-wrap .box {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><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"> .devhub-wrap .section.search-section {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><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"> .devhub-wrap .reference-landing .section.search-section {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><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"> .devhub-wrap.single div#inner-search, .devhub-wrap.archive div#inner-search {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #2e6183;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: -1em;
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.single div#inner-search .section.search-section, .devhub-wrap.archive div#inner-search .section.search-section {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #ffffff;
</span><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"> .devhub-wrap.single div#inner-search div#inner-search-icon-container, .devhub-wrap.archive div#inner-search div#inner-search-icon-container {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #2e6183;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #ffffff;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -906,40 +1006,48 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-right-radius: 5px;
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .archive-filter-form {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.5rem;
</span><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"> .devhub-wrap .archive-filter-form input[type="submit"] {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: .5em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.2em 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.5rem;
</span><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"> .devhub-wrap .searchform {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><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"> .devhub-wrap .searchform input[type="text"], .devhub-wrap .searchform input[type="submit"] {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 50px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><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"> .devhub-wrap .searchform input[type="submit"] {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 85px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 8.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><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"> .devhub-wrap .searchform label {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 560px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 56rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -948,12 +1056,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><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"> .devhub-wrap .searchform label .search-field input[type="text"] {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><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"> .devhub-wrap .searchform div {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><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"> .devhub-wrap .searchform .search-post-type label {
</span><span class="cx" style="display: block; padding: 0 10px"> border-right: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -963,49 +1074,60 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 1.3em;
</span><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"> .devhub-wrap .searchform .search-post-type label input {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0.5em;
</span><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"> .devhub-wrap .searchform .search-post-type label:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> border-right-width: 0;
</span><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"> .devhub-wrap .search-results-summary {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><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"> .devhub-wrap .reference-landing .section, .devhub-wrap .search-section {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 700px;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 70rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5em 0;
</span><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"> .devhub-wrap .reference-landing .section h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .section h3,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .section h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #404040;
</span><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"> .devhub-wrap .reference-landing .section h2.widget-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .section h3.widget-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .section h4.widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><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"> .devhub-wrap .reference-landing .section.search-guide {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><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"> .devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><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"> .devhub-wrap .reference-landing .box,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .box {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid #cccccc;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #eeeeee;
</span><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"> .devhub-wrap .reference-landing .box ul,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .box ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 2em;
</span><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"> .devhub-wrap .reference-landing .box .widget-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .box .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 10px 30px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1013,21 +1135,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><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"> .devhub-wrap .reference-landing .box .widget-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .box .widget-content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 16px 30px;
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap #sidebar {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #d0d0d0;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0px 0px 5px #d0d0d0;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #f0f0f0;
</span><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"> .devhub-wrap #sidebar > ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><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"> .devhub-wrap #sidebar > ul li h2.widgettitle {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #d0d0d0;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #8a8989;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1036,15 +1162,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: 2px;
</span><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"> .devhub-wrap #sidebar > ul li .menu > li {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 1em;
</span><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"> .devhub-wrap #sidebar > ul li ul {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 15px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> counter-reset: item;
</span><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"> .devhub-wrap #sidebar > ul li ul li:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: counter(item);
</span><span class="cx" style="display: block; padding: 0 10px"> counter-increment: item;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1059,60 +1188,75 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><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"> .devhub-wrap #sidebar > ul li ul li a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #4b4b4b;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><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"> .devhub-wrap #sidebar > ul li ul li > a {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 225px;
</span><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"> .devhub-wrap #sidebar > ul li ul li ul {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 0 35px;
</span><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"> .devhub-wrap #sidebar > ul li ul li ul li {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 20px;
</span><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"> .devhub-wrap #sidebar > ul li ul li ul li:before {
</span><span class="cx" style="display: block; padding: 0 10px"> content: none;
</span><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"> .devhub-wrap #sidebar > ul li ul li ul li a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: -20px;
</span><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"> .devhub-wrap #sidebar > ul li ul li ul li ul {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 20px;
</span><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"> .devhub-wrap #sidebar .current-menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold !important;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #246998;
</span><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"> .devhub-wrap .menu-item-has-children {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 15px;
</span><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"> .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="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"> .devhub-wrap .three-columns .box {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 31%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.15%;
</span><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"> .devhub-wrap .two-columns .box {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 48%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1% 1% 1% 0;
</span><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"> .devhub-wrap .new-in-guide.two-columns .box {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 43%;
</span><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"> .devhub-wrap .new-in-guide.two-columns .box:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 53%;
</span><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"> .devhub-wrap #sidebar,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .no-bullets,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .widget ul {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1120,45 +1264,55 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><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"> .devhub-wrap .horizontal-list {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><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"> .devhub-wrap .horizontal-list li {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><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"> .devhub-wrap .horizontal-list li a {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0px 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 1px solid #ccc;
</span><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"> .devhub-wrap .horizontal-list li:first-child a {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: none;
</span><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"> .devhub-wrap .view-all-new-in {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .devhub-wrap .box.transparent {
</span><span class="cx" style="display: block; padding: 0 10px"> background: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><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"> .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><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><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"> .devhub-wrap .box.gray {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #d8d8d8;
</span><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"> .devhub-wrap .box.gray .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #666666;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #d8d8d8;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><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"> .devhub-wrap .box .unordered-list {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1168,18 +1322,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 3rem;
</span><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"> .devhub-wrap .widget-description {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><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"> .devhub-wrap .handbook h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 24px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><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"> .devhub-wrap .wp-parser-class, .devhub-wrap .wp-parser-function, .devhub-wrap .wp-parser-hook, .devhub-wrap .wp-parser-method {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #dfdfdf;
</span><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"> .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 24px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 100px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1188,51 +1346,65 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 20px;
</span><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"> .devhub-wrap .wp-parser-class h1 .hook-func, .devhub-wrap .wp-parser-function h1 .hook-func, .devhub-wrap .wp-parser-hook h1 .hook-func, .devhub-wrap .wp-parser-method h1 .hook-func {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #888888;
</span><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"> .devhub-wrap .wp-parser-class h1 .arg-type, .devhub-wrap .wp-parser-function h1 .arg-type, .devhub-wrap .wp-parser-hook h1 .arg-type, .devhub-wrap .wp-parser-method h1 .arg-type {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #cd2f23;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .devhub-wrap .wp-parser-class h1 .arg-name, .devhub-wrap .wp-parser-function h1 .arg-name, .devhub-wrap .wp-parser-hook h1 .arg-name, .devhub-wrap .wp-parser-method h1 .arg-name {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0f55c8;
</span><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"> .devhub-wrap .wp-parser-class h1 .arg-default, .devhub-wrap .wp-parser-function h1 .arg-default, .devhub-wrap .wp-parser-hook h1 .arg-default, .devhub-wrap .wp-parser-method h1 .arg-default {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000000;
</span><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"> .devhub-wrap .wp-parser-class h1 a:hover, .devhub-wrap .wp-parser-function h1 a:hover, .devhub-wrap .wp-parser-hook h1 a:hover, .devhub-wrap .wp-parser-method h1 a:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px dotted #21759b;
</span><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"> .devhub-wrap .wp-parser-class h2, .devhub-wrap .wp-parser-function h2, .devhub-wrap .wp-parser-hook h2, .devhub-wrap .wp-parser-method h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: Georgia, Times, serif;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: .5em;
</span><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"> .devhub-wrap .wp-parser-class .return-type, .devhub-wrap .wp-parser-function .return-type, .devhub-wrap .wp-parser-hook .return-type, .devhub-wrap .wp-parser-method .return-type {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .devhub-wrap .wp-parser-class .parameters p, .devhub-wrap .wp-parser-function .parameters p, .devhub-wrap .wp-parser-hook .parameters p, .devhub-wrap .wp-parser-method .parameters p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><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"> .devhub-wrap .wp-parser-class .parameters dd .desc .type, .devhub-wrap .wp-parser-class .parameters dd .desc .required, .devhub-wrap .wp-parser-function .parameters dd .desc .type, .devhub-wrap .wp-parser-function .parameters dd .desc .required, .devhub-wrap .wp-parser-hook .parameters dd .desc .type, .devhub-wrap .wp-parser-hook .parameters dd .desc .required, .devhub-wrap .wp-parser-method .parameters dd .desc .type, .devhub-wrap .wp-parser-method .parameters dd .desc .required {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .devhub-wrap .wp-parser-class .parameters dd .default, .devhub-wrap .wp-parser-function .parameters dd .default, .devhub-wrap .wp-parser-hook .parameters dd .default, .devhub-wrap .wp-parser-method .parameters dd .default {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .devhub-wrap .wp-parser-class .parameters .param-hash, .devhub-wrap .wp-parser-function .parameters .param-hash, .devhub-wrap .wp-parser-hook .parameters .param-hash, .devhub-wrap .wp-parser-method .parameters .param-hash {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><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"> .devhub-wrap .wp-parser-class .parameters .param-hash li, .devhub-wrap .wp-parser-function .parameters .param-hash li, .devhub-wrap .wp-parser-hook .parameters .param-hash li, .devhub-wrap .wp-parser-method .parameters .param-hash li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1em;
</span><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"> .devhub-wrap .wp-parser-class .learn-more, .devhub-wrap .wp-parser-function .learn-more, .devhub-wrap .wp-parser-hook .learn-more, .devhub-wrap .wp-parser-method .learn-more {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #f1f1f1;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 20px;
</span><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"> .devhub-wrap .wp-parser-class .deprecated,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-class .private-access, .devhub-wrap .wp-parser-function .deprecated,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-function .private-access, .devhub-wrap .wp-parser-hook .deprecated,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1241,6 +1413,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 20px;
</span><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"> .devhub-wrap .wp-parser-class .deprecated p,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-class .private-access p, .devhub-wrap .wp-parser-function .deprecated p,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-function .private-access p, .devhub-wrap .wp-parser-hook .deprecated p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1248,52 +1421,66 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-method .private-access p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0px;
</span><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"> .devhub-wrap .wp-parser-class .deprecated, .devhub-wrap .wp-parser-function .deprecated, .devhub-wrap .wp-parser-hook .deprecated, .devhub-wrap .wp-parser-method .deprecated {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fbeaea;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dc3232;
</span><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"> .devhub-wrap .wp-parser-class .deprecated-method, .devhub-wrap .wp-parser-function .deprecated-method, .devhub-wrap .wp-parser-hook .deprecated-method, .devhub-wrap .wp-parser-method .deprecated-method {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #be2423;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .devhub-wrap .wp-parser-class .private-access, .devhub-wrap .wp-parser-function .private-access, .devhub-wrap .wp-parser-hook .private-access, .devhub-wrap .wp-parser-method .private-access {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ffb900;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff8e5;
</span><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"> .devhub-wrap .wp-parser-class .callout, .devhub-wrap .wp-parser-function .callout, .devhub-wrap .wp-parser-hook .callout, .devhub-wrap .wp-parser-method .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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 300px;
</span><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"> .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 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 6px;
</span><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"> .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 {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0px !important;
</span><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"> .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 {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #d54e21 !important;
</span><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"> .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="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"> .devhub-wrap .callout:before {
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.2em;
</span><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"> .devhub-wrap.archive .wp-parser-class h1, .devhub-wrap.archive .wp-parser-function h1, .devhub-wrap.archive .wp-parser-hook h1, .devhub-wrap.archive .wp-parser-method h1, .devhub-wrap.search .wp-parser-class h1, .devhub-wrap.search .wp-parser-function h1, .devhub-wrap.search .wp-parser-hook h1, .devhub-wrap.search .wp-parser-method h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><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"> .devhub-wrap.archive .wp-parser-class div.sourcefile, .devhub-wrap.archive .wp-parser-function div.sourcefile, .devhub-wrap.archive .wp-parser-hook div.sourcefile, .devhub-wrap.archive .wp-parser-method div.sourcefile, .devhub-wrap.search .wp-parser-class div.sourcefile, .devhub-wrap.search .wp-parser-function div.sourcefile, .devhub-wrap.search .wp-parser-hook div.sourcefile, .devhub-wrap.search .wp-parser-method div.sourcefile {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #999999;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .devhub-wrap .single .wp-parser-class, .devhub-wrap .single .wp-parser-function, .devhub-wrap .single .wp-parser-hook, .devhub-wrap .single .wp-parser-method {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom-style: none;
</span><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"> .devhub-wrap .related ul {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Slightly increase the line height for more readability */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1301,54 +1488,68 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><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"> .devhub-wrap .related .show-more, .devhub-wrap .related .hide-more {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><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"> .devhub-wrap .source-content {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><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"> .devhub-wrap .source-code-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 2em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1em;
</span><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"> .devhub-wrap .source-code-links span {
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 1px solid #999;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 1em;
</span><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"> .devhub-wrap .source-code-links span:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><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"> .devhub-wrap .source-code-container {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: hidden;
</span><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"> .devhub-wrap .show-complete-source, .devhub-wrap .less-complete-source {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><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"> .devhub-wrap table .changelog-version {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 10%;
</span><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"> .devhub-wrap table .changelog-desc {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 90%;
</span><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"> .devhub-wrap .loop-pagination {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 20px;
</span><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"> .devhub-wrap .comment-content a {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: .6;
</span><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"> .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 {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><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"> .devhub-wrap.single-wp-parser-function .comment-list,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.single-wp-parser-function .comment-list ol, .devhub-wrap.single-wp-parser-method .comment-list,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.single-wp-parser-method .comment-list ol, .devhub-wrap.single-wp-parser-hook .comment-list,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1358,6 +1559,7 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.single-wp-parser-function .comment-list li, .devhub-wrap.single-wp-parser-method .comment-list li, .devhub-wrap.single-wp-parser-hook .comment-list li, .devhub-wrap.single-wp-parser-class .comment-list li {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1365,20 +1567,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 2px;
</span><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"> .devhub-wrap.single-wp-parser-function .comment-list li article, .devhub-wrap.single-wp-parser-method .comment-list li article, .devhub-wrap.single-wp-parser-hook .comment-list li article, .devhub-wrap.single-wp-parser-class .comment-list li article {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><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"> .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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1386,18 +1592,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><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"> .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 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><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"> .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 {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1405,6 +1615,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><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"> .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 {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1412,65 +1623,81 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><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"> .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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><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"> .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 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .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 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><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"> .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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="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 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><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"> .devhub-wrap.single-post .comment-list,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.single-post .comment-list ol {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.single-post .comment-list li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em 0 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 1px solid #ddd;
</span><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"> .devhub-wrap.single-post .comment-list p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 0 42px;
</span><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"> .devhub-wrap.single-post .comment-list .alt {
</span><span class="cx" style="display: block; padding: 0 10px"> background: inherit;
</span><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"> .devhub-wrap.single-post .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.65em;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #888;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: -15px;
</span><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"> .devhub-wrap.single-post .comment-author img {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 10px 0 0;
</span><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"> .devhub-wrap.single-post .comments-area {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0 0 0;
</span><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"> .devhub-wrap #content-area.has-sidebar {
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 60em;
</span><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"> .devhub-wrap .has-sidebar main {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 67%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1479,6 +1706,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 12px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 1.2rem;
</span><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"> .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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1487,20 +1715,25 @@
</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="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"> .devhub-wrap .has-sidebar .widget-area .widget {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><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"> .devhub-wrap nav.handbook-navigation .nav-links a {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 49%;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><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"> .devhub-wrap nav.handbook-navigation .nav-links a[rel="prev"] {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><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"> .devhub-wrap nav.handbook-navigation .nav-links a[rel="next"] {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><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"> .devhub-wrap .table-of-contents {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 200px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1510,6 +1743,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><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"> .devhub-wrap .table-of-contents h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 3px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1520,72 +1754,87 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #d0d0d0;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #8a8989;
</span><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"> .devhub-wrap .table-of-contents ul,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .table-of-contents ol {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 10px 20px;
</span><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"> .devhub-wrap .table-of-contents ul ul,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .table-of-contents ul ol,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .table-of-contents ol ul,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .table-of-contents ol ol {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><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"> .devhub-wrap ul.items {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 8px !important;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none !important;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap ul.items li {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 6px !important;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><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"> .devhub-wrap ul.items li ul li,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap ul.items li ul li ul li {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><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"> .devhub-wrap ul.items li a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555 !important;
</span><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"> .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="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .user-note-voting-up .dashicons, .devhub-wrap .user-note-voting-down .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><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"> .devhub-wrap .user-note-voting-up {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: -9px;
</span><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"> .devhub-wrap span.user-note-voting-up,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap span.user-note-voting-down {
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: default;
</span><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"> .devhub-wrap .user-note-voting-count {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: -2px;
</span><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"> .devhub-wrap .user-voted.user-note-voting-up .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> color: green;
</span><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"> .devhub-wrap .user-voted.user-note-voting-down .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> color: red;
</span><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"> .devhub-wrap .syntaxhighlighter {
</span><span class="cx" style="display: block; padding: 0 10px"> /* These are !important due to use of !important in SyntaxHighlighter Evolved plugin. */
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit !important;
</span><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"> .devhub-wrap.archive .hentry, .devhub-wrap.blog .hentry {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 1.5em 0;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (max-width: 60em) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (max-width: 59.999999em) {
</ins><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 class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1611,6 +1860,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (min-width: 43em) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.archive .meta, .devhub-wrap.search .meta {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1619,6 +1869,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 43em) {
</span><span class="cx" style="display: block; padding: 0 10px"> #content-area.has-sidebar main {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1638,7 +1889,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #content-area.has-sidebar .widget-area .widget {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</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"> .devhub-wrap .three-columns .box,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .box,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .home-primary-content,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1688,6 +1938,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 99%;
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 32em) {
</span><span class="cx" style="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 {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1700,11 +1951,11 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 22em) {
</span><span class="cx" style="display: block; padding: 0 10px"> ul, ol {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.2em;
</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"> .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 2rem;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetspagedashiconscss"></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/page-dashicons.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/page-dashicons.css 2016-07-25 19:51:31 UTC (rev 3719)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css 2016-07-25 20:59:21 UTC (rev 3720)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,12 +6,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .dashicons-page {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 !important;
</span><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"> .dashicons-page * {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><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"> .dashicons-page .details {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><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"> .dashicons-page .icon-filter {
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,6 +22,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 2.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 50%;
</span><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"> .dashicons-page .icon-filter #search {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ccc;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -27,58 +31,71 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.8);
</span><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"> .dashicons-page .icon-filter #search:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><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"> .dashicons-page .entry-content {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5em 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 50%;
</span><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"> .dashicons-page #glyph {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5em 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 50%;
</span><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"> .dashicons-page #glyph .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 240px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 240px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 240px;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><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"> .dashicons-page #glyph .info {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 50px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 35%;
</span><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"> .dashicons-page #glyph span {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><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"> .dashicons-page #glyph span a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><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"> .dashicons-page #glyph .name {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: .9em;
</span><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"> .dashicons-page h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 1px solid lightgrey;
</span><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"> .dashicons-page h4:first-of-type {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: none;
</span><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"> .searching .dashicons-page h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><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"> .dashicons-page #iconlist {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.5em;
</span><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"> .dashicons-page #iconlist .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -91,9 +108,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><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"> .dashicons-page #iconlist .dashicons:before {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 40px;
</span><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"> .dashicons-page #iconlist .dashicons:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: attr(alt);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -101,21 +120,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #999;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><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"> .dashicons-page #iconlist .dashicons:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #d54e21;
</span><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"> .dashicons-page #instructions {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 1px solid lightgrey;
</span><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"> .dashicons-page #instructions h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0 0.75em;
</span><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"> .dashicons-page #instructions h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: none;
</span><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"> .dashicons-page .code {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font: 14px/1.5 monospace;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -126,6 +150,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 180px;
</span><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"> @media (max-width: 900px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .dashicons-page .icon-filter {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -170,8 +195,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 400px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .dashicons-page #glyph, .dashicons-page .entry-content, .dashicons-page .icon-filter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .dashicons-page #glyph,
+ .dashicons-page .entry-content,
+ .dashicons-page .icon-filter {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsresetcss"></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/reset.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/reset.css 2016-07-25 19:51:31 UTC (rev 3719)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/reset.css 2016-07-25 20:59:21 UTC (rev 3720)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -65,6 +65,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote, q {
</span><span class="cx" style="display: block; padding: 0 10px"> quotes: "" "";
</span><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"> blockquote:before, blockquote:after, q:before, q:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -72,9 +73,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> a:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><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"> a:hover, a:active {
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 0;
</span><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"> a img {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>