<!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>[3345] sites/trunk/wordpress.org/public_html/wp-content: Plugin Directory: Updated styles for upload form.</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/3345">3345</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/3345","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>obenland</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2016-06-14 06:58:07 +0000 (Tue, 14 Jun 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'>Plugin Directory: Updated styles for upload form.
See <a href="http://meta.trac.wordpress.org/ticket/1573">#1573</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginsplugindirectoryshortcodesclassuploadphp">sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-upload.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasselements_elementsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/elements/_elements.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassforms_buttonsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassforms_fieldsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssite_sitescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassvariablessite_colorsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_colors.scss</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pagescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_page.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_uploadformscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_upload-form.scss</a></li>
</ul>
<h3>Removed Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_asidesscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_asides.scss</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginsplugindirectoryshortcodesclassuploadphp"></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/plugins/plugin-directory/shortcodes/class-upload.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-upload.php 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-upload.php 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,23 +41,41 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <form id="upload_form" enctype="multipart/form-data" method="POST" action="">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <form id="upload_form" class="plugin-upload-form" enctype="multipart/form-data" method="POST" action="">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php wp_nonce_field( 'wporg-plugins-upload' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <input type="hidden" name="action" value="upload"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <fieldset>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <legend><?php _e( 'Plugin Categories (up to 3)', 'wporg-plugins' ); ?></legend>
- <ul class="category-checklist form-no-clear">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <legend><?php _e( 'Select categories (up to 3)', 'wporg-plugins' ); ?></legend>
+ <ul class="category-checklist">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php wp_terms_checklist( 0, array( 'taxonomy' => 'plugin_category' ) ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </ul>
</span><span class="cx" style="display: block; padding: 0 10px"> </fieldset>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <input type="file" id="zip_file" name="zip_file" size="25"/>
- <input id="upload_button" class="button" type="submit" value="<?php esc_attr_e( 'Upload', 'wporg-plugins' ); ?>"/>
</del><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <input type="file" id="zip_file" class="plugin-file" name="zip_file" size="25" accept=".zip"/>
+ <label class="button button-secondary" for="zip_file"><?php _e( 'Select File', 'wporg-plugins' ); ?></label>
+
+ <input id="upload_button" class="button button-primary" type="submit" value="<?php esc_attr_e( 'Upload', 'wporg-plugins' ); ?>"/>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <p>
</span><span class="cx" style="display: block; padding: 0 10px"> <small><?php printf( __( 'Maximum allowed file size: %s', 'wporg-plugins' ), esc_html( self::get_max_allowed_file_size() ) ); ?></small>
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> </form>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <script>
+ ( function ( $ ) {
+ var $label = $( 'label.button' ),
+ labelText = $label.text();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $( '#zip_file' )
+ .on( 'change', function( event ) {
+ var fileName = event.target.value.split( '\\' ).pop();
+
+ fileName ? $label.text( fileName ) : $label.text( labelText );
+ } )
+ .on( 'focus', function() { $label.addClass( 'focus' ); } )
+ .on( 'blur', function() { $label.removeClass( 'focus' ); } );
+ } ( window.jQuery ) );
+ </script>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php else : ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php printf( __( 'Before you can upload a new plugin, <a href="%s">please log in</a>.', 'wporg-plugins' ), esc_url( 'https://login.wordpress.org/' ) ); ?></p>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylecss"></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-plugins/css/style.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-plugins/css/style.css 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -238,7 +238,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1, h2, h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, h4, h5, h6 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1, h2, h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1, h4, h5, .page h2, h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2rem 0 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -265,7 +265,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</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">-h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h3, .plugin-section .section-title, .site-main .page-title, .single .type-plugin .plugin-header .plugin-title, .page h1 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.5625rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -280,7 +280,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h5 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h5, .page h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -396,8 +396,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 1px;
- margin-bottom: 1.5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 2px;
+ margin: 5rem auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ul, ol {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -499,8 +499,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* ----------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> 1.0 - Button Layouts
</span><span class="cx" style="display: block; padding: 0 10px"> ---------------------------------------------------------------------------- */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button, .plugin-upload-form .button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-primary,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-secondary {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -526,15 +527,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button.button-large,
-.button-group.button-large .button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.button-large, .plugin-upload-form .button-large.button-primary,
+.button-group.button-large .button,
+.button-group.button-large .plugin-upload-form .button-primary, .plugin-upload-form
+.button-group.button-large .button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 1.953125rem;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 1rem;
</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">-.button.button-small,
-.button-group.button-small .button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.button-small, .plugin-upload-form .button-small.button-primary,
+.button-group.button-small .button,
+.button-group.button-small .plugin-upload-form .button-primary, .plugin-upload-form
+.button-group.button-small .button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 10.24px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.64rem;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 1.25rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -542,34 +547,48 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 .5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-a.button, .single .type-plugin .entry-content .button.section-toggle,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+a.button, .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content .plugin-upload-form .section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content .section-toggle.button-primary, .plugin-upload-form a.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> a.button-primary,
</span><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .button-primary.section-toggle,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form a.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> a.button-secondary,
</span><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .button-secondary.section-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5625rem;
</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">-a.button.button-large, .single .type-plugin .entry-content .button.button-large.section-toggle,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+a.button.button-large, .single .type-plugin .entry-content .button.button-large.section-toggle, .single .type-plugin .entry-content .plugin-upload-form .button-large.section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content .button-large.section-toggle.button-primary, .plugin-upload-form a.button-large.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-group.button-large a.button,
</span><span class="cx" style="display: block; padding: 0 10px"> .button-group.button-large .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button-group.button-large .button.section-toggle {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group.button-large .button.section-toggle,
+.button-group.button-large .single .type-plugin .entry-content .plugin-upload-form .section-toggle.button-primary, .single .type-plugin .entry-content .plugin-upload-form
+.button-group.button-large .section-toggle.button-primary,
+.button-group.button-large .plugin-upload-form .single .type-plugin .entry-content .section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content
+.button-group.button-large .section-toggle.button-primary,
+.button-group.button-large .plugin-upload-form a.button-primary, .plugin-upload-form
+.button-group.button-large a.button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.953125rem;
</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">-a.button.button-small, .single .type-plugin .entry-content .button.button-small.section-toggle,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+a.button.button-small, .single .type-plugin .entry-content .button.button-small.section-toggle, .single .type-plugin .entry-content .plugin-upload-form .button-small.section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content .button-small.section-toggle.button-primary, .plugin-upload-form a.button-small.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-group.button-small a.button,
</span><span class="cx" style="display: block; padding: 0 10px"> .button-group.button-small .single .type-plugin .entry-content .button.section-toggle, .single .type-plugin .entry-content
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button-group.button-small .button.section-toggle {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group.button-small .button.section-toggle,
+.button-group.button-small .single .type-plugin .entry-content .plugin-upload-form .section-toggle.button-primary, .single .type-plugin .entry-content .plugin-upload-form
+.button-group.button-small .section-toggle.button-primary,
+.button-group.button-small .plugin-upload-form .single .type-plugin .entry-content .section-toggle.button-primary, .plugin-upload-form .single .type-plugin .entry-content
+.button-group.button-small .section-toggle.button-primary,
+.button-group.button-small .plugin-upload-form a.button-primary, .plugin-upload-form
+.button-group.button-small a.button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25rem;
</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">-.button:active,
-.button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button:active, .plugin-upload-form .button-primary:active,
+.button:focus,
+.plugin-upload-form .button-primary:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</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">-.button.hidden {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.hidden, .plugin-upload-form .hidden.button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -588,8 +607,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* ----------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> 2.0 - Default Button Style
</span><span class="cx" style="display: block; padding: 0 10px"> ---------------------------------------------------------------------------- */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button, .plugin-upload-form .button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button:visited,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .button-primary:visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-secondary {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f7f7f7;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #cccccc;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -598,32 +618,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</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">-p .button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p .button, p .plugin-upload-form .button-primary, .plugin-upload-form p .button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</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">-.button.hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.hover, .plugin-upload-form .hover.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button:hover,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .button-primary:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-secondary:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .button.focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .focus.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .button-primary:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-secondary:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fafafa;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #999;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #23282d;
</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">-.button.focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.focus, .plugin-upload-form .focus.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .button-primary:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-secondary:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .button-link:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button.active,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.active, .plugin-upload-form .active.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button.active:hover,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .active.button-primary:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .button-primary:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-secondary:active {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #999;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -631,14 +657,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateY(1px);
</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">-.button.active:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button.active:focus, .plugin-upload-form .active.button-primary:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button[disabled],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button[disabled], .plugin-upload-form [disabled].button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button:disabled,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .button-primary:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button.disabled,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .disabled.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button-secondary[disabled],
</span><span class="cx" style="display: block; padding: 0 10px"> .button-secondary:disabled,
</span><span class="cx" style="display: block; padding: 0 10px"> .button-secondary.disabled,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -671,7 +699,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* ----------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> 3.0 - Primary Button Style
</span><span class="cx" style="display: block; padding: 0 10px"> ---------------------------------------------------------------------------- */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button-primary,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-primary, .plugin-upload-form .button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .download-button {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #0085ba;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #0073aa #006799 #006799;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -681,7 +709,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
</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">-.button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-primary.hover, .button-primary:hover, .plugin-upload-form .button-primary:hover, .button-primary.focus, .button-primary:focus, .plugin-upload-form .button-primary:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .download-button.hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .download-button:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .download-button.focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -692,7 +720,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button-primary.focus, .button-primary:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-primary.focus, .button-primary:focus, .plugin-upload-form .button-primary:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .download-button.focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .download-button:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -721,16 +749,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
</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">-.button-primary.button.button-hero,
-.download-button.button.button-hero {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-primary.button.button-hero, .plugin-upload-form .button-hero.button-primary,
+.download-button.button.button-hero,
+.plugin-upload-form .download-button.button-hero.button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 2px 0 #006799;
</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">-.button-primary.button.button-hero.active, .button-primary.button.button-hero.active:hover, .button-primary.button.button-hero.active:focus, .button-primary.button.button-hero:active,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-primary.button.button-hero.active, .plugin-upload-form .button-hero.active.button-primary, .button-primary.button.button-hero.active:hover, .plugin-upload-form .button-hero.active.button-primary:hover, .button-primary.button.button-hero.active:focus, .plugin-upload-form .button-hero.active.button-primary:focus, .button-primary.button.button-hero:active, .plugin-upload-form .button-hero.button-primary:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .download-button.button.button-hero.active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .download-button.button-hero.active.button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .download-button.button.button-hero.active:hover,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .download-button.button-hero.active.button-primary:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .download-button.button.button-hero.active:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.download-button.button.button-hero:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .download-button.button-hero.active.button-primary:focus,
+.download-button.button.button-hero:active,
+.plugin-upload-form .download-button.button-hero.button-primary:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: inset 0 3px 0 #006799;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -754,30 +787,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: nowrap;
</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">-.button-group > .button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group > .button, .plugin-upload-form .button-group > .button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</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">-.button-group > .button-primary {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group > .button-primary, .plugin-upload-form .button-group > .button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 100;
</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">-.button-group > .button:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group > .button:hover, .plugin-upload-form .button-group > .button-primary:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 20;
</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">-.button-group > .button:first-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group > .button:first-child, .plugin-upload-form .button-group > .button-primary:first-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px 0 0 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button-group > .button:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group > .button:last-child, .plugin-upload-form .button-group > .button-primary:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0 3px 3px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button-group > .button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button-group > .button:focus, .plugin-upload-form .button-group > .button-primary:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -786,13 +819,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 5.0 - Responsive Button Styles
</span><span class="cx" style="display: block; padding: 0 10px"> ---------------------------------------------------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 48em) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .button,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .button, .plugin-upload-form .button-primary,
</ins><span class="cx" style="display: block; padding: 0 10px"> .button.button-large,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .button.button-small,
- input#publish,
- input#save-post,
- a.preview,
- .single .type-plugin .entry-content .preview.section-toggle {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .plugin-upload-form .button-large.button-primary,
+ .button.button-smallw,
+ .plugin-upload-form .button-smallw.button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: normal;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -800,105 +831,322 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 6px 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</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-upload .button {
- font-size: 13px;
- line-height: 22px;
- padding: 0 10px 1px;
- height: 24px;
- }
- .media-frame.mode-grid .bulk-select .button {
- margin-bottom: 0;
- }
- /* Publish Metabox Options */
- .save-post-status.button {
- margin: 0 14px 0 10px;
- /* 14px right margin to match all other buttons */
- position: relative;
- }
- /* Reset responsive styles in Press This, Customizer */
- .wp-customizer .button {
- font-size: 13px;
- height: 28px;
- line-height: 26px;
- margin: 0;
- padding: 0 10px 1px;
- vertical-align: inherit;
- }
- /* Reset responsive styles on Log in button on iframed login form */
- .interim-login .button.button-large {
- height: 30px;
- line-height: 28px;
- padding: 0 12px 2px;
- }
</del><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">+/* Include margin and padding in the width calculation of input and textarea. */
+input,
+textarea {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="text"],
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="password"],
+input[type="checkbox"],
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="email"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="month"],
+input[type="number"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="password"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="search"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="number"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="radio"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="tel"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"],
-input[type="date"],
-input[type="month"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="text"],
+input[type="time"],
+input[type="url"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="week"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+select,
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #666;
- border: 1px solid #ccc;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-appearance: none;
+ border: 1px solid #ddd;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+ background-color: #fff;
+ color: #32373c;
+ -webkit-transition: 0.05s border-color ease-in-out;
+ transition: 0.05s border-color ease-in-out;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="password"]:focus,
+input[type="checkbox"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="email"]:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="url"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="month"]:focus,
+input[type="number"]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="password"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="search"]:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="number"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="radio"]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="tel"]:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus,
+select:focus,
+textarea:focus {
+ color: #111;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="color"]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="date"]:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="month"]:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="week"]:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="color"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="checkbox"]:focus,
+input[type="radio"]:focus,
+select:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+ box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
</ins><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">-select {
- border: 1px solid #ccc;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
+input[type="email"],
+input[type="url"] {
+ direction: ltr;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="email"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="password"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="range"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"] {
- -webkit-appearance: none;
- padding: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="number"] {
+ padding: 6px 10px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Vertically align the number selector with the input. */
+input[type="number"] {
+ height: 40px;
+ line-height: inherit;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ border: 1px solid #b4b9be;
+ background: #fff;
+ color: #555;
+ clear: none;
+ cursor: pointer;
+ display: inline-block;
+ line-height: 0;
+ margin: -4px 4px 0 0;
+ padding: 0 !important;
+ text-align: center;
+ vertical-align: middle;
+ min-width: 16px;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ -webkit-transition: .05s border-color ease-in-out;
+ transition: .05s border-color ease-in-out;
+ height: 25px;
+ width: 25px;
+}
+
+input[type="checkbox"] {
+ padding: 10px;
+}
+
+input[type="radio"] {
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ margin-right: 4px;
+ line-height: 10px;
+}
+
+input[type="checkbox"]:checked:before,
+input[type="radio"]:checked:before {
+ float: left;
+ display: inline-block;
+ vertical-align: middle;
+ width: 16px;
+ font: normal 21px/1 dashicons;
+ speak: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+input[type="checkbox"]:checked:before {
+ content: "\f147";
+ color: #1e8cbe;
+ font: normal 30px/1 dashicons;
+ margin: -3px -5px;
+}
+
+input[type="radio"]:checked:before {
+ content: "\2022";
+ text-indent: -9999px;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+ font-size: 24px;
+ width: 9px;
+ height: 9px;
+ margin: 7px;
+ line-height: 16px;
+ background-color: #1e8cbe;
+ vertical-align: middle;
+}
+
+@-moz-document url-prefix() {
+ input[type="checkbox"],
+ input[type="radio"],
+ .form-table input.tog {
+ margin-bottom: -1px;
+ }
+}
+
+/* Search */
+input[type="search"] {
+ -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
+.ie8 input[type="password"] {
+ font-family: sans-serif;
+}
+
+textarea,
+input,
+select,
+button {
+ font-family: inherit;
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+textarea,
+input,
+select {
+ font-size: 16px;
+ padding: 3px 5px;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ /* Reset mobile webkit's default element styling */
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 3px;
- width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ overflow: auto;
+ padding: 2px 6px;
+ line-height: 1.4;
+ resize: vertical;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="file"] {
+ padding: 3px 0;
+}
+
+label {
+ cursor: pointer;
+}
+
+input.readonly,
+input[readonly],
+textarea.readonly,
+textarea[readonly] {
+ background-color: #eee;
+}
+
+:-moz-placeholder {
+ color: #a9a9a9;
+}
+
+input:disabled,
+input.disabled,
+select:disabled,
+select.disabled,
+textarea:disabled,
+textarea.disabled {
+ background: rgba(255, 255, 255, 0.5);
+ border-color: rgba(222, 222, 222, 0.75);
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+ color: rgba(51, 51, 51, 0.5);
+}
+
+input[type="file"]:disabled,
+input[type="file"].disabled,
+input[type="range"]:disabled,
+input[type="range"].disabled {
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+input[type="checkbox"]:disabled,
+input[type="checkbox"].disabled,
+input[type="radio"]:disabled,
+input[type="radio"].disabled,
+input[type="checkbox"]:disabled:checked:before,
+input[type="checkbox"].disabled:checked:before,
+input[type="radio"]:disabled:checked:before,
+input[type="radio"].disabled:checked:before {
+ opacity: 0.7;
+}
+
+label,
+fieldset label {
+ vertical-align: middle;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+@media screen and (min-width: 48em) {
+ /* Input Elements */
+ input[type="text"],
+ input[type="email"],
+ input[type="search"],
+ input[type="password"],
+ input[type="number"] {
+ padding: 0;
+ }
+ input[type="number"] {
+ height: 28px;
+ }
+ input[type="checkbox"] {
+ padding: 0;
+ }
+ input[type="checkbox"]:checked:before {
+ font: normal 21px/1 dashicons;
+ margin: -3px 0 0 -4px;
+ }
+ input[type="radio"],
+ input[type="checkbox"] {
+ height: 16px;
+ width: 16px;
+ }
+ input[type="radio"]:checked:before {
+ width: 6px;
+ height: 6px;
+ margin: 4px;
+ }
+ textarea,
+ input,
+ select {
+ font-size: 14px;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> # Navigation
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -925,10 +1173,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-p a:not(.button), p .single .type-plugin .entry-content .section-toggle:not(.button), .single .type-plugin .entry-content p .section-toggle:not(.button),
-p a:not(.button):hover,
-p .single .type-plugin .entry-content .section-toggle:not(.button):hover, .single .type-plugin .entry-content
-p .section-toggle:not(.button):hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p a:not(.button):not(.plugin-upload-form .button-primary), p .single .type-plugin .entry-content .section-toggle:not(.button):not(.plugin-upload-form .button-primary), .single .type-plugin .entry-content p .section-toggle:not(.button):not(.plugin-upload-form .button-primary),
+p a:not(.button):not(.plugin-upload-form .button-primary):hover,
+p .single .type-plugin .entry-content .section-toggle:not(.button):not(.plugin-upload-form .button-primary):hover, .single .type-plugin .entry-content
+p .section-toggle:not(.button):not(.plugin-upload-form .button-primary):hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1137,10 +1385,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> # Clearings
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.clear:before, .single .type-plugin:before, .single .type-plugin .plugin-header:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.clear:before, .single .type-plugin:before, .single .type-plugin .plugin-header:before, .plugin-upload-form .category-checklist:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .clear:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .plugin-header:after,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form .category-checklist:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-content:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1156,7 +1405,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> table-layout: fixed;
</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">-.clear:after, .single .type-plugin:after, .single .type-plugin .plugin-header:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.clear:after, .single .type-plugin:after, .single .type-plugin .plugin-header:after, .plugin-upload-form .category-checklist:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-content:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header:after,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1326,7 +1575,7 @@
</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><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#wporg-header .button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#wporg-header .button, #wporg-header .plugin-upload-form .button-primary, .plugin-upload-form #wporg-header .button-primary {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1886,13 +2135,73 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-## Asides
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+## Pages
</ins><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.blog .format-aside .entry-title,
-.archive .format-aside .entry-title {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.page .type-page {
+ margin: 0 auto;
+ max-width: 35.527136788rem;
+ padding: 0 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.page hr {
+ margin-left: -6.5rem;
+ margin-right: -6.5rem;
+}
+
+.plugin-upload-form fieldset {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+
+.plugin-upload-form legend {
+ margin: 1rem 0;
+}
+
+.plugin-upload-form .category-checklist {
+ list-style-type: none;
+ margin: 0 0 2rem;
+}
+
+.plugin-upload-form .category-checklist li {
+ float: left;
+ padding: 0.5rem 0;
+ width: 50%;
+}
+
+@media screen and (min-width: 48em) {
+ .plugin-upload-form .category-checklist li {
+ padding: 0;
+ }
+ .plugin-upload-form .category-checklist label {
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ }
+}
+
+@media screen and (min-width: 48em) {
+ .plugin-upload-form label.button, .plugin-upload-form label.button-primary {
+ line-height: 1.8;
+ }
+ .plugin-upload-form .button-primary {
+ font-size: 14px;
+ height: auto;
+ line-height: normal;
+ margin-bottom: 4px;
+ padding: 6px 14px;
+ vertical-align: middle;
+ }
+}
+
+.plugin-upload-form .plugin-file {
+ width: 0.1px;
+ height: 0.1px;
+ opacity: 0;
+ overflow: hidden;
+ position: absolute;
+ z-index: -1;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Comments
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasselements_elementsscss"></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-plugins/sass/elements/_elements.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/elements/_elements.scss 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/elements/_elements.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,8 +26,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__background-hr;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 1px;
- margin-bottom: 1.5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 2px;
+ margin: 5rem auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @import "lists";
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassforms_buttonsscss"></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-plugins/sass/forms/_buttons.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -326,10 +326,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button,
</span><span class="cx" style="display: block; padding: 0 10px"> .button.button-large,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .button.button-small,
- input#publish,
- input#save-post,
- a.preview {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .button.button-smallw {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: normal;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -337,40 +334,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 6px 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</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-upload .button {
- font-size: 13px;
- line-height: 22px;
- padding: 0 10px 1px;
- height: 24px;
- }
-
- .media-frame.mode-grid .bulk-select .button {
- margin-bottom: 0;
- }
-
- /* Publish Metabox Options */
- .save-post-status.button {
- margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
- position: relative;
- }
-
- /* Reset responsive styles in Press This, Customizer */
-
- .wp-customizer .button {
- font-size: 13px;
- height: 28px;
- line-height: 26px;
- margin: 0;
- padding: 0 10px 1px;
- vertical-align: inherit;
- }
-
- /* Reset responsive styles on Log in button on iframed login form */
-
- .interim-login .button.button-large {
- height: 30px;
- line-height: 28px;
- padding: 0 12px 2px;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassforms_fieldsscss"></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-plugins/sass/forms/_fields.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,53 +1,303 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @import "../variables-site/variables-site";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Include margin and padding in the width calculation of input and textarea. */
+input,
+textarea {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="text"],
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="password"],
+input[type="checkbox"],
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="email"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="month"],
+input[type="number"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="password"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="search"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="number"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="radio"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="tel"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"],
-input[type="date"],
-input[type="month"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="text"],
+input[type="time"],
+input[type="url"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="week"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+select,
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-appearance: none;
+ border: 1px solid $color__border-input;
+ -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
+ box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
+ background-color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-input;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 1px solid $color__border-input;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-transition: 0.05s border-color ease-in-out;
+ transition: 0.05s border-color ease-in-out;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-input-focus;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-select {
- border: 1px solid $color__border-input;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus,
+input[type="checkbox"]:focus,
+input[type="radio"]:focus,
+select:focus,
+textarea:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+ box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
+input[type="email"],
+input[type="url"] {
+ direction: ltr;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="email"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="password"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="range"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"] {
- -webkit-appearance: none;
- padding: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="number"] {
+ padding: 6px 10px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Vertically align the number selector with the input. */
+input[type="number"] {
+ height: 40px;
+ line-height: inherit;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ border: 1px solid #b4b9be;
+ background: #fff;
+ color: #555;
+ clear: none;
+ cursor: pointer;
+ display: inline-block;
+ line-height: 0;
+ margin: -4px 4px 0 0;
+ padding: 0 !important;
+ text-align: center;
+ vertical-align: middle;
+ min-width: 16px;
+ -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
+ box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
+ -webkit-transition: .05s border-color ease-in-out;
+ transition: .05s border-color ease-in-out;
+ height: 25px;
+ width: 25px;
+}
+
+input[type="checkbox"] {
+ padding: 10px;
+}
+
+input[type="radio"] {
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ margin-right: 4px;
+ line-height: 10px;
+}
+
+input[type="checkbox"]:checked:before,
+input[type="radio"]:checked:before {
+ float: left;
+ display: inline-block;
+ vertical-align: middle;
+ width: 16px;
+ font: normal 21px/1 dashicons;
+ speak: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+input[type="checkbox"]:checked:before {
+ content: "\f147";
+ color: #1e8cbe;
+ font: normal 30px/1 dashicons;
+ margin: -3px -5px;
+}
+
+input[type="radio"]:checked:before {
+ content: "\2022";
+ text-indent: -9999px;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+ font-size: 24px;
+ width: 9px;
+ height: 9px;
+ margin: 7px;
+ line-height: 16px;
+ background-color: #1e8cbe;
+ vertical-align: middle;
+}
+
+@-moz-document url-prefix() {
+ input[type="checkbox"],
+ input[type="radio"],
+ .form-table input.tog {
+ margin-bottom: -1px;
+ }
+}
+
+/* Search */
+input[type="search"] {
+ -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
+.ie8 input[type="password"] {
+ font-family: sans-serif;
+}
+
+textarea,
+input,
+select,
+button {
+ font-family: inherit;
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+textarea,
+input,
+select {
+ font-size: 16px;
+ padding: 3px 5px;
+ -webkit-border-radius: 0;
+ border-radius: 0; /* Reset mobile webkit's default element styling */
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 3px;
- width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ overflow: auto;
+ padding: 2px 6px;
+ line-height: 1.4;
+ resize: vertical;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+input[type="file"] {
+ padding: 3px 0;
+}
+
+label {
+ cursor: pointer;
+}
+
+input.readonly,
+input[readonly],
+textarea.readonly,
+textarea[readonly] {
+ background-color: #eee;
+}
+
+:-moz-placeholder {
+ color: #a9a9a9;
+}
+
+input:disabled,
+input.disabled,
+select:disabled,
+select.disabled,
+textarea:disabled,
+textarea.disabled {
+ background: rgba( 255, 255, 255, 0.5 );
+ border-color: rgba( 222, 222, 222, 0.75 );
+ -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
+ box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
+ color: rgba( 51, 51, 51, 0.5 );
+}
+
+input[type="file"]:disabled,
+input[type="file"].disabled,
+input[type="range"]:disabled,
+input[type="range"].disabled {
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+input[type="checkbox"]:disabled,
+input[type="checkbox"].disabled,
+input[type="radio"]:disabled,
+input[type="radio"].disabled,
+input[type="checkbox"]:disabled:checked:before,
+input[type="checkbox"].disabled:checked:before,
+input[type="radio"]:disabled:checked:before,
+input[type="radio"].disabled:checked:before {
+ opacity: 0.7;
+}
+
+label,
+fieldset label {
+ vertical-align: middle;
+}
+
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media screen and ( min-width: 48em ) {
+ /* Input Elements */
+ input[type="text"],
+ input[type="email"],
+ input[type="search"],
+ input[type="password"],
+ input[type="number"] {
+ padding: 0;
+ }
+
+ input[type="number"] {
+ height: 28px;
+ }
+
+ input[type="checkbox"] {
+ padding: 0;
+ }
+
+ input[type="checkbox"]:checked:before {
+ font: normal 21px/1 dashicons;
+ margin: -3px 0 0 -4px;
+ }
+
+ input[type="radio"],
+ input[type="checkbox"] {
+ height: 16px;
+ width: 16px;
+ }
+
+ input[type="radio"]:checked:before {
+ width: 6px;
+ height: 6px;
+ margin: 4px;
+ }
+
+ textarea,
+ input,
+ select {
+ font-size: 14px;
+ }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssite_sitescss"></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-plugins/sass/site/_site.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,9 +21,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @import "primary/404";
</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">-## Asides
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+## Pages
</ins><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@import "primary/asides";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "primary/page";
+@import "primary/upload-form";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Comments
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_asidesscss"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_asides.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_asides.scss 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_asides.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.blog .format-aside .entry-title,
-.archive .format-aside .entry-title {
- display: none;
-}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pagescss"></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-plugins/sass/site/primary/_page.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_page.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_page.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "../../variables-site/variables-site";
+
+.page {
+ .type-page {
+ margin: 0 auto;
+ max-width: ms(32);
+ padding: 0 2rem;
+ }
+
+ h1 {
+ @extend h3;
+ }
+
+ h2 {
+ @extend h5;
+ }
+
+ hr {
+ margin-left: -6.5rem;
+ margin-right: -6.5rem;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_uploadformscss"></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-plugins/sass/site/primary/_upload-form.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_upload-form.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_upload-form.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,69 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-upload-form {
+ fieldset {
+ border: none;
+ margin: 0;
+ padding: 0;
+ }
+
+ legend {
+ margin: 1rem 0;
+ }
+
+ .category-checklist {
+ @extend .clear;
+ list-style-type: none;
+ margin: 0 0 2rem;
+
+ li {
+ float: left;
+ padding: 0.5rem 0;
+ width: 50%;
+ }
+
+ @media screen and ( min-width: 48em ) {
+ li {
+ padding: 0;
+ }
+
+ label {
+ @include font-size( ms-unitless( ms(-2) ) );
+ }
+ }
+ }
+
+ @media screen and ( min-width: 48em ) {
+ label.button {
+ line-height: 1.8;
+ }
+
+ .button-primary {
+ font-size: 14px;
+ height: auto;
+ line-height: normal;
+ margin-bottom: 4px;
+ padding: 6px 14px;
+ vertical-align: middle;
+ }
+ }
+
+ .plugin-file {
+ width: 0.1px;
+ height: 0.1px;
+ opacity: 0;
+ overflow: hidden;
+ position: absolute;
+ z-index: -1;
+ }
+
+ .button-primary {
+ @extend .button;
+ @extend .button-primary;
+
+ &:hover {
+ @extend .button-primary:hover;
+ }
+ &:focus {
+ @extend .button-primary:focus;
+ }
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassvariablessite_colorsscss"></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-plugins/sass/variables-site/_colors.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_colors.scss 2016-06-14 03:54:06 UTC (rev 3344)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_colors.scss 2016-06-14 06:58:07 UTC (rev 3345)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,7 +6,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $color__background-ins: #fff9c0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $color__text-screen: #21759b;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$color__text-input: #666;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$color__text-input: #32373c;
</ins><span class="cx" style="display: block; padding: 0 10px"> $color__text-input-focus: #111;
</span><span class="cx" style="display: block; padding: 0 10px"> $color__link: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> $color__link-visited: #4ca6cf;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,7 +16,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $color__border-button: #ccc #ccc #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> $color__border-button-hover: #ccc #bbb #aaa;
</span><span class="cx" style="display: block; padding: 0 10px"> $color__border-button-focus: #aaa #bbb #bbb;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$color__border-input: #ccc;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$color__border-input: #ddd;
</ins><span class="cx" style="display: block; padding: 0 10px"> $color__border-abbr: #666;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre>
</div>
</div>
</body>
</html>