WordPress Landing ver1.0

hw5-wordpress/shadrin14323/app/public/.htaccess

@@ -0,0 +1,16 @@
+
+# BEGIN WordPress
+# The directives (lines) between "BEGIN WordPress" and "END WordPress" are
+# dynamically generated, and should only be modified via WordPress filters.
+# Any changes to the directives between these markers will be overwritten.
+<IfModule mod_rewrite.c>
+RewriteEngine On
+RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+RewriteBase /
+RewriteRule ^index\.php$ - [L]
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule . /index.php [L]
+</IfModule>
+
+# END WordPress

hw5-wordpress/shadrin14323/app/public/index.php

@@ -0,0 +1,17 @@
+<?php
+/**
+ * Front to the WordPress application. This file doesn't do anything, but loads
+ * wp-blog-header.php which does and tells WordPress to load the theme.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Tells WordPress to load the WordPress theme and output it.
+ *
+ * @var bool
+ */
+define( 'WP_USE_THEMES', true );
+
+/** Loads the WordPress Environment and Template */
+require __DIR__ . '/wp-blog-header.php';

hw5-wordpress/shadrin14323/app/public/license.txt

@@ -0,0 +1,384 @@
+WordPress - Web publishing software
+
+Copyright 2011-2022 by the contributors
+
+This program is free software; you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation; either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+
+This program incorporates work covered by the following copyright and
+permission notices:
+
+  b2 is (c) 2001, 2002 Michel Valdrighi - https://cafelog.com
+
+  Wherever third party code has been used, credit has been given in the code's
+  comments.
+
+  b2 is released under the GPL
+
+and
+
+  WordPress - Web publishing software
+
+  Copyright 2003-2010 by the contributors
+
+  WordPress is released under the GPL
+
+=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.
+
+WRITTEN OFFER
+
+The source code for any program binaries or compressed scripts that are
+included with WordPress can be freely obtained at the following URL:
+
+	https://wordpress.org/download/source/

hw5-wordpress/shadrin14323/app/public/local-xdebuginfo.php

@@ -0,0 +1 @@
+<?php xdebug_info();

hw5-wordpress/shadrin14323/app/public/readme.html

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta name="viewport" content="width=device-width" />
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>WordPress &#8250; ReadMe</title>
+	<link rel="stylesheet" href="wp-admin/css/install.css?ver=20100228" type="text/css" />
+</head>
+<body>
+<h1 id="logo">
+	<a href="https://wordpress.org/"><img alt="WordPress" src="wp-admin/images/wordpress-logo.png" /></a>
+</h1>
+<p style="text-align: center">Semantic Personal Publishing Platform</p>
+
+<h2>First Things First</h2>
+<p>Welcome. WordPress is a very special project to me. Every developer and contributor adds something unique to the mix, and together we create something beautiful that I am proud to be a part of. Thousands of hours have gone into WordPress, and we are dedicated to making it better every day. Thank you for making it part of your world.</p>
+<p style="text-align: right">&#8212; Matt Mullenweg</p>
+
+<h2>Installation: Famous 5-minute install</h2>
+<ol>
+	<li>Unzip the package in an empty directory and upload everything.</li>
+	<li>Open <span class="file"><a href="wp-admin/install.php">wp-admin/install.php</a></span> in your browser. It will take you through the process to set up a <code>wp-config.php</code> file with your database connection details.
+		<ol>
+			<li>If for some reason this does not work, do not worry. It may not work on all web hosts. Open up <code>wp-config-sample.php</code> with a text editor like WordPad or similar and fill in your database connection details.</li>
+			<li>Save the file as <code>wp-config.php</code> and upload it.</li>
+			<li>Open <span class="file"><a href="wp-admin/install.php">wp-admin/install.php</a></span> in your browser.</li>
+		</ol>
+	</li>
+	<li>Once the configuration file is set up, the installer will set up the tables needed for your site. If there is an error, double check your <code>wp-config.php</code> file, and try again. If it fails again, please go to the <a href="https://wordpress.org/support/forums/">WordPress support forums</a> with as much data as you can gather.</li>
+	<li><strong>If you did not enter a password, note the password given to you.</strong> If you did not provide a username, it will be <code>admin</code>.</li>
+	<li>The installer should then send you to the <a href="wp-login.php">login page</a>. Sign in with the username and password you chose during the installation. If a password was generated for you, you can then click on &#8220;Profile&#8221; to change the password.</li>
+</ol>
+
+<h2>Updating</h2>
+<h3>Using the Automatic Updater</h3>
+<ol>
+	<li>Open <span class="file"><a href="wp-admin/update-core.php">wp-admin/update-core.php</a></span> in your browser and follow the instructions.</li>
+	<li>You wanted more, perhaps? That&#8217;s it!</li>
+</ol>
+
+<h3>Updating Manually</h3>
+<ol>
+	<li>Before you update anything, make sure you have backup copies of any files you may have modified such as <code>index.php</code>.</li>
+	<li>Delete your old WordPress files, saving ones you&#8217;ve modified.</li>
+	<li>Upload the new files.</li>
+	<li>Point your browser to <span class="file"><a href="wp-admin/upgrade.php">/wp-admin/upgrade.php</a>.</span></li>
+</ol>
+
+<h2>Migrating from other systems</h2>
+<p>WordPress can <a href="https://wordpress.org/support/article/importing-content/">import from a number of systems</a>. First you need to get WordPress installed and working as described above, before using <a href="wp-admin/import.php">our import tools</a>.</p>
+
+<h2>System Requirements</h2>
+<ul>
+	<li><a href="https://secure.php.net/">PHP</a> version <strong>5.6.20</strong> or greater.</li>
+	<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.0</strong> or greater.</li>
+</ul>
+
+<h3>Recommendations</h3>
+<ul>
+	<li><a href="https://secure.php.net/">PHP</a> version <strong>7.4</strong> or greater.</li>
+	<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.7</strong> or greater OR <a href="https://mariadb.org/">MariaDB</a> version <strong>10.3</strong> or greater.</li>
+	<li>The <a href="https://httpd.apache.org/docs/2.2/mod/mod_rewrite.html">mod_rewrite</a> Apache module.</li>
+	<li><a href="https://wordpress.org/news/2016/12/moving-toward-ssl/">HTTPS</a> support.</li>
+	<li>A link to <a href="https://wordpress.org/">wordpress.org</a> on your site.</li>
+</ul>
+
+<h2>Online Resources</h2>
+<p>If you have any questions that are not addressed in this document, please take advantage of WordPress&#8217; numerous online resources:</p>
+<dl>
+	<dt><a href="https://wordpress.org/support/">HelpHub</a></dt>
+		<dd>HelpHub is the encyclopedia of all things WordPress. It is the most comprehensive source of information for WordPress available.</dd>
+	<dt><a href="https://wordpress.org/news/">The WordPress Blog</a></dt>
+		<dd>This is where you&#8217;ll find the latest updates and news related to WordPress. Recent WordPress news appears in your administrative dashboard by default.</dd>
+	<dt><a href="https://planet.wordpress.org/">WordPress Planet</a></dt>
+		<dd>The WordPress Planet is a news aggregator that brings together posts from WordPress blogs around the web.</dd>
+	<dt><a href="https://wordpress.org/support/forums/">WordPress Support Forums</a></dt>
+		<dd>If you&#8217;ve looked everywhere and still cannot find an answer, the support forums are very active and have a large community ready to help. To help them help you be sure to use a descriptive thread title and describe your question in as much detail as possible.</dd>
+	<dt><a href="https://make.wordpress.org/support/handbook/appendix/other-support-locations/introduction-to-irc/">WordPress <abbr>IRC</abbr> (Internet Relay Chat) Channel</a></dt>
+		<dd>There is an online chat channel that is used for discussion among people who use WordPress and occasionally support topics. The above wiki page should point you in the right direction. (<a href="https://web.libera.chat/#wordpress">irc.libera.chat #wordpress</a>)</dd>
+</dl>
+
+<h2>Final Notes</h2>
+<ul>
+	<li>If you have any suggestions, ideas, or comments, or if you (gasp!) found a bug, join us in the <a href="https://wordpress.org/support/forums/">Support Forums</a>.</li>
+	<li>WordPress has a robust plugin <abbr>API</abbr> (Application Programming Interface) that makes extending the code easy. If you are a developer interested in utilizing this, see the <a href="https://developer.wordpress.org/plugins/">Plugin Developer Handbook</a>. You shouldn&#8217;t modify any of the core code.</li>
+</ul>
+
+<h2>Share the Love</h2>
+<p>WordPress has no multi-million dollar marketing campaign or celebrity sponsors, but we do have something even better&#8212;you. If you enjoy WordPress please consider telling a friend, setting it up for someone less knowledgeable than yourself, or writing the author of a media article that overlooks us.</p>
+
+<p>WordPress is the official continuation of <a href="http://cafelog.com/">b2/caf&#233;log</a>, which came from Michel V. The work has been continued by the <a href="https://wordpress.org/about/">WordPress developers</a>. If you would like to support WordPress, please consider <a href="https://wordpress.org/donate/">donating</a>.</p>
+
+<h2>License</h2>
+<p>WordPress is free software, and is released under the terms of the <abbr>GPL</abbr> (GNU General Public License) version 2 or (at your option) any later version. See <a href="license.txt">license.txt</a>.</p>
+
+</body>
+</html>

hw5-wordpress/shadrin14323/app/public/wp-activate.php

@@ -0,0 +1,218 @@
+<?php
+/**
+ * Confirms that the activation key that is sent in an email after a user signs
+ * up for a new site matches the key for that user and then displays confirmation.
+ *
+ * @package WordPress
+ */
+
+define( 'WP_INSTALLING', true );
+
+/** Sets up the WordPress Environment. */
+require __DIR__ . '/wp-load.php';
+
+require __DIR__ . '/wp-blog-header.php';
+
+if ( ! is_multisite() ) {
+	wp_redirect( wp_registration_url() );
+	die();
+}
+
+$valid_error_codes = array( 'already_active', 'blog_taken' );
+
+list( $activate_path ) = explode( '?', wp_unslash( $_SERVER['REQUEST_URI'] ) );
+$activate_cookie       = 'wp-activate-' . COOKIEHASH;
+
+$key    = '';
+$result = null;
+
+if ( isset( $_GET['key'] ) && isset( $_POST['key'] ) && $_GET['key'] !== $_POST['key'] ) {
+	wp_die( __( 'A key value mismatch has been detected. Please follow the link provided in your activation email.' ), __( 'An error occurred during the activation' ), 400 );
+} elseif ( ! empty( $_GET['key'] ) ) {
+	$key = $_GET['key'];
+} elseif ( ! empty( $_POST['key'] ) ) {
+	$key = $_POST['key'];
+}
+
+if ( $key ) {
+	$redirect_url = remove_query_arg( 'key' );
+
+	if ( remove_query_arg( false ) !== $redirect_url ) {
+		setcookie( $activate_cookie, $key, 0, $activate_path, COOKIE_DOMAIN, is_ssl(), true );
+		wp_safe_redirect( $redirect_url );
+		exit;
+	} else {
+		$result = wpmu_activate_signup( $key );
+	}
+}
+
+if ( null === $result && isset( $_COOKIE[ $activate_cookie ] ) ) {
+	$key    = $_COOKIE[ $activate_cookie ];
+	$result = wpmu_activate_signup( $key );
+	setcookie( $activate_cookie, ' ', time() - YEAR_IN_SECONDS, $activate_path, COOKIE_DOMAIN, is_ssl(), true );
+}
+
+if ( null === $result || ( is_wp_error( $result ) && 'invalid_key' === $result->get_error_code() ) ) {
+	status_header( 404 );
+} elseif ( is_wp_error( $result ) ) {
+	$error_code = $result->get_error_code();
+
+	if ( ! in_array( $error_code, $valid_error_codes, true ) ) {
+		status_header( 400 );
+	}
+}
+
+nocache_headers();
+
+if ( is_object( $wp_object_cache ) ) {
+	$wp_object_cache->cache_enabled = false;
+}
+
+// Fix for page title.
+$wp_query->is_404 = false;
+
+/**
+ * Fires before the Site Activation page is loaded.
+ *
+ * @since 3.0.0
+ */
+do_action( 'activate_header' );
+
+/**
+ * Adds an action hook specific to this page.
+ *
+ * Fires on {@see 'wp_head'}.
+ *
+ * @since MU (3.0.0)
+ */
+function do_activate_header() {
+	/**
+	 * Fires before the Site Activation page is loaded.
+	 *
+	 * Fires on the {@see 'wp_head'} action.
+	 *
+	 * @since 3.0.0
+	 */
+	do_action( 'activate_wp_head' );
+}
+add_action( 'wp_head', 'do_activate_header' );
+
+/**
+ * Loads styles specific to this page.
+ *
+ * @since MU (3.0.0)
+ */
+function wpmu_activate_stylesheet() {
+	?>
+	<style type="text/css">
+		.wp-activate-container { width: 90%; margin: 0 auto; }
+		.wp-activate-container form { margin-top: 2em; }
+		#submit, #key { width: 100%; font-size: 24px; box-sizing: border-box; }
+		#language { margin-top: 0.5em; }
+		.wp-activate-container .error { background: #f66; color: #333; }
+		span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: 600; }
+	</style>
+	<?php
+}
+add_action( 'wp_head', 'wpmu_activate_stylesheet' );
+add_action( 'wp_head', 'wp_strict_cross_origin_referrer' );
+add_filter( 'wp_robots', 'wp_robots_sensitive_page' );
+
+get_header( 'wp-activate' );
+
+$blog_details = get_blog_details();
+?>
+
+<div id="signup-content" class="widecolumn">
+	<div class="wp-activate-container">
+	<?php if ( ! $key ) { ?>
+
+		<h2><?php _e( 'Activation Key Required' ); ?></h2>
+		<form name="activateform" id="activateform" method="post" action="<?php echo network_site_url( $blog_details->path . 'wp-activate.php' ); ?>">
+			<p>
+				<label for="key"><?php _e( 'Activation Key:' ); ?></label>
+				<br /><input type="text" name="key" id="key" value="" size="50" autofocus="autofocus" />
+			</p>
+			<p class="submit">
+				<input id="submit" type="submit" name="Submit" class="submit" value="<?php esc_attr_e( 'Activate' ); ?>" />
+			</p>
+		</form>
+
+		<?php
+	} else {
+		if ( is_wp_error( $result ) && in_array( $result->get_error_code(), $valid_error_codes, true ) ) {
+			$signup = $result->get_error_data();
+			?>
+			<h2><?php _e( 'Your account is now active!' ); ?></h2>
+			<?php
+			echo '<p class="lead-in">';
+			if ( '' === $signup->domain . $signup->path ) {
+				printf(
+					/* translators: 1: Login URL, 2: Username, 3: User email address, 4: Lost password URL. */
+					__( 'Your account has been activated. You may now <a href="%1$s">log in</a> to the site using your chosen username of &#8220;%2$s&#8221;. Please check your email inbox at %3$s for your password and login instructions. If you do not receive an email, please check your junk or spam folder. If you still do not receive an email within an hour, you can <a href="%4$s">reset your password</a>.' ),
+					network_site_url( $blog_details->path . 'wp-login.php', 'login' ),
+					$signup->user_login,
+					$signup->user_email,
+					wp_lostpassword_url()
+				);
+			} else {
+				printf(
+					/* translators: 1: Site URL, 2: Username, 3: User email address, 4: Lost password URL. */
+					__( 'Your site at %1$s is active. You may now log in to your site using your chosen username of &#8220;%2$s&#8221;. Please check your email inbox at %3$s for your password and login instructions. If you do not receive an email, please check your junk or spam folder. If you still do not receive an email within an hour, you can <a href="%4$s">reset your password</a>.' ),
+					sprintf( '<a href="http://%1$s%2$s">%1$s%2$s</a>', $signup->domain, $blog_details->path ),
+					$signup->user_login,
+					$signup->user_email,
+					wp_lostpassword_url()
+				);
+			}
+			echo '</p>';
+		} elseif ( null === $result || is_wp_error( $result ) ) {
+			?>
+			<h2><?php _e( 'An error occurred during the activation' ); ?></h2>
+			<?php if ( is_wp_error( $result ) ) : ?>
+				<p><?php echo $result->get_error_message(); ?></p>
+			<?php endif; ?>
+			<?php
+		} else {
+			$url  = isset( $result['blog_id'] ) ? get_home_url( (int) $result['blog_id'] ) : '';
+			$user = get_userdata( (int) $result['user_id'] );
+			?>
+			<h2><?php _e( 'Your account is now active!' ); ?></h2>
+
+			<div id="signup-welcome">
+			<p><span class="h3"><?php _e( 'Username:' ); ?></span> <?php echo $user->user_login; ?></p>
+			<p><span class="h3"><?php _e( 'Password:' ); ?></span> <?php echo $result['password']; ?></p>
+			</div>
+
+			<?php
+			if ( $url && network_home_url( '', 'http' ) !== $url ) :
+				switch_to_blog( (int) $result['blog_id'] );
+				$login_url = wp_login_url();
+				restore_current_blog();
+				?>
+				<p class="view">
+				<?php
+					/* translators: 1: Site URL, 2: Login URL. */
+					printf( __( 'Your account is now activated. <a href="%1$s">View your site</a> or <a href="%2$s">Log in</a>' ), $url, esc_url( $login_url ) );
+				?>
+				</p>
+			<?php else : ?>
+				<p class="view">
+				<?php
+					printf(
+						/* translators: 1: Login URL, 2: Network home URL. */
+						__( 'Your account is now activated. <a href="%1$s">Log in</a> or go back to the <a href="%2$s">homepage</a>.' ),
+						network_site_url( $blog_details->path . 'wp-login.php', 'login' ),
+						network_home_url( $blog_details->path )
+					);
+				?>
+				</p>
+				<?php
+				endif;
+		}
+	}
+	?>
+	</div>
+</div>
+<?php
+get_footer( 'wp-activate' );

hw5-wordpress/shadrin14323/app/public/wp-admin/about.php

@@ -0,0 +1,642 @@
+<?php
+/**
+ * About This Version administration panel.
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+/** WordPress Administration Bootstrap */
+require_once __DIR__ . '/admin.php';
+
+// Used in the HTML title tag.
+/* translators: Page title of the About WordPress page in the admin. */
+$title = _x( 'About', 'page title' );
+
+list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
+
+require_once ABSPATH . 'wp-admin/admin-header.php';
+?>
+	<div class="wrap about__container">
+
+		<div class="about__header">
+			<div class="about__header-title">
+				<h1>
+					<?php
+					printf(
+						/* translators: %s: Version number. */
+						__( 'WordPress %s' ),
+						$display_version
+					);
+					?>
+				</h1>
+			</div>
+
+			<div class="about__header-text"></div>
+
+			<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+				<a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
+				<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+				<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+				<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+			</nav>
+		</div>
+
+		<div class="about__section changelog">
+			<div class="column">
+				<h2><?php _e( 'Maintenance and Security Releases' ); ?></h2>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: Plural number of bugs. */
+						_n(
+							'<strong>Version %1$s</strong> addressed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed %2$s bugs.',
+							50
+						),
+						'6.1.1',
+						'50'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL. */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version. */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '6.1.1' )
+						)
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section">
+			<div class="column">
+				<h2 class="aligncenter">
+					<?php
+					printf(
+						/* translators: %s: Version number. */
+						__( 'Welcome to WordPress %s' ),
+						$display_version
+					);
+					?>
+				</h2>
+				<p class="is-subheading">
+					<?php _e( 'This page highlights some of the most significant changes to the product since the May 2022 release of WordPress 6.0. You will also find resources for developers and anyone seeking a deeper understanding of WordPress.' ); ?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image" style="background-color:#353535;">
+					<img src="https://s.w.org/images/core/6.1/about-61-style-variations.webp" alt="" />
+				</div>
+			</div>
+			<div class="column is-vertically-aligned-center">
+				<h3><?php _e( 'A new default theme powered by 10 distinct style variations' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: Variation announcement post URL, 2: Accessibility-ready handbook page. */
+						__( 'Building on the foundational elements in the 5.9 and 6.0 releases for block themes and style variations, the new default theme, Twenty Twenty-Three, includes <a href="%1$s">10 different styles</a> and is &#147;<a href="%2$s">Accessibility Ready</a>&#148;.' ),
+						'https://make.wordpress.org/design/2022/09/07/tt3-default-theme-announcing-style-variation-selections/',
+						'https://make.wordpress.org/themes/handbook/review/accessibility/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column is-vertically-aligned-center">
+				<h3><?php _e( 'A better creator experience with refined and additional templates' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: Link to template options dev note, 2: Link to template creation dev note. */
+						__( '<a href="%1$s">New templates</a> include a custom template for posts and pages in the Site Editor. Search-and-replace tools speed up the design of <a href="%2$s">template parts</a>.' ),
+						'https://make.wordpress.org/core/2022/07/21/core-editor-improvement-deeper-customization-with-more-template-options/',
+						'https://make.wordpress.org/core/2022/08/25/core-editor-improvement-refining-the-template-creation-experience/'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image has-subtle-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-templates.webp" alt="" />
+				</div>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image has-subtle-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-design-tools.webp" alt="" />
+				</div>
+			</div>
+			<div class="column is-vertically-aligned-center">
+				<h3><?php _e( 'More consistency and control across design tools' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to layout support refactor dev note. */
+						__( 'Upgrades to the <a href="%s">controls for design elements and blocks</a> make the layout and site-building process more consistent, complete, and intuitive.' ),
+						'https://make.wordpress.org/core/2022/10/11/roster-of-design-tools-per-block/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column is-vertically-aligned-center">
+				<h3><?php _e( 'Menus just got easier to create and manage' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to navigation block fallback dev note. */
+						__( '<a href="%s">New fallback options</a> in the navigation block mean you can edit the menu that’s open; no searching needed. Plus, the controls for choosing and working on menus have their own place in the block settings. The mobile menu system also gets an upgrade with new features, including different icon options, to make the menu yours.' ),
+						'https://make.wordpress.org/core/2022/09/27/navigation-block-fallback-behavior-in-wp-6-1-dev-note/'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image has-subtle-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-navigation.webp" alt="" />
+				</div>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image has-accent-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-document-settings.webp" alt="" />
+				</div>
+				<h3><?php _e( 'Improved layout and visualization of document settings' ); ?></h3>
+				<p><?php _e( 'A cleaner, better-organized display helps you easily view and manage important post and page settings, especially the template picker and scheduler.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image has-accent-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-lock.webp" alt="" />
+				</div>
+				<h3><?php _e( 'One-click lock settings for all inner blocks' ); ?></h3>
+				<p><?php _e( 'When locking blocks, a new toggle lets you apply your lock settings to all the blocks in a containing block like the group, cover, and column blocks.' ); ?></p>
+			</div>
+		</div>
+
+		<div class="about__section has-3-columns">
+			<div class="column">
+				<div class="column about__image is-edge-to-edge has-accent-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-sub-feature-1.webp" alt="" />
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Improved block placeholders' ); ?></h3>
+				<p><?php _e( 'Various blocks have improved placeholders that reflect customization options to help you design your site and its content. For example, the Image block placeholder displays custom borders and duotone filters even before selecting an image.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="column about__image is-edge-to-edge has-accent-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-sub-feature-2.webp" alt="" />
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Compose richer lists and quotes with inner blocks' ); ?></h3>
+				<p><?php _e( 'The List and Quote blocks now support inner blocks, allowing for more flexible and rich compositions like adding headings inside your Quote blocks.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="column about__image is-edge-to-edge has-accent-background-color">
+					<img src="https://s.w.org/images/core/6.1/about-61-sub-feature-3.webp" alt="" />
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'More responsive text with fluid typography' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to fluid typography demo. */
+						__( '<a href="%s">Fluid typography</a> lets you define font sizes that adapt for easy reading in any screen size.' ),
+						'https://make.wordpress.org/core/2022/10/03/fluid-font-sizes-in-wordpress-6-1/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<hr />
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M29.25 18.75v2.5h1.5v-2.5h2.5v-1.5h-2.5v-2.5h-1.5v2.5h-2.5v1.5h2.5zm-6.5-1.5h-6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6h-1.5v6a.5.5 0 0 1-.5.5h-12a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5h6v-1.5z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Add starter patterns to any post type' ); ?></h3>
+				<p><?php _e( 'In WordPress 6.0, when you created a new page, you would see suggested patterns so you did not have to start with a blank page. In 6.1, you will also see the starter patterns modal when you create a new instance of any post type.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M29.99 23.16a4.628 4.628 0 1 1-9.257 0 4.628 4.628 0 0 1 9.257 0zm1.5 0a6.128 6.128 0 0 1-10.252 4.535l-3.74 3.273-.988-1.13 3.75-3.28a6.128 6.128 0 1 1 11.23-3.397z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Find block themes faster' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to Block Themes on WordPress.org. */
+						__( 'The Themes Directory has <a href="%s">a filter for block themes</a>, and a pattern preview gives a better sense of what the theme might look like while exploring different themes and patterns.' ),
+						esc_url( __( 'https://wordpress.org/themes/tags/full-site-editing/' ) )
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M22.29 16.836a1 1 0 0 1 .986-.836h1.306a1 1 0 0 1 .986.836l.244 1.466c.788.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 0 1 1.217.437l.653 1.13a1 1 0 0 1-.23 1.273l-1.148.944a6.025 6.025 0 0 1 0 2.435l1.148.946a1 1 0 0 1 .23 1.272l-.652 1.13a1 1 0 0 1-1.217.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 0 1-.986.836h-1.306a1 1 0 0 1-.987-.836l-.244-1.466a5.994 5.994 0 0 1-2.108-1.218l-1.394.522a1 1 0 0 1-1.216-.436l-.653-1.131a1 1 0 0 1 .23-1.272l1.148-.946a6.028 6.028 0 0 1 0-2.435l-1.147-.944a1 1 0 0 1-.23-1.273l.652-1.13a1 1 0 0 1 1.217-.437l1.393.522a5.996 5.996 0 0 1 2.108-1.218l.244-1.466zM26.928 24a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Keep your Site Editor settings for later' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to block editor preferences dev note. */
+						__( 'Site Editor settings are now <a href="%s">persistent for each user</a>. This means your settings will now be consistent across browsers and devices.' ),
+						'https://make.wordpress.org/core/2022/10/10/changes-to-block-editor-preferences-in-wordpress-6-1/'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M31 24a7 7 0 0 1-7 7V17a7 7 0 0 1 7 7zm-7-8a8 8 0 1 1 0 16 8 8 0 0 1 0-16z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'A streamlined style system' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link style engine dev note. */
+						__( 'The CSS rules for margin, padding, typography, colors, and borders within the <a href="%s">styles engine</a> are now all in one place, reducing time spent on layout-specific tasks and helps to generate semantic class names.' ),
+						'https://make.wordpress.org/core/2022/10/10/block-styles-generation-style-engine/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path d="M24 18.285a1.58 1.58 0 0 1-1.159-.484 1.58 1.58 0 0 1-.484-1.159c0-.45.162-.836.484-1.158A1.58 1.58 0 0 1 24 15c.45 0 .836.161 1.159.484.322.322.483.708.483 1.158 0 .45-.16.837-.483 1.16a1.581 1.581 0 0 1-1.16.483zM21.592 33V21.008a44.174 44.174 0 0 1-2.958-.316 28.99 28.99 0 0 1-2.734-.517l.337-1.35c1.275.3 2.543.514 3.803.641 1.26.128 2.58.191 3.96.191s2.7-.063 3.96-.19a29.603 29.603 0 0 0 3.802-.642l.338 1.35c-.87.21-1.781.383-2.734.517-.952.136-1.939.24-2.959.316V33h-1.35v-5.85h-2.115V33h-1.35z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Improved admin and editor accessibility' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to accessibility improvements dev note. */
+						__( 'More than 40 improvements in accessibility include resolving focus loss problems in the editor, improving form labels and audible messages, making alternative text easier to edit, and fixing the sub-menu overlap in the expanded admin side navigation at smaller screen sizes and higher zoom levels. Learn more about <a href="%s">accessibility in WordPress</a>.' ),
+						'https://make.wordpress.org/core/2022/10/11/wordpress-6-1-accessibility-improvements/'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M23.019 25.517l-4.258 4.385-.718-.697 4.212-4.337-5.752-.025.005-1 5.826.025-3.997-4.116.717-.696 3.952 4.07-.03-5.623 1-.005.03 5.567 3.894-4.01.717.697-4.007 4.126 6.046.026-.005 1-5.942-.025 4.201 4.326-.717.697-4.174-4.298.032 6.048-1 .006-.032-6.14z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Other notes of interest' ); ?></h3>
+				<p><?php _e( '6.1 includes a new time-to-read feature showing content authors the approximate time-to-read values for pages, posts, and custom post types.' ); ?></p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: "General Settings" admin page title, linked to the page if the user can edit options. */
+						__( 'The site tagline is empty by default in new sites but can be modified in %s.' ),
+						current_user_can( 'manage_options' ) ? '<a href="' . esc_url( admin_url( 'options-general.php' ) ) . '">' . __( 'General Settings' ) . '</a>' : __( 'General Settings' )
+					);
+					?>
+				</p>
+				<p><?php _e( 'A new modal design offers a background blur effect, making it easier to focus on the task at hand.' ); ?></p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<rect x="11" y="17" width="26" height="14" rx="7" fill="#fff"/>
+						<circle cx="18" cy="24" r="4" fill="#1E1E1E"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Updated interface options and features' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to styling elements dev note. */
+						__( 'Updates include <a href="%s">styling elements</a> like buttons, citations, and links globally; controlling hover, active, and focus states for links using theme.json (not available to control in the interface yet); and customizing outline support for blocks and elements, among other features.' ),
+						'https://make.wordpress.org/core/2022/10/10/styling-elements-in-block-themes/'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M18 16h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H18a2 2 0 0 1-2-2V18a2 2 0 0 1 2-2zm12 1.5H18a.5.5 0 0 0-.5.5v3h13v-3a.5.5 0 0 0-.5-.5zm.5 5H22v8h8a.5.5 0 0 0 .5-.5v-7.5zm-10 0h-3V30a.5.5 0 0 0 .5.5h2.5v-8z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Continued evolution of layout options' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to layout support refactor dev note. */
+						__( 'The default content dimensions provided by themes can now be overridden in the Styles Sidebar, giving site builders better control over full-width content. Developers have <a href="%s">fine-grained control over these controls</a>.' ),
+						'https://make.wordpress.org/core/2022/10/10/updated-editor-layout-support-in-6-1-after-refactor/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path d="M27.7 17.2l5.6 5.6c.7.6.7 1.8-.1 2.5l-5.6 5.6c-.3.3-.8.5-1.2.5-.4 0-.9-.2-1.2-.5l-5.6-5.6c-.7-.7-.7-1.8 0-2.5l5.6-5.6c.7-.7 1.8-.7 2.5 0z" fill="#fff"/>
+						<path d="M22 17.5l-6.3 6.3c-.1.1-.1.3.1.3l6.3 6.3-1.1 1.1-6.3-6.2c-.7-.7-.7-1.8 0-2.5l6.3-6.3 1 1z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Block template parts in classic themes' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: Link to block-based template parts in classic themes dev note, 2: Folder name. */
+						__( '<a href="%1$s">Block template parts can now be defined in classic themes</a> by adding the appropriate HTML files to the %2$s directory at the root of the theme.' ),
+						'https://make.wordpress.org/core/2022/10/04/block-based-template-parts-in-traditional-themes/',
+						'<code>parts</code>'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M31.349 23.579a3.18 3.18 0 0 1-6.262.796l-.007-.03-.01-.029-.734-2.166-.005.002a4.818 4.818 0 0 0-9.418 1.427 4.816 4.816 0 0 0 6.575 4.485l-.598-1.523a3.18 3.18 0 1 1 1.92-3.758l.012-.003.69 2.034a4.818 4.818 0 0 0 9.472-1.235 4.816 4.816 0 0 0-6.57-4.487l.596 1.524a3.18 3.18 0 0 1 4.34 2.963z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Expanded support for Query Loop blocks' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to query loop dev note. */
+						__( '<a href="%s">New filters</a> let Query Block variations support custom queries for more powerful variations and advanced hierarchical post types filtering options.' ),
+						'https://make.wordpress.org/core/2022/10/10/extending-the-query-loop-block/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path d="M17.25 30.25L24 17.594l6.75 12.656h-13.5z" stroke="#fff" stroke-width="1.5"/>
+						<path d="M24 16v15h-8l8-15z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Filters for all your styles' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to theme.json filters dev note. */
+						__( '<a href="%s">Leverage filters</a> in the Styles sidebar to control settings at all four levels of your site—core, theme, user, or block, from less to more specific.' ),
+						'https://make.wordpress.org/core/2022/10/10/filters-for-theme-json-data/'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M19.114 20.5H16V19h3.114a2.501 2.501 0 0 1 4.771 0H32v1.5h-8.114a2.501 2.501 0 0 1-4.771 0zM16 29h8.114a2.501 2.501 0 0 0 4.771 0H32v-1.5h-3.114a2.501 2.501 0 0 0-4.771 0H16V29z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Spacing presets for faster, consistent design' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to spacing presets dev note. */
+						__( 'Save time and help avoid hard-coding a values into a theme with <a href="%s">preset margin and padding values for multiple blocks</a>.' ),
+						'https://make.wordpress.org/core/2022/10/07/introduction-of-presets-across-padding-margin-and-block-gap/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns">
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M17.517 20.75A7.268 7.268 0 0 1 22 17.03a8.142 8.142 0 0 0-1.19 1.875 10.763 10.763 0 0 0-.657 1.845h-2.636zm-.554 1.5a7.266 7.266 0 0 0 0 3.5h2.9a13.453 13.453 0 0 1 0-3.5h-2.9zm4.415 0c-.084.56-.128 1.145-.128 1.75s.044 1.19.128 1.75h5.244c.084-.56.128-1.145.128-1.75s-.044-1.19-.128-1.75h-5.244zm6.759 0a13.45 13.45 0 0 1 0 3.5h2.9a7.266 7.266 0 0 0 0-3.5h-2.9zm2.346-1.5h-2.636a10.759 10.759 0 0 0-.657-1.845A8.14 8.14 0 0 0 26 17.03a7.269 7.269 0 0 1 4.483 3.721zm-4.194 0h-4.578c.13-.43.283-.836.458-1.211.495-1.063 1.139-1.847 1.831-2.306.692.46 1.335 1.243 1.83 2.306.176.375.33.78.46 1.211zm-8.772 6.5h2.636c.18.693.416 1.344.7 1.938A8.08 8.08 0 0 0 22 30.97a7.268 7.268 0 0 1-4.483-3.721zm8.772 0h-4.578c.138.46.305.892.495 1.29.491 1.024 1.12 1.78 1.794 2.227.692-.46 1.336-1.243 1.83-2.306a9.02 9.02 0 0 0 .46-1.211zm.901 1.845c.266-.57.486-1.188.657-1.845h2.636A7.268 7.268 0 0 1 26 30.97a8.145 8.145 0 0 0 1.19-1.875zM15.25 24a8.75 8.75 0 1 1 17.5 0 8.75 8.75 0 0 1-17.5 0z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Performance highlights' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: REST API performance dev note, 2: Multisite performance dev note, 3: code-formatted "WP_Query" linked to dev note, 4: Block registration performance dev note, 5: Site health checks dev note; 6: code-formatted "async", 7: Performance field guide. */
+						__( 'WordPress 6.1 resolved more than 25 tickets dedicated to enhancing performance. From the  <a href="%1$s">REST API</a> to <a href="%2$s">multisite</a>, %3$s to <a href="%4$s">core block registration</a>, and <a href="%5$s">new Site Health checks</a> to the addition of the %6$s attribute to images, there are performance improvements for every type of site. A full breakdown can be found in the <a href="%7$s">Performance Field Guide</a>.' ),
+						'https://make.wordpress.org/core/2022/10/10/performance-improvements-to-the-rest-api/',
+						'https://make.wordpress.org/core/2022/10/10/multisite-improvements-in-wordpress-6-1/',
+						'<a href="https://make.wordpress.org/core/2022/10/07/improvements-to-wp_query-performance-in-6-1/"><code>WP_Query</code></a>',
+						'https://make.wordpress.org/core/2022/10/07/improved-php-performance-for-core-blocks-registration/',
+						'https://make.wordpress.org/core/2022/10/06/new-cache-site-health-checks-in-wordpress-6-1/',
+						'<code>async</code>',
+						'https://make.wordpress.org/core/2022/10/11/performance-field-guide-for-wordpress-6-1/'
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to install Performance Lab plugin if permitted, otherwise link to plugin on WordPress.org. */
+						__( 'Be among the first to get the latest improvements by adding the <a href="%s">Performance Lab plugin</a> to your WordPress test site or sandbox.' ),
+						current_user_can( 'install_plugins' ) ? admin_url( 'plugin-install.php?s=slug%253Aperformance-lab&tab=search&type=term' ) : esc_url( __( 'https://wordpress.org/plugins/performance-lab/' ) )
+					);
+					?>
+				</p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+						<rect width="48" height="48" rx="4" fill="#1E1E1E"/>
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M32.067 17.085l-3.245-3.14-10.621 10.726-1.303 4.412 4.528-1.252 10.64-10.746zM16 32.75h8v-1.5h-8v1.5z" fill="#fff"/>
+					</svg>
+				</div>
+				<h3 class="is-smaller-heading"><?php _e( 'Content-only editing support for container blocks' ); ?></h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Link to content locking dev note. */
+						__( 'Thanks to <a href="%s">content-only editing settings</a>, layouts can be locked within container blocks. In a content-only block, its children are invisible to the List View and entirely uneditable. So you control the layout while your writers can focus on the content.' ),
+						'https://make.wordpress.org/core/2022/10/11/content-locking-features-and-updates/'
+					);
+					?>
+				</p>
+				<p><?php _e( 'Combine it with block locking options for even more advanced control over your blocks.' ); ?></p>
+			</div>
+		</div>
+
+		<hr />
+
+		<div class="about__section has-2-columns is-wider-right">
+			<div class="column about__image is-vertically-aligned-top">
+				<a href="https://youtu.be/1w9oywSa6Hw">
+					<img src="data:image/svg+xml,%3Csvg width='269' height='163' viewBox='0 0 269 163' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='269' height='163' rx='4' fill='%23FDFF85'/%3E%3Cpath d='M238.84 130.043a1 1 0 0 0-1.524.852v8.21a1 1 0 0 0 1.524.852l6.671-4.105a1 1 0 0 0 0-1.703l-6.671-4.106Z' fill='%231E1E1E'/%3E%3Crect x='226.25' y='120.25' width='29.5' height='29.5' rx='2.75' stroke='%231E1E1E' stroke-width='1.5'/%3E%3Cpath d='M99.597 127.44c-6.16 0-11.36-1.16-15.6-3.48-4.24-2.32-7.68-5.4-10.32-9.24-2.56-3.84-4.4-8.16-5.52-12.96A64.74 64.74 0 0 1 66.477 87c0-9.28 1.28-17.4 3.84-24.36 2.64-6.96 6.4-12.36 11.28-16.2 4.88-3.92 10.8-5.88 17.76-5.88 5.521 0 10.241 1.08 14.161 3.24s6.96 5.04 9.12 8.64c2.24 3.6 3.6 7.52 4.08 11.76h-11.88c-.72-4.16-2.44-7.36-5.16-9.6-2.72-2.24-6.2-3.36-10.44-3.36-5.84 0-10.68 2.76-14.52 8.28-3.76 5.44-5.76 13.84-6 25.2 1.92-3.52 4.88-6.52 8.88-9 4.08-2.48 8.76-3.72 14.04-3.72 4.72 0 9.12 1.12 13.2 3.36 4.16 2.24 7.52 5.4 10.08 9.48 2.64 4 3.96 8.76 3.96 14.28 0 4.88-1.2 9.48-3.6 13.8-2.4 4.32-5.8 7.84-10.2 10.56-4.32 2.64-9.48 3.96-15.48 3.96Zm-.72-11.04c3.361 0 6.361-.72 9.001-2.16 2.64-1.44 4.72-3.4 6.24-5.88 1.52-2.56 2.28-5.44 2.28-8.64 0-5.12-1.68-9.2-5.04-12.24-3.28-3.04-7.48-4.56-12.6-4.56-3.36 0-6.4.76-9.12 2.28-2.64 1.52-4.72 3.56-6.24 6.12-1.52 2.48-2.28 5.24-2.28 8.28 0 3.28.76 6.2 2.28 8.76 1.6 2.48 3.72 4.44 6.36 5.88 2.72 1.44 5.76 2.16 9.12 2.16Zm45.925 10.32c-2.4 0-4.4-.76-6-2.28-1.52-1.6-2.28-3.48-2.28-5.64 0-2.24.76-4.12 2.28-5.64 1.6-1.6 3.6-2.4 6-2.4s4.36.8 5.88 2.4c1.52 1.52 2.28 3.4 2.28 5.64 0 2.16-.76 4.04-2.28 5.64-1.52 1.52-3.48 2.28-5.88 2.28Zm26.814-.72V56.4l-13.56 3.12v-9.36l18.6-8.16h8.16v84h-13.2Z' fill='%231E1E1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='269' height='163' rx='4' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.1 video' ) ); ?>" />
+				</a>
+			</div>
+			<div class="column">
+				<h3>
+					<?php
+					printf(
+						/* translators: %s: Version number. */
+						__( 'Learn more about WordPress %s' ),
+						$display_version
+					);
+					?>
+				</h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: 6.1 overview video link. */
+						__( 'See WordPress 6.1 in action! <a href="%s">Watch a brief overview video</a> highlighting some of the major features debuting in WordPress 6.1.' ),
+						'https://youtu.be/1w9oywSa6Hw'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-3-columns">
+			<div class="column" style="padding-top:0">
+				<p>
+					<?php
+					printf(
+						/* translators: 1: Learn WordPress link. */
+						__( 'Explore <a href="%s">learn.wordpress.org</a> for tutorial videos, online workshops, courses, and lesson plans for Meetup organizers, including new features in WordPress.' ),
+						'https://learn.wordpress.org/'
+					);
+					?>
+				</p>
+			</div>
+			<div class="column" style="padding-top:0">
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress Field Guide link. */
+						__( 'Check out the latest version of the <a href="%s">WordPress Field Guide</a>. It is overflowing with detailed developer notes to help you build with WordPress.' ),
+						__( 'https://make.wordpress.org/core/2022/10/12/wordpress-6-1-field-guide/' )
+					);
+					?>
+				</p>
+			</div>
+			<div class="column" style="padding-top:0">
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress Release Notes link, 2: WordPress version number. */
+						__( '<a href="%1$s">Read the WordPress %2$s Release Notes</a> for more information on the included enhancements and issues fixed, installation information, developer notes and resources, release contributors, and the list of file changes in this release.' ),
+						sprintf(
+							/* translators: %s: WordPress version number. */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							'6-1'
+						),
+						'6.1'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<hr class="is-large" />
+
+		<div class="return-to-dashboard">
+			<?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
+				<a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
+					<?php is_multisite() ? _e( 'Go to Updates' ) : _e( 'Go to Dashboard &rarr; Updates' ); ?>
+				</a> |
+			<?php endif; ?>
+			<a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
+		</div>
+	</div>
+
+<?php require_once ABSPATH . 'wp-admin/admin-footer.php'; ?>
+
+<?php
+
+// These are strings we may use to describe maintenance/security releases, where we aim for no new strings.
+return;
+
+__( 'Maintenance Release' );
+__( 'Maintenance Releases' );
+
+__( 'Security Release' );
+__( 'Security Releases' );
+
+__( 'Maintenance and Security Release' );
+__( 'Maintenance and Security Releases' );
+
+/* translators: %s: WordPress version number. */
+__( '<strong>Version %s</strong> addressed one security issue.' );
+/* translators: %s: WordPress version number. */
+__( '<strong>Version %s</strong> addressed some security issues.' );
+
+/* translators: 1: WordPress version number, 2: Plural number of bugs. */
+_n_noop(
+	'<strong>Version %1$s</strong> addressed %2$s bug.',
+	'<strong>Version %1$s</strong> addressed %2$s bugs.'
+);
+
+/* translators: 1: WordPress version number, 2: Plural number of bugs. Singular security issue. */
+_n_noop(
+	'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
+	'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.'
+);
+
+/* translators: 1: WordPress version number, 2: Plural number of bugs. More than one security issue. */
+_n_noop(
+	'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+	'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.'
+);
+
+/* translators: %s: Documentation URL. */
+__( 'For more information, see <a href="%s">the release notes</a>.' );
+
+/* translators: 1: WordPress version number, 2: Link to update WordPress */
+__( 'Important! Your version of WordPress (%1$s) is no longer supported, you will not receive any security updates for your website. To keep your site secure, please <a href="%2$s">update to the latest version of WordPress</a>.' );
+
+/* translators: 1: WordPress version number, 2: Link to update WordPress */
+__( 'Important! Your version of WordPress (%1$s) will stop receiving security updates in the near future. To keep your site secure, please <a href="%2$s">update to the latest version of WordPress</a>.' );

hw5-wordpress/shadrin14323/app/public/wp-admin/admin-ajax.php

@@ -0,0 +1,207 @@
+<?php
+/**
+ * WordPress Ajax Process Execution
+ *
+ * @package WordPress
+ * @subpackage Administration
+ *
+ * @link https://codex.wordpress.org/AJAX_in_Plugins
+ */
+
+/**
+ * Executing Ajax process.
+ *
+ * @since 2.1.0
+ */
+define( 'DOING_AJAX', true );
+if ( ! defined( 'WP_ADMIN' ) ) {
+	define( 'WP_ADMIN', true );
+}
+
+/** Load WordPress Bootstrap */
+require_once dirname( __DIR__ ) . '/wp-load.php';
+
+/** Allow for cross-domain requests (from the front end). */
+send_origin_headers();
+
+header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
+header( 'X-Robots-Tag: noindex' );
+
+// Require a valid action parameter.
+if ( empty( $_REQUEST['action'] ) || ! is_scalar( $_REQUEST['action'] ) ) {
+	wp_die( '0', 400 );
+}
+
+/** Load WordPress Administration APIs */
+require_once ABSPATH . 'wp-admin/includes/admin.php';
+
+/** Load Ajax Handlers for WordPress Core */
+require_once ABSPATH . 'wp-admin/includes/ajax-actions.php';
+
+send_nosniff_header();
+nocache_headers();
+
+/** This action is documented in wp-admin/admin.php */
+do_action( 'admin_init' );
+
+$core_actions_get = array(
+	'fetch-list',
+	'ajax-tag-search',
+	'wp-compression-test',
+	'imgedit-preview',
+	'oembed-cache',
+	'autocomplete-user',
+	'dashboard-widgets',
+	'logged-in',
+	'rest-nonce',
+);
+
+$core_actions_post = array(
+	'oembed-cache',
+	'image-editor',
+	'delete-comment',
+	'delete-tag',
+	'delete-link',
+	'delete-meta',
+	'delete-post',
+	'trash-post',
+	'untrash-post',
+	'delete-page',
+	'dim-comment',
+	'add-link-category',
+	'add-tag',
+	'get-tagcloud',
+	'get-comments',
+	'replyto-comment',
+	'edit-comment',
+	'add-menu-item',
+	'add-meta',
+	'add-user',
+	'closed-postboxes',
+	'hidden-columns',
+	'update-welcome-panel',
+	'menu-get-metabox',
+	'wp-link-ajax',
+	'menu-locations-save',
+	'menu-quick-search',
+	'meta-box-order',
+	'get-permalink',
+	'sample-permalink',
+	'inline-save',
+	'inline-save-tax',
+	'find_posts',
+	'widgets-order',
+	'save-widget',
+	'delete-inactive-widgets',
+	'set-post-thumbnail',
+	'date_format',
+	'time_format',
+	'wp-remove-post-lock',
+	'dismiss-wp-pointer',
+	'upload-attachment',
+	'get-attachment',
+	'query-attachments',
+	'save-attachment',
+	'save-attachment-compat',
+	'send-link-to-editor',
+	'send-attachment-to-editor',
+	'save-attachment-order',
+	'media-create-image-subsizes',
+	'heartbeat',
+	'get-revision-diffs',
+	'save-user-color-scheme',
+	'update-widget',
+	'query-themes',
+	'parse-embed',
+	'set-attachment-thumbnail',
+	'parse-media-shortcode',
+	'destroy-sessions',
+	'install-plugin',
+	'update-plugin',
+	'crop-image',
+	'generate-password',
+	'save-wporg-username',
+	'delete-plugin',
+	'search-plugins',
+	'search-install-plugins',
+	'activate-plugin',
+	'update-theme',
+	'delete-theme',
+	'install-theme',
+	'get-post-thumbnail-html',
+	'get-community-events',
+	'edit-theme-plugin-file',
+	'wp-privacy-export-personal-data',
+	'wp-privacy-erase-personal-data',
+	'health-check-site-status-result',
+	'health-check-dotorg-communication',
+	'health-check-is-in-debug-mode',
+	'health-check-background-updates',
+	'health-check-loopback-requests',
+	'health-check-get-sizes',
+	'toggle-auto-updates',
+	'send-password-reset',
+);
+
+// Deprecated.
+$core_actions_post_deprecated = array(
+	'wp-fullscreen-save-post',
+	'press-this-save-post',
+	'press-this-add-category',
+	'health-check-dotorg-communication',
+	'health-check-is-in-debug-mode',
+	'health-check-background-updates',
+	'health-check-loopback-requests',
+);
+
+$core_actions_post = array_merge( $core_actions_post, $core_actions_post_deprecated );
+
+// Register core Ajax calls.
+if ( ! empty( $_GET['action'] ) && in_array( $_GET['action'], $core_actions_get, true ) ) {
+	add_action( 'wp_ajax_' . $_GET['action'], 'wp_ajax_' . str_replace( '-', '_', $_GET['action'] ), 1 );
+}
+
+if ( ! empty( $_POST['action'] ) && in_array( $_POST['action'], $core_actions_post, true ) ) {
+	add_action( 'wp_ajax_' . $_POST['action'], 'wp_ajax_' . str_replace( '-', '_', $_POST['action'] ), 1 );
+}
+
+add_action( 'wp_ajax_nopriv_generate-password', 'wp_ajax_nopriv_generate_password' );
+
+add_action( 'wp_ajax_nopriv_heartbeat', 'wp_ajax_nopriv_heartbeat', 1 );
+
+$action = $_REQUEST['action'];
+
+if ( is_user_logged_in() ) {
+	// If no action is registered, return a Bad Request response.
+	if ( ! has_action( "wp_ajax_{$action}" ) ) {
+		wp_die( '0', 400 );
+	}
+
+	/**
+	 * Fires authenticated Ajax actions for logged-in users.
+	 *
+	 * The dynamic portion of the hook name, `$action`, refers
+	 * to the name of the Ajax action callback being fired.
+	 *
+	 * @since 2.1.0
+	 */
+	do_action( "wp_ajax_{$action}" );
+} else {
+	// If no action is registered, return a Bad Request response.
+	if ( ! has_action( "wp_ajax_nopriv_{$action}" ) ) {
+		wp_die( '0', 400 );
+	}
+
+	/**
+	 * Fires non-authenticated Ajax actions for logged-out users.
+	 *
+	 * The dynamic portion of the hook name, `$action`, refers
+	 * to the name of the Ajax action callback being fired.
+	 *
+	 * @since 2.8.0
+	 */
+	do_action( "wp_ajax_nopriv_{$action}" );
+}
+
+// Default status.
+wp_die( '0' );

hw5-wordpress/shadrin14323/app/public/wp-admin/admin-footer.php

@@ -0,0 +1,119 @@
+<?php
+/**
+ * WordPress Administration Template Footer
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+// Don't load directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	die( '-1' );
+}
+
+/**
+ * @global string $hook_suffix
+ */
+global $hook_suffix;
+?>
+
+<div class="clear"></div></div><!-- wpbody-content -->
+<div class="clear"></div></div><!-- wpbody -->
+<div class="clear"></div></div><!-- wpcontent -->
+
+<div id="wpfooter" role="contentinfo">
+	<?php
+	/**
+	 * Fires after the opening tag for the admin footer.
+	 *
+	 * @since 2.5.0
+	 */
+	do_action( 'in_admin_footer' );
+	?>
+	<p id="footer-left" class="alignleft">
+		<?php
+		$text = sprintf(
+			/* translators: %s: https://wordpress.org/ */
+			__( 'Thank you for creating with <a href="%s">WordPress</a>.' ),
+			__( 'https://wordpress.org/' )
+		);
+
+		/**
+		 * Filters the "Thank you" text displayed in the admin footer.
+		 *
+		 * @since 2.8.0
+		 *
+		 * @param string $text The content that will be printed.
+		 */
+		echo apply_filters( 'admin_footer_text', '<span id="footer-thankyou">' . $text . '</span>' );
+		?>
+	</p>
+	<p id="footer-upgrade" class="alignright">
+		<?php
+		/**
+		 * Filters the version/update text displayed in the admin footer.
+		 *
+		 * WordPress prints the current version and update information,
+		 * using core_update_footer() at priority 10.
+		 *
+		 * @since 2.3.0
+		 *
+		 * @see core_update_footer()
+		 *
+		 * @param string $content The content that will be printed.
+		 */
+		echo apply_filters( 'update_footer', '' );
+		?>
+	</p>
+	<div class="clear"></div>
+</div>
+<?php
+/**
+ * Prints scripts or data before the default footer scripts.
+ *
+ * @since 1.2.0
+ *
+ * @param string $data The data to print.
+ */
+do_action( 'admin_footer', '' );
+
+/**
+ * Prints scripts and data queued for the footer.
+ *
+ * The dynamic portion of the hook name, `$hook_suffix`,
+ * refers to the global hook suffix of the current page.
+ *
+ * @since 4.6.0
+ */
+do_action( "admin_print_footer_scripts-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+/**
+ * Prints any scripts and data queued for the footer.
+ *
+ * @since 2.8.0
+ */
+do_action( 'admin_print_footer_scripts' );
+
+/**
+ * Prints scripts or data after the default footer scripts.
+ *
+ * The dynamic portion of the hook name, `$hook_suffix`,
+ * refers to the global hook suffix of the current page.
+ *
+ * @since 2.8.0
+ */
+do_action( "admin_footer-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+// get_site_option() won't exist when auto upgrading from <= 2.7.
+if ( function_exists( 'get_site_option' )
+	&& false === get_site_option( 'can_compress_scripts' )
+) {
+	compression_test();
+}
+
+?>
+
+<div class="clear"></div></div><!-- wpwrap -->
+<script type="text/javascript">if(typeof wpOnload==='function')wpOnload();</script>
+</body>
+</html>

hw5-wordpress/shadrin14323/app/public/wp-admin/admin-functions.php

@@ -0,0 +1,15 @@
+<?php
+/**
+ * Administration Functions
+ *
+ * This file is deprecated, use 'wp-admin/includes/admin.php' instead.
+ *
+ * @deprecated 2.5.0
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+_deprecated_file( basename( __FILE__ ), '2.5.0', 'wp-admin/includes/admin.php' );
+
+/** WordPress Administration API: Includes all Administration functions. */
+require_once ABSPATH . 'wp-admin/includes/admin.php';

hw5-wordpress/shadrin14323/app/public/wp-admin/admin-header.php

@@ -0,0 +1,315 @@
+<?php
+/**
+ * WordPress Administration Template Header
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
+if ( ! defined( 'WP_ADMIN' ) ) {
+	require_once __DIR__ . '/admin.php';
+}
+
+/**
+ * In case admin-header.php is included in a function.
+ *
+ * @global string    $title
+ * @global string    $hook_suffix
+ * @global WP_Screen $current_screen     WordPress current screen object.
+ * @global WP_Locale $wp_locale          WordPress date and time locale object.
+ * @global string    $pagenow            The filename of the current screen.
+ * @global string    $update_title
+ * @global int       $total_update_count
+ * @global string    $parent_file
+ * @global string    $typenow            The post type of the current screen.
+ */
+global $title, $hook_suffix, $current_screen, $wp_locale, $pagenow,
+	$update_title, $total_update_count, $parent_file, $typenow;
+
+// Catch plugins that include admin-header.php before admin.php completes.
+if ( empty( $current_screen ) ) {
+	set_current_screen();
+}
+
+get_admin_page_title();
+$title = strip_tags( $title );
+
+if ( is_network_admin() ) {
+	/* translators: Network admin screen title. %s: Network title. */
+	$admin_title = sprintf( __( 'Network Admin: %s' ), get_network()->site_name );
+} elseif ( is_user_admin() ) {
+	/* translators: User dashboard screen title. %s: Network title. */
+	$admin_title = sprintf( __( 'User Dashboard: %s' ), get_network()->site_name );
+} else {
+	$admin_title = get_bloginfo( 'name' );
+}
+
+if ( $admin_title === $title ) {
+	/* translators: Admin screen title. %s: Admin screen name. */
+	$admin_title = sprintf( __( '%s &#8212; WordPress' ), $title );
+} else {
+	$screen_title = $title;
+
+	if ( 'post' === $current_screen->base && 'add' !== $current_screen->action ) {
+		$post_title = get_the_title();
+		if ( ! empty( $post_title ) ) {
+			$post_type_obj = get_post_type_object( $typenow );
+			$screen_title  = sprintf(
+				/* translators: Editor admin screen title. 1: "Edit item" text for the post type, 2: Post title. */
+				__( '%1$s &#8220;%2$s&#8221;' ),
+				$post_type_obj->labels->edit_item,
+				$post_title
+			);
+		}
+	}
+
+	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
+	$admin_title = sprintf( __( '%1$s &lsaquo; %2$s &#8212; WordPress' ), $screen_title, $admin_title );
+}
+
+if ( wp_is_recovery_mode() ) {
+	/* translators: %s: Admin screen title. */
+	$admin_title = sprintf( __( 'Recovery Mode &#8212; %s' ), $admin_title );
+}
+
+/**
+ * Filters the title tag content for an admin page.
+ *
+ * @since 3.1.0
+ *
+ * @param string $admin_title The page title, with extra context added.
+ * @param string $title       The original page title.
+ */
+$admin_title = apply_filters( 'admin_title', $admin_title, $title );
+
+wp_user_settings();
+
+_wp_admin_html_begin();
+?>
+<title><?php echo esc_html( $admin_title ); ?></title>
+<?php
+
+wp_enqueue_style( 'colors' );
+wp_enqueue_script( 'utils' );
+wp_enqueue_script( 'svg-painter' );
+
+$admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
+?>
+<script type="text/javascript">
+addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(function(){func();});else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
+var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
+	pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
+	typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
+	adminpage = '<?php echo esc_js( $admin_body_class ); ?>',
+	thousandsSeparator = '<?php echo esc_js( $wp_locale->number_format['thousands_sep'] ); ?>',
+	decimalPoint = '<?php echo esc_js( $wp_locale->number_format['decimal_point'] ); ?>',
+	isRtl = <?php echo (int) is_rtl(); ?>;
+</script>
+<?php
+
+/**
+ * Enqueue scripts for all admin pages.
+ *
+ * @since 2.8.0
+ *
+ * @param string $hook_suffix The current admin page.
+ */
+do_action( 'admin_enqueue_scripts', $hook_suffix );
+
+/**
+ * Fires when styles are printed for a specific admin page based on $hook_suffix.
+ *
+ * @since 2.6.0
+ */
+do_action( "admin_print_styles-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+/**
+ * Fires when styles are printed for all admin pages.
+ *
+ * @since 2.6.0
+ */
+do_action( 'admin_print_styles' );
+
+/**
+ * Fires when scripts are printed for a specific admin page based on $hook_suffix.
+ *
+ * @since 2.1.0
+ */
+do_action( "admin_print_scripts-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+/**
+ * Fires when scripts are printed for all admin pages.
+ *
+ * @since 2.1.0
+ */
+do_action( 'admin_print_scripts' );
+
+/**
+ * Fires in head section for a specific admin page.
+ *
+ * The dynamic portion of the hook name, `$hook_suffix`, refers to the hook suffix
+ * for the admin page.
+ *
+ * @since 2.1.0
+ */
+do_action( "admin_head-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+/**
+ * Fires in head section for all admin pages.
+ *
+ * @since 2.1.0
+ */
+do_action( 'admin_head' );
+
+if ( 'f' === get_user_setting( 'mfold' ) ) {
+	$admin_body_class .= ' folded';
+}
+
+if ( ! get_user_setting( 'unfold' ) ) {
+	$admin_body_class .= ' auto-fold';
+}
+
+if ( is_admin_bar_showing() ) {
+	$admin_body_class .= ' admin-bar';
+}
+
+if ( is_rtl() ) {
+	$admin_body_class .= ' rtl';
+}
+
+if ( $current_screen->post_type ) {
+	$admin_body_class .= ' post-type-' . $current_screen->post_type;
+}
+
+if ( $current_screen->taxonomy ) {
+	$admin_body_class .= ' taxonomy-' . $current_screen->taxonomy;
+}
+
+$admin_body_class .= ' branch-' . str_replace( array( '.', ',' ), '-', (float) get_bloginfo( 'version' ) );
+$admin_body_class .= ' version-' . str_replace( '.', '-', preg_replace( '/^([.0-9]+).*/', '$1', get_bloginfo( 'version' ) ) );
+$admin_body_class .= ' admin-color-' . sanitize_html_class( get_user_option( 'admin_color' ), 'fresh' );
+$admin_body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( '_', '-', get_user_locale() ) ) );
+
+if ( wp_is_mobile() ) {
+	$admin_body_class .= ' mobile';
+}
+
+if ( is_multisite() ) {
+	$admin_body_class .= ' multisite';
+}
+
+if ( is_network_admin() ) {
+	$admin_body_class .= ' network-admin';
+}
+
+$admin_body_class .= ' no-customize-support no-svg';
+
+if ( $current_screen->is_block_editor() ) {
+	$admin_body_class .= ' block-editor-page wp-embed-responsive';
+}
+
+$error_get_last = error_get_last();
+
+// Print a CSS class to make PHP errors visible.
+if ( $error_get_last && WP_DEBUG && WP_DEBUG_DISPLAY && ini_get( 'display_errors' )
+	// Don't print the class for PHP notices in wp-config.php, as they happen before WP_DEBUG takes effect,
+	// and should not be displayed with the `error_reporting` level previously set in wp-load.php.
+	&& ( E_NOTICE !== $error_get_last['type'] || 'wp-config.php' !== wp_basename( $error_get_last['file'] ) )
+) {
+	$admin_body_class .= ' php-error';
+}
+
+unset( $error_get_last );
+
+?>
+</head>
+<?php
+/**
+ * Filters the CSS classes for the body tag in the admin.
+ *
+ * This filter differs from the {@see 'post_class'} and {@see 'body_class'} filters
+ * in two important ways:
+ *
+ * 1. `$classes` is a space-separated string of class names instead of an array.
+ * 2. Not all core admin classes are filterable, notably: wp-admin, wp-core-ui,
+ *    and no-js cannot be removed.
+ *
+ * @since 2.3.0
+ *
+ * @param string $classes Space-separated list of CSS classes.
+ */
+$admin_body_classes = apply_filters( 'admin_body_class', '' );
+$admin_body_classes = ltrim( $admin_body_classes . ' ' . $admin_body_class );
+?>
+<body class="wp-admin wp-core-ui no-js <?php echo $admin_body_classes; ?>">
+<script type="text/javascript">
+	document.body.className = document.body.className.replace('no-js','js');
+</script>
+
+<?php
+// Make sure the customize body classes are correct as early as possible.
+if ( current_user_can( 'customize' ) ) {
+	wp_customize_support_script();
+}
+?>
+
+<div id="wpwrap">
+<?php require ABSPATH . 'wp-admin/menu-header.php'; ?>
+<div id="wpcontent">
+
+<?php
+/**
+ * Fires at the beginning of the content section in an admin page.
+ *
+ * @since 3.0.0
+ */
+do_action( 'in_admin_header' );
+?>
+
+<div id="wpbody" role="main">
+<?php
+unset( $blog_name, $total_update_count, $update_title );
+
+$current_screen->set_parentage( $parent_file );
+
+?>
+
+<div id="wpbody-content">
+<?php
+
+$current_screen->render_screen_meta();
+
+if ( is_network_admin() ) {
+	/**
+	 * Prints network admin screen notices.
+	 *
+	 * @since 3.1.0
+	 */
+	do_action( 'network_admin_notices' );
+} elseif ( is_user_admin() ) {
+	/**
+	 * Prints user admin screen notices.
+	 *
+	 * @since 3.1.0
+	 */
+	do_action( 'user_admin_notices' );
+} else {
+	/**
+	 * Prints admin screen notices.
+	 *
+	 * @since 3.1.0
+	 */
+	do_action( 'admin_notices' );
+}
+
+/**
+ * Prints generic admin screen notices.
+ *
+ * @since 3.1.0
+ */
+do_action( 'all_admin_notices' );
+
+if ( 'options-general.php' === $parent_file ) {
+	require ABSPATH . 'wp-admin/options-head.php';
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/admin-post.php

@@ -0,0 +1,87 @@
+<?php
+/**
+ * WordPress Generic Request (POST/GET) Handler
+ *
+ * Intended for form submission handling in themes and plugins.
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+/** We are located in WordPress Administration Screens */
+if ( ! defined( 'WP_ADMIN' ) ) {
+	define( 'WP_ADMIN', true );
+}
+
+if ( defined( 'ABSPATH' ) ) {
+	require_once ABSPATH . 'wp-load.php';
+} else {
+	require_once dirname( __DIR__ ) . '/wp-load.php';
+}
+
+/** Allow for cross-domain requests (from the front end). */
+send_origin_headers();
+
+require_once ABSPATH . 'wp-admin/includes/admin.php';
+
+nocache_headers();
+
+/** This action is documented in wp-admin/admin.php */
+do_action( 'admin_init' );
+
+$action = ! empty( $_REQUEST['action'] ) ? $_REQUEST['action'] : '';
+
+// Reject invalid parameters.
+if ( ! is_scalar( $action ) ) {
+	wp_die( '', 400 );
+}
+
+if ( ! is_user_logged_in() ) {
+	if ( empty( $action ) ) {
+		/**
+		 * Fires on a non-authenticated admin post request where no action is supplied.
+		 *
+		 * @since 2.6.0
+		 */
+		do_action( 'admin_post_nopriv' );
+	} else {
+		// If no action is registered, return a Bad Request response.
+		if ( ! has_action( "admin_post_nopriv_{$action}" ) ) {
+			wp_die( '', 400 );
+		}
+
+		/**
+		 * Fires on a non-authenticated admin post request for the given action.
+		 *
+		 * The dynamic portion of the hook name, `$action`, refers to the given
+		 * request action.
+		 *
+		 * @since 2.6.0
+		 */
+		do_action( "admin_post_nopriv_{$action}" );
+	}
+} else {
+	if ( empty( $action ) ) {
+		/**
+		 * Fires on an authenticated admin post request where no action is supplied.
+		 *
+		 * @since 2.6.0
+		 */
+		do_action( 'admin_post' );
+	} else {
+		// If no action is registered, return a Bad Request response.
+		if ( ! has_action( "admin_post_{$action}" ) ) {
+			wp_die( '', 400 );
+		}
+
+		/**
+		 * Fires on an authenticated admin post request for the given action.
+		 *
+		 * The dynamic portion of the hook name, `$action`, refers to the given
+		 * request action.
+		 *
+		 * @since 2.6.0
+		 */
+		do_action( "admin_post_{$action}" );
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/admin.php

@@ -0,0 +1,420 @@
+<?php
+/**
+ * WordPress Administration Bootstrap
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+/**
+ * In WordPress Administration Screens
+ *
+ * @since 2.3.2
+ */
+if ( ! defined( 'WP_ADMIN' ) ) {
+	define( 'WP_ADMIN', true );
+}
+
+if ( ! defined( 'WP_NETWORK_ADMIN' ) ) {
+	define( 'WP_NETWORK_ADMIN', false );
+}
+
+if ( ! defined( 'WP_USER_ADMIN' ) ) {
+	define( 'WP_USER_ADMIN', false );
+}
+
+if ( ! WP_NETWORK_ADMIN && ! WP_USER_ADMIN ) {
+	define( 'WP_BLOG_ADMIN', true );
+}
+
+if ( isset( $_GET['import'] ) && ! defined( 'WP_LOAD_IMPORTERS' ) ) {
+	define( 'WP_LOAD_IMPORTERS', true );
+}
+
+require_once dirname( __DIR__ ) . '/wp-load.php';
+
+nocache_headers();
+
+if ( get_option( 'db_upgraded' ) ) {
+
+	flush_rewrite_rules();
+	update_option( 'db_upgraded', false );
+
+	/**
+	 * Fires on the next page load after a successful DB upgrade.
+	 *
+	 * @since 2.8.0
+	 */
+	do_action( 'after_db_upgrade' );
+
+} elseif ( ! wp_doing_ajax() && empty( $_POST )
+	&& (int) get_option( 'db_version' ) !== $wp_db_version
+) {
+
+	if ( ! is_multisite() ) {
+		wp_redirect( admin_url( 'upgrade.php?_wp_http_referer=' . urlencode( wp_unslash( $_SERVER['REQUEST_URI'] ) ) ) );
+		exit;
+	}
+
+	/**
+	 * Filters whether to attempt to perform the multisite DB upgrade routine.
+	 *
+	 * In single site, the user would be redirected to wp-admin/upgrade.php.
+	 * In multisite, the DB upgrade routine is automatically fired, but only
+	 * when this filter returns true.
+	 *
+	 * If the network is 50 sites or less, it will run every time. Otherwise,
+	 * it will throttle itself to reduce load.
+	 *
+	 * @since MU (3.0.0)
+	 *
+	 * @param bool $do_mu_upgrade Whether to perform the Multisite upgrade routine. Default true.
+	 */
+	if ( apply_filters( 'do_mu_upgrade', true ) ) {
+		$c = get_blog_count();
+
+		/*
+		 * If there are 50 or fewer sites, run every time. Otherwise, throttle to reduce load:
+		 * attempt to do no more than threshold value, with some +/- allowed.
+		 */
+		if ( $c <= 50 || ( $c > 50 && mt_rand( 0, (int) ( $c / 50 ) ) === 1 ) ) {
+			require_once ABSPATH . WPINC . '/http.php';
+			$response = wp_remote_get(
+				admin_url( 'upgrade.php?step=1' ),
+				array(
+					'timeout'     => 120,
+					'httpversion' => '1.1',
+				)
+			);
+			/** This action is documented in wp-admin/network/upgrade.php */
+			do_action( 'after_mu_upgrade', $response );
+			unset( $response );
+		}
+		unset( $c );
+	}
+}
+
+require_once ABSPATH . 'wp-admin/includes/admin.php';
+
+auth_redirect();
+
+// Schedule Trash collection.
+if ( ! wp_next_scheduled( 'wp_scheduled_delete' ) && ! wp_installing() ) {
+	wp_schedule_event( time(), 'daily', 'wp_scheduled_delete' );
+}
+
+// Schedule transient cleanup.
+if ( ! wp_next_scheduled( 'delete_expired_transients' ) && ! wp_installing() ) {
+	wp_schedule_event( time(), 'daily', 'delete_expired_transients' );
+}
+
+set_screen_options();
+
+$date_format = __( 'F j, Y' );
+$time_format = __( 'g:i a' );
+
+wp_enqueue_script( 'common' );
+
+/**
+ * $pagenow is set in vars.php.
+ * $wp_importers is sometimes set in wp-admin/includes/import.php.
+ * The remaining variables are imported as globals elsewhere, declared as globals here.
+ *
+ * @global string $pagenow      The filename of the current screen.
+ * @global array  $wp_importers
+ * @global string $hook_suffix
+ * @global string $plugin_page
+ * @global string $typenow      The post type of the current screen.
+ * @global string $taxnow       The taxonomy of the current screen.
+ */
+global $pagenow, $wp_importers, $hook_suffix, $plugin_page, $typenow, $taxnow;
+
+$page_hook = null;
+
+$editing = false;
+
+if ( isset( $_GET['page'] ) ) {
+	$plugin_page = wp_unslash( $_GET['page'] );
+	$plugin_page = plugin_basename( $plugin_page );
+}
+
+if ( isset( $_REQUEST['post_type'] ) && post_type_exists( $_REQUEST['post_type'] ) ) {
+	$typenow = $_REQUEST['post_type'];
+} else {
+	$typenow = '';
+}
+
+if ( isset( $_REQUEST['taxonomy'] ) && taxonomy_exists( $_REQUEST['taxonomy'] ) ) {
+	$taxnow = $_REQUEST['taxonomy'];
+} else {
+	$taxnow = '';
+}
+
+if ( WP_NETWORK_ADMIN ) {
+	require ABSPATH . 'wp-admin/network/menu.php';
+} elseif ( WP_USER_ADMIN ) {
+	require ABSPATH . 'wp-admin/user/menu.php';
+} else {
+	require ABSPATH . 'wp-admin/menu.php';
+}
+
+if ( current_user_can( 'manage_options' ) ) {
+	wp_raise_memory_limit( 'admin' );
+}
+
+/**
+ * Fires as an admin screen or script is being initialized.
+ *
+ * Note, this does not just run on user-facing admin screens.
+ * It runs on admin-ajax.php and admin-post.php as well.
+ *
+ * This is roughly analogous to the more general {@see 'init'} hook, which fires earlier.
+ *
+ * @since 2.5.0
+ */
+do_action( 'admin_init' );
+
+if ( isset( $plugin_page ) ) {
+	if ( ! empty( $typenow ) ) {
+		$the_parent = $pagenow . '?post_type=' . $typenow;
+	} else {
+		$the_parent = $pagenow;
+	}
+
+	$page_hook = get_plugin_page_hook( $plugin_page, $the_parent );
+	if ( ! $page_hook ) {
+		$page_hook = get_plugin_page_hook( $plugin_page, $plugin_page );
+
+		// Back-compat for plugins using add_management_page().
+		if ( empty( $page_hook ) && 'edit.php' === $pagenow && get_plugin_page_hook( $plugin_page, 'tools.php' ) ) {
+			// There could be plugin specific params on the URL, so we need the whole query string.
+			if ( ! empty( $_SERVER['QUERY_STRING'] ) ) {
+				$query_string = $_SERVER['QUERY_STRING'];
+			} else {
+				$query_string = 'page=' . $plugin_page;
+			}
+			wp_redirect( admin_url( 'tools.php?' . $query_string ) );
+			exit;
+		}
+	}
+	unset( $the_parent );
+}
+
+$hook_suffix = '';
+if ( isset( $page_hook ) ) {
+	$hook_suffix = $page_hook;
+} elseif ( isset( $plugin_page ) ) {
+	$hook_suffix = $plugin_page;
+} elseif ( isset( $pagenow ) ) {
+	$hook_suffix = $pagenow;
+}
+
+set_current_screen();
+
+// Handle plugin admin pages.
+if ( isset( $plugin_page ) ) {
+	if ( $page_hook ) {
+		/**
+		 * Fires before a particular screen is loaded.
+		 *
+		 * The load-* hook fires in a number of contexts. This hook is for plugin screens
+		 * where a callback is provided when the screen is registered.
+		 *
+		 * The dynamic portion of the hook name, `$page_hook`, refers to a mixture of plugin
+		 * page information including:
+		 * 1. The page type. If the plugin page is registered as a submenu page, such as for
+		 *    Settings, the page type would be 'settings'. Otherwise the type is 'toplevel'.
+		 * 2. A separator of '_page_'.
+		 * 3. The plugin basename minus the file extension.
+		 *
+		 * Together, the three parts form the `$page_hook`. Citing the example above,
+		 * the hook name used would be 'load-settings_page_pluginbasename'.
+		 *
+		 * @see get_plugin_page_hook()
+		 *
+		 * @since 2.1.0
+		 */
+		do_action( "load-{$page_hook}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		if ( ! isset( $_GET['noheader'] ) ) {
+			require_once ABSPATH . 'wp-admin/admin-header.php';
+		}
+
+		/**
+		 * Used to call the registered callback for a plugin screen.
+		 *
+		 * This hook uses a dynamic hook name, `$page_hook`, which refers to a mixture of plugin
+		 * page information including:
+		 * 1. The page type. If the plugin page is registered as a submenu page, such as for
+		 *    Settings, the page type would be 'settings'. Otherwise the type is 'toplevel'.
+		 * 2. A separator of '_page_'.
+		 * 3. The plugin basename minus the file extension.
+		 *
+		 * Together, the three parts form the `$page_hook`. Citing the example above,
+		 * the hook name used would be 'settings_page_pluginbasename'.
+		 *
+		 * @see get_plugin_page_hook()
+		 *
+		 * @since 1.5.0
+		 */
+		do_action( $page_hook );
+	} else {
+		if ( validate_file( $plugin_page ) ) {
+			wp_die( __( 'Invalid plugin page.' ) );
+		}
+
+		if ( ! ( file_exists( WP_PLUGIN_DIR . "/$plugin_page" ) && is_file( WP_PLUGIN_DIR . "/$plugin_page" ) )
+			&& ! ( file_exists( WPMU_PLUGIN_DIR . "/$plugin_page" ) && is_file( WPMU_PLUGIN_DIR . "/$plugin_page" ) )
+		) {
+			/* translators: %s: Admin page generated by a plugin. */
+			wp_die( sprintf( __( 'Cannot load %s.' ), htmlentities( $plugin_page ) ) );
+		}
+
+		/**
+		 * Fires before a particular screen is loaded.
+		 *
+		 * The load-* hook fires in a number of contexts. This hook is for plugin screens
+		 * where the file to load is directly included, rather than the use of a function.
+		 *
+		 * The dynamic portion of the hook name, `$plugin_page`, refers to the plugin basename.
+		 *
+		 * @see plugin_basename()
+		 *
+		 * @since 1.5.0
+		 */
+		do_action( "load-{$plugin_page}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+		if ( ! isset( $_GET['noheader'] ) ) {
+			require_once ABSPATH . 'wp-admin/admin-header.php';
+		}
+
+		if ( file_exists( WPMU_PLUGIN_DIR . "/$plugin_page" ) ) {
+			include WPMU_PLUGIN_DIR . "/$plugin_page";
+		} else {
+			include WP_PLUGIN_DIR . "/$plugin_page";
+		}
+	}
+
+	require_once ABSPATH . 'wp-admin/admin-footer.php';
+
+	exit;
+} elseif ( isset( $_GET['import'] ) ) {
+
+	$importer = $_GET['import'];
+
+	if ( ! current_user_can( 'import' ) ) {
+		wp_die( __( 'Sorry, you are not allowed to import content into this site.' ) );
+	}
+
+	if ( validate_file( $importer ) ) {
+		wp_redirect( admin_url( 'import.php?invalid=' . $importer ) );
+		exit;
+	}
+
+	if ( ! isset( $wp_importers[ $importer ] ) || ! is_callable( $wp_importers[ $importer ][2] ) ) {
+		wp_redirect( admin_url( 'import.php?invalid=' . $importer ) );
+		exit;
+	}
+
+	/**
+	 * Fires before an importer screen is loaded.
+	 *
+	 * The dynamic portion of the hook name, `$importer`, refers to the importer slug.
+	 *
+	 * Possible hook names include:
+	 *
+	 *  - `load-importer-blogger`
+	 *  - `load-importer-wpcat2tag`
+	 *  - `load-importer-livejournal`
+	 *  - `load-importer-mt`
+	 *  - `load-importer-rss`
+	 *  - `load-importer-tumblr`
+	 *  - `load-importer-wordpress`
+	 *
+	 * @since 3.5.0
+	 */
+	do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+	// Used in the HTML title tag.
+	$title        = __( 'Import' );
+	$parent_file  = 'tools.php';
+	$submenu_file = 'import.php';
+
+	if ( ! isset( $_GET['noheader'] ) ) {
+		require_once ABSPATH . 'wp-admin/admin-header.php';
+	}
+
+	require_once ABSPATH . 'wp-admin/includes/upgrade.php';
+
+	define( 'WP_IMPORTING', true );
+
+	/**
+	 * Whether to filter imported data through kses on import.
+	 *
+	 * Multisite uses this hook to filter all data through kses by default,
+	 * as a super administrator may be assisting an untrusted user.
+	 *
+	 * @since 3.1.0
+	 *
+	 * @param bool $force Whether to force data to be filtered through kses. Default false.
+	 */
+	if ( apply_filters( 'force_filtered_html_on_import', false ) ) {
+		kses_init_filters();  // Always filter imported data with kses on multisite.
+	}
+
+	call_user_func( $wp_importers[ $importer ][2] );
+
+	require_once ABSPATH . 'wp-admin/admin-footer.php';
+
+	// Make sure rules are flushed.
+	flush_rewrite_rules( false );
+
+	exit;
+} else {
+	/**
+	 * Fires before a particular screen is loaded.
+	 *
+	 * The load-* hook fires in a number of contexts. This hook is for core screens.
+	 *
+	 * The dynamic portion of the hook name, `$pagenow`, is a global variable
+	 * referring to the filename of the current screen, such as 'admin.php',
+	 * 'post-new.php' etc. A complete hook for the latter would be
+	 * 'load-post-new.php'.
+	 *
+	 * @since 2.1.0
+	 */
+	do_action( "load-{$pagenow}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+
+	/*
+	 * The following hooks are fired to ensure backward compatibility.
+	 * In all other cases, 'load-' . $pagenow should be used instead.
+	 */
+	if ( 'page' === $typenow ) {
+		if ( 'post-new.php' === $pagenow ) {
+			do_action( 'load-page-new.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		} elseif ( 'post.php' === $pagenow ) {
+			do_action( 'load-page.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		}
+	} elseif ( 'edit-tags.php' === $pagenow ) {
+		if ( 'category' === $taxnow ) {
+			do_action( 'load-categories.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		} elseif ( 'link_category' === $taxnow ) {
+			do_action( 'load-edit-link-categories.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+		}
+	} elseif ( 'term.php' === $pagenow ) {
+		do_action( 'load-edit-tags.php' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
+	}
+}
+
+if ( ! empty( $_REQUEST['action'] ) ) {
+	$action = $_REQUEST['action'];
+
+	/**
+	 * Fires when an 'action' request variable is sent.
+	 *
+	 * The dynamic portion of the hook name, `$action`, refers to
+	 * the action derived from the `GET` or `POST` request.
+	 *
+	 * @since 2.6.0
+	 */
+	do_action( "admin_action_{$action}" );
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/async-upload.php

@@ -0,0 +1,156 @@
+<?php
+/**
+ * Server-side file upload handler from wp-plupload or other asynchronous upload methods.
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+if ( isset( $_REQUEST['action'] ) && 'upload-attachment' === $_REQUEST['action'] ) {
+	define( 'DOING_AJAX', true );
+}
+
+if ( ! defined( 'WP_ADMIN' ) ) {
+	define( 'WP_ADMIN', true );
+}
+
+if ( defined( 'ABSPATH' ) ) {
+	require_once ABSPATH . 'wp-load.php';
+} else {
+	require_once dirname( __DIR__ ) . '/wp-load.php';
+}
+
+require_once ABSPATH . 'wp-admin/admin.php';
+
+header( 'Content-Type: text/plain; charset=' . get_option( 'blog_charset' ) );
+
+if ( isset( $_REQUEST['action'] ) && 'upload-attachment' === $_REQUEST['action'] ) {
+	require ABSPATH . 'wp-admin/includes/ajax-actions.php';
+
+	send_nosniff_header();
+	nocache_headers();
+
+	wp_ajax_upload_attachment();
+	die( '0' );
+}
+
+if ( ! current_user_can( 'upload_files' ) ) {
+	wp_die( __( 'Sorry, you are not allowed to upload files.' ) );
+}
+
+// Just fetch the detail form for that attachment.
+if ( isset( $_REQUEST['attachment_id'] ) && (int) $_REQUEST['attachment_id'] && $_REQUEST['fetch'] ) {
+	$id   = (int) $_REQUEST['attachment_id'];
+	$post = get_post( $id );
+	if ( 'attachment' !== $post->post_type ) {
+		wp_die( __( 'Invalid post type.' ) );
+	}
+
+	switch ( $_REQUEST['fetch'] ) {
+		case 3:
+			?>
+			<div class="media-item-wrapper">
+				<div class="attachment-details">
+					<?php
+					$thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
+					if ( $thumb_url ) {
+						echo '<img class="pinkynail" src="' . esc_url( $thumb_url[0] ) . '" alt="" />';
+					}
+
+					// Title shouldn't ever be empty, but use filename just in case.
+					$file     = get_attached_file( $post->ID );
+					$file_url = wp_get_attachment_url( $post->ID );
+					$title    = $post->post_title ? $post->post_title : wp_basename( $file );
+					?>
+					<div class="filename new">
+						<span class="media-list-title"><strong><?php echo esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ); ?></strong></span>
+						<span class="media-list-subtitle"><?php echo wp_basename( $file ); ?></span>
+					</div>
+				</div>
+				<div class="attachment-tools">
+					<span class="media-item-copy-container copy-to-clipboard-container edit-attachment">
+						<button type="button" class="button button-small copy-attachment-url" data-clipboard-text="<?php echo $file_url; ?>"><?php _e( 'Copy URL to clipboard' ); ?></button>
+						<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
+					</span>
+					<?php
+					if ( current_user_can( 'edit_post', $id ) ) {
+						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '">' . _x( 'Edit', 'media item' ) . '</a>';
+					} else {
+						echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
+					}
+					?>
+				</div>
+			</div>
+			<?php
+			break;
+		case 2:
+			add_filter( 'attachment_fields_to_edit', 'media_single_attachment_fields_to_edit', 10, 2 );
+			echo get_media_item(
+				$id,
+				array(
+					'send'   => false,
+					'delete' => true,
+				)
+			);
+			break;
+		default:
+			add_filter( 'attachment_fields_to_edit', 'media_post_single_attachment_fields_to_edit', 10, 2 );
+			echo get_media_item( $id );
+			break;
+	}
+	exit;
+}
+
+check_admin_referer( 'media-form' );
+
+$post_id = 0;
+if ( isset( $_REQUEST['post_id'] ) ) {
+	$post_id = absint( $_REQUEST['post_id'] );
+	if ( ! get_post( $post_id ) || ! current_user_can( 'edit_post', $post_id ) ) {
+		$post_id = 0;
+	}
+}
+
+$id = media_handle_upload( 'async-upload', $post_id );
+if ( is_wp_error( $id ) ) {
+	printf(
+		'<div class="error-div error">%s <strong>%s</strong><br />%s</div>',
+		sprintf(
+			'<button type="button" class="dismiss button-link" onclick="jQuery(this).parents(\'div.media-item\').slideUp(200, function(){jQuery(this).remove();});">%s</button>',
+			__( 'Dismiss' )
+		),
+		sprintf(
+			/* translators: %s: Name of the file that failed to upload. */
+			__( '&#8220;%s&#8221; has failed to upload.' ),
+			esc_html( $_FILES['async-upload']['name'] )
+		),
+		esc_html( $id->get_error_message() )
+	);
+	exit;
+}
+
+if ( $_REQUEST['short'] ) {
+	// Short form response - attachment ID only.
+	echo $id;
+} else {
+	// Long form response - big chunk of HTML.
+	$type = $_REQUEST['type'];
+
+	/**
+	 * Filters the returned ID of an uploaded attachment.
+	 *
+	 * The dynamic portion of the hook name, `$type`, refers to the attachment type.
+	 *
+	 * Possible hook names include:
+	 *
+	 *  - `async_upload_audio`
+	 *  - `async_upload_file`
+	 *  - `async_upload_image`
+	 *  - `async_upload_video`
+	 *
+	 * @since 2.5.0
+	 *
+	 * @param int $id Uploaded attachment ID.
+	 */
+	echo apply_filters( "async_upload_{$type}", $id );
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/authorize-application.php

@@ -0,0 +1,325 @@
+<?php
+/**
+ * Authorize Application Screen
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+/** WordPress Administration Bootstrap */
+require_once __DIR__ . '/admin.php';
+
+$error        = null;
+$new_password = '';
+
+// This is the no-js fallback script. Generally this will all be handled by `auth-app.js`.
+if ( isset( $_POST['action'] ) && 'authorize_application_password' === $_POST['action'] ) {
+	check_admin_referer( 'authorize_application_password' );
+
+	$success_url = $_POST['success_url'];
+	$reject_url  = $_POST['reject_url'];
+	$app_name    = $_POST['app_name'];
+	$app_id      = $_POST['app_id'];
+	$redirect    = '';
+
+	if ( isset( $_POST['reject'] ) ) {
+		if ( $reject_url ) {
+			$redirect = $reject_url;
+		} else {
+			$redirect = admin_url();
+		}
+	} elseif ( isset( $_POST['approve'] ) ) {
+		$created = WP_Application_Passwords::create_new_application_password(
+			get_current_user_id(),
+			array(
+				'name'   => $app_name,
+				'app_id' => $app_id,
+			)
+		);
+
+		if ( is_wp_error( $created ) ) {
+			$error = $created;
+		} else {
+			list( $new_password ) = $created;
+
+			if ( $success_url ) {
+				$redirect = add_query_arg(
+					array(
+						'site_url'   => urlencode( site_url() ),
+						'user_login' => urlencode( wp_get_current_user()->user_login ),
+						'password'   => urlencode( $new_password ),
+					),
+					$success_url
+				);
+			}
+		}
+	}
+
+	if ( $redirect ) {
+		// Explicitly not using wp_safe_redirect b/c sends to arbitrary domain.
+		wp_redirect( $redirect );
+		exit;
+	}
+}
+
+// Used in the HTML title tag.
+$title = __( 'Authorize Application' );
+
+$app_name    = ! empty( $_REQUEST['app_name'] ) ? $_REQUEST['app_name'] : '';
+$app_id      = ! empty( $_REQUEST['app_id'] ) ? $_REQUEST['app_id'] : '';
+$success_url = ! empty( $_REQUEST['success_url'] ) ? $_REQUEST['success_url'] : null;
+
+if ( ! empty( $_REQUEST['reject_url'] ) ) {
+	$reject_url = $_REQUEST['reject_url'];
+} elseif ( $success_url ) {
+	$reject_url = add_query_arg( 'success', 'false', $success_url );
+} else {
+	$reject_url = null;
+}
+
+$user = wp_get_current_user();
+
+$request  = compact( 'app_name', 'app_id', 'success_url', 'reject_url' );
+$is_valid = wp_is_authorize_application_password_request_valid( $request, $user );
+
+if ( is_wp_error( $is_valid ) ) {
+	wp_die(
+		__( 'The Authorize Application request is not allowed.' ) . ' ' . implode( ' ', $is_valid->get_error_messages() ),
+		__( 'Cannot Authorize Application' )
+	);
+}
+
+if ( wp_is_site_protected_by_basic_auth( 'front' ) ) {
+	wp_die(
+		__( 'Your website appears to use Basic Authentication, which is not currently compatible with application passwords.' ),
+		__( 'Cannot Authorize Application' ),
+		array(
+			'response'  => 501,
+			'link_text' => __( 'Go Back' ),
+			'link_url'  => $reject_url ? add_query_arg( 'error', 'disabled', $reject_url ) : admin_url(),
+		)
+	);
+}
+
+if ( ! wp_is_application_passwords_available_for_user( $user ) ) {
+	if ( wp_is_application_passwords_available() ) {
+		$message = __( 'Application passwords are not available for your account. Please contact the site administrator for assistance.' );
+	} else {
+		$message = __( 'Application passwords are not available.' );
+	}
+
+	wp_die(
+		$message,
+		__( 'Cannot Authorize Application' ),
+		array(
+			'response'  => 501,
+			'link_text' => __( 'Go Back' ),
+			'link_url'  => $reject_url ? add_query_arg( 'error', 'disabled', $reject_url ) : admin_url(),
+		)
+	);
+}
+
+wp_enqueue_script( 'auth-app' );
+wp_localize_script(
+	'auth-app',
+	'authApp',
+	array(
+		'site_url'   => site_url(),
+		'user_login' => $user->user_login,
+		'success'    => $success_url,
+		'reject'     => $reject_url ? $reject_url : admin_url(),
+	)
+);
+
+require_once ABSPATH . 'wp-admin/admin-header.php';
+
+?>
+<div class="wrap">
+	<h1><?php echo esc_html( $title ); ?></h1>
+
+	<?php if ( is_wp_error( $error ) ) : ?>
+		<div class="notice notice-error"><p><?php echo $error->get_error_message(); ?></p></div>
+	<?php endif; ?>
+
+	<div class="card auth-app-card">
+		<h2 class="title"><?php _e( 'An application would like to connect to your account.' ); ?></h2>
+		<?php if ( $app_name ) : ?>
+			<p>
+				<?php
+				printf(
+					/* translators: %s: Application name. */
+					__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the application in question.' ),
+					'<strong>' . esc_html( $app_name ) . '</strong>'
+				);
+				?>
+			</p>
+		<?php else : ?>
+			<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the application in question.' ); ?></p>
+		<?php endif; ?>
+
+		<?php
+		if ( is_multisite() ) {
+			$blogs       = get_blogs_of_user( $user->ID, true );
+			$blogs_count = count( $blogs );
+
+			if ( $blogs_count > 1 ) {
+				?>
+				<p>
+					<?php
+					/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
+					$message = _n(
+						'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
+						'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
+						$blogs_count
+					);
+
+					if ( is_super_admin() ) {
+						/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
+						$message = _n(
+							'This will grant access to <a href="%1$s">the %2$s site on the network as you have Super Admin rights</a>.',
+							'This will grant access to <a href="%1$s">all %2$s sites on the network as you have Super Admin rights</a>.',
+							$blogs_count
+						);
+					}
+
+					printf(
+						$message,
+						admin_url( 'my-sites.php' ),
+						number_format_i18n( $blogs_count )
+					);
+					?>
+				</p>
+				<?php
+			}
+		}
+		?>
+
+		<?php if ( $new_password ) : ?>
+			<div class="notice notice-success notice-alt below-h2">
+				<p class="application-password-display">
+					<label for="new-application-password-value">
+						<?php
+						printf(
+							/* translators: %s: Application name. */
+							esc_html__( 'Your new password for %s is:' ),
+							'<strong>' . esc_html( $app_name ) . '</strong>'
+						);
+						?>
+					</label>
+					<input id="new-application-password-value" type="text" class="code" readonly="readonly" value="<?php esc_attr( WP_Application_Passwords::chunk_password( $new_password ) ); ?>" />
+				</p>
+				<p><?php _e( 'Be sure to save this in a safe location. You will not be able to retrieve it.' ); ?></p>
+			</div>
+
+			<?php
+			/**
+			 * Fires in the Authorize Application Password new password section in the no-JS version.
+			 *
+			 * In most cases, this should be used in combination with the {@see 'wp_application_passwords_approve_app_request_success'}
+			 * action to ensure that both the JS and no-JS variants are handled.
+			 *
+			 * @since 5.6.0
+			 * @since 5.6.1 Corrected action name and signature.
+			 *
+			 * @param string  $new_password The newly generated application password.
+			 * @param array   $request      The array of request data. All arguments are optional and may be empty.
+			 * @param WP_User $user         The user authorizing the application.
+			 */
+			do_action( 'wp_authorize_application_password_form_approved_no_js', $new_password, $request, $user );
+			?>
+		<?php else : ?>
+			<form action="<?php echo esc_url( admin_url( 'authorize-application.php' ) ); ?>" method="post" class="form-wrap">
+				<?php wp_nonce_field( 'authorize_application_password' ); ?>
+				<input type="hidden" name="action" value="authorize_application_password" />
+				<input type="hidden" name="app_id" value="<?php echo esc_attr( $app_id ); ?>" />
+				<input type="hidden" name="success_url" value="<?php echo esc_url( $success_url ); ?>" />
+				<input type="hidden" name="reject_url" value="<?php echo esc_url( $reject_url ); ?>" />
+
+				<div class="form-field">
+					<label for="app_name"><?php _e( 'New Application Password Name' ); ?></label>
+					<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" required />
+				</div>
+
+				<?php
+				/**
+				 * Fires in the Authorize Application Password form before the submit buttons.
+				 *
+				 * @since 5.6.0
+				 *
+				 * @param array   $request {
+				 *     The array of request data. All arguments are optional and may be empty.
+				 *
+				 *     @type string $app_name    The suggested name of the application.
+				 *     @type string $success_url The URL the user will be redirected to after approving the application.
+				 *     @type string $reject_url  The URL the user will be redirected to after rejecting the application.
+				 * }
+				 * @param WP_User $user The user authorizing the application.
+				 */
+				do_action( 'wp_authorize_application_password_form', $request, $user );
+				?>
+
+				<?php
+				submit_button(
+					__( 'Yes, I approve of this connection' ),
+					'primary',
+					'approve',
+					false,
+					array(
+						'aria-describedby' => 'description-approve',
+					)
+				);
+				?>
+				<p class="description" id="description-approve">
+					<?php
+					if ( $success_url ) {
+						printf(
+							/* translators: %s: The URL the user is being redirected to. */
+							__( 'You will be sent to %s' ),
+							'<strong><code>' . esc_html(
+								add_query_arg(
+									array(
+										'site_url'   => site_url(),
+										'user_login' => $user->user_login,
+										'password'   => '[------]',
+									),
+									$success_url
+								)
+							) . '</code></strong>'
+						);
+					} else {
+						_e( 'You will be given a password to manually enter into the application in question.' );
+					}
+					?>
+				</p>
+
+				<?php
+				submit_button(
+					__( 'No, I do not approve of this connection' ),
+					'secondary',
+					'reject',
+					false,
+					array(
+						'aria-describedby' => 'description-reject',
+					)
+				);
+				?>
+				<p class="description" id="description-reject">
+					<?php
+					if ( $reject_url ) {
+						printf(
+							/* translators: %s: The URL the user is being redirected to. */
+							__( 'You will be sent to %s' ),
+							'<strong><code>' . esc_html( $reject_url ) . '</code></strong>'
+						);
+					} else {
+						_e( 'You will be returned to the WordPress Dashboard, and no changes will be made.' );
+					}
+					?>
+				</p>
+			</form>
+		<?php endif; ?>
+	</div>
+</div>
+<?php
+
+require_once ABSPATH . 'wp-admin/admin-footer.php';

hw5-wordpress/shadrin14323/app/public/wp-admin/comment.php

@@ -0,0 +1,374 @@
+<?php
+/**
+ * Comment Management Screen
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+/** Load WordPress Bootstrap */
+require_once __DIR__ . '/admin.php';
+
+$parent_file  = 'edit-comments.php';
+$submenu_file = 'edit-comments.php';
+
+/**
+ * @global string $action
+ */
+global $action;
+wp_reset_vars( array( 'action' ) );
+
+if ( isset( $_POST['deletecomment'] ) ) {
+	$action = 'deletecomment';
+}
+
+if ( 'cdc' === $action ) {
+	$action = 'delete';
+} elseif ( 'mac' === $action ) {
+	$action = 'approve';
+}
+
+if ( isset( $_GET['dt'] ) ) {
+	if ( 'spam' === $_GET['dt'] ) {
+		$action = 'spam';
+	} elseif ( 'trash' === $_GET['dt'] ) {
+		$action = 'trash';
+	}
+}
+
+if ( isset( $_REQUEST['c'] ) ) {
+	$comment_id = absint( $_REQUEST['c'] );
+	$comment    = get_comment( $comment_id );
+
+	// Prevent actions on a comment associated with a trashed post.
+	if ( $comment && 'trash' === get_post_status( $comment->comment_post_ID ) ) {
+		wp_die(
+			__( 'You cannot edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
+		);
+	}
+} else {
+	$comment = null;
+}
+
+switch ( $action ) {
+
+	case 'editcomment':
+		// Used in the HTML title tag.
+		$title = __( 'Edit Comment' );
+
+		get_current_screen()->add_help_tab(
+			array(
+				'id'      => 'overview',
+				'title'   => __( 'Overview' ),
+				'content' =>
+					'<p>' . __( 'You can edit the information left in a comment if needed. This is often useful when you notice that a commenter has made a typographical error.' ) . '</p>' .
+					'<p>' . __( 'You can also moderate the comment from this screen using the Status box, where you can also change the timestamp of the comment.' ) . '</p>',
+			)
+		);
+
+		get_current_screen()->set_help_sidebar(
+			'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
+			'<p>' . __( '<a href="https://wordpress.org/support/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
+			'<p>' . __( '<a href="https://wordpress.org/support/">Support</a>' ) . '</p>'
+		);
+
+		wp_enqueue_script( 'comment' );
+		require_once ABSPATH . 'wp-admin/admin-header.php';
+
+		if ( ! $comment ) {
+			comment_footer_die( __( 'Invalid comment ID.' ) . sprintf( ' <a href="%s">' . __( 'Go back' ) . '</a>.', 'javascript:history.go(-1)' ) );
+		}
+
+		if ( ! current_user_can( 'edit_comment', $comment_id ) ) {
+			comment_footer_die( __( 'Sorry, you are not allowed to edit this comment.' ) );
+		}
+
+		if ( 'trash' === $comment->comment_approved ) {
+			comment_footer_die( __( 'This comment is in the Trash. Please move it out of the Trash if you want to edit it.' ) );
+		}
+
+		$comment = get_comment_to_edit( $comment_id );
+
+		require ABSPATH . 'wp-admin/edit-form-comment.php';
+
+		break;
+
+	case 'delete':
+	case 'approve':
+	case 'trash':
+	case 'spam':
+		// Used in the HTML title tag.
+		$title = __( 'Moderate Comment' );
+
+		if ( ! $comment ) {
+			wp_redirect( admin_url( 'edit-comments.php?error=1' ) );
+			die();
+		}
+
+		if ( ! current_user_can( 'edit_comment', $comment->comment_ID ) ) {
+			wp_redirect( admin_url( 'edit-comments.php?error=2' ) );
+			die();
+		}
+
+		// No need to re-approve/re-trash/re-spam a comment.
+		if ( str_replace( '1', 'approve', $comment->comment_approved ) === $action ) {
+			wp_redirect( admin_url( 'edit-comments.php?same=' . $comment_id ) );
+			die();
+		}
+
+		require_once ABSPATH . 'wp-admin/admin-header.php';
+
+		$formaction    = $action . 'comment';
+		$nonce_action  = ( 'approve' === $action ) ? 'approve-comment_' : 'delete-comment_';
+		$nonce_action .= $comment_id;
+
+		?>
+	<div class="wrap">
+
+	<h1><?php echo esc_html( $title ); ?></h1>
+
+		<?php
+		switch ( $action ) {
+			case 'spam':
+				$caution_msg = __( 'You are about to mark the following comment as spam:' );
+				$button      = _x( 'Mark as spam', 'comment' );
+				break;
+			case 'trash':
+				$caution_msg = __( 'You are about to move the following comment to the Trash:' );
+				$button      = __( 'Move to Trash' );
+				break;
+			case 'delete':
+				$caution_msg = __( 'You are about to delete the following comment:' );
+				$button      = __( 'Permanently delete comment' );
+				break;
+			default:
+				$caution_msg = __( 'You are about to approve the following comment:' );
+				$button      = __( 'Approve comment' );
+				break;
+		}
+
+		if ( '0' !== $comment->comment_approved ) { // If not unapproved.
+			$message = '';
+			switch ( $comment->comment_approved ) {
+				case '1':
+					$message = __( 'This comment is currently approved.' );
+					break;
+				case 'spam':
+					$message = __( 'This comment is currently marked as spam.' );
+					break;
+				case 'trash':
+					$message = __( 'This comment is currently in the Trash.' );
+					break;
+			}
+			if ( $message ) {
+				echo '<div id="message" class="notice notice-info"><p>' . $message . '</p></div>';
+			}
+		}
+		?>
+<div id="message" class="notice notice-warning"><p><strong><?php _e( 'Caution:' ); ?></strong> <?php echo $caution_msg; ?></p></div>
+
+<table class="form-table comment-ays">
+<tr>
+	<th scope="row"><?php _e( 'Author' ); ?></th>
+	<td><?php comment_author( $comment ); ?></td>
+</tr>
+		<?php if ( get_comment_author_email( $comment ) ) { ?>
+<tr>
+	<th scope="row"><?php _e( 'Email' ); ?></th>
+	<td><?php comment_author_email( $comment ); ?></td>
+</tr>
+<?php } ?>
+		<?php if ( get_comment_author_url( $comment ) ) { ?>
+<tr>
+	<th scope="row"><?php _e( 'URL' ); ?></th>
+	<td><a href="<?php comment_author_url( $comment ); ?>"><?php comment_author_url( $comment ); ?></a></td>
+</tr>
+<?php } ?>
+<tr>
+	<th scope="row"><?php /* translators: Column name or table row header. */ _e( 'In response to' ); ?></th>
+	<td>
+		<?php
+		$post_id = $comment->comment_post_ID;
+		if ( current_user_can( 'edit_post', $post_id ) ) {
+			$post_link  = "<a href='" . esc_url( get_edit_post_link( $post_id ) ) . "'>";
+			$post_link .= esc_html( get_the_title( $post_id ) ) . '</a>';
+		} else {
+			$post_link = esc_html( get_the_title( $post_id ) );
+		}
+		echo $post_link;
+
+		if ( $comment->comment_parent ) {
+			$parent      = get_comment( $comment->comment_parent );
+			$parent_link = esc_url( get_comment_link( $parent ) );
+			$name        = get_comment_author( $parent );
+			printf(
+				/* translators: %s: Comment link. */
+				' | ' . __( 'In reply to %s.' ),
+				'<a href="' . $parent_link . '">' . $name . '</a>'
+			);
+		}
+		?>
+	</td>
+</tr>
+<tr>
+	<th scope="row"><?php _e( 'Submitted on' ); ?></th>
+	<td>
+		<?php
+		$submitted = sprintf(
+			/* translators: 1: Comment date, 2: Comment time. */
+			__( '%1$s at %2$s' ),
+			/* translators: Comment date format. See https://www.php.net/manual/datetime.format.php */
+			get_comment_date( __( 'Y/m/d' ), $comment ),
+			/* translators: Comment time format. See https://www.php.net/manual/datetime.format.php */
+			get_comment_date( __( 'g:i a' ), $comment )
+		);
+		if ( 'approved' === wp_get_comment_status( $comment ) && ! empty( $comment->comment_post_ID ) ) {
+			echo '<a href="' . esc_url( get_comment_link( $comment ) ) . '">' . $submitted . '</a>';
+		} else {
+			echo $submitted;
+		}
+		?>
+	</td>
+</tr>
+<tr>
+	<th scope="row"><?php /* translators: Field name in comment form. */ _ex( 'Comment', 'noun' ); ?></th>
+	<td class="comment-content">
+		<?php comment_text( $comment ); ?>
+		<p class="edit-comment">
+			<a href="<?php echo esc_url( admin_url( "comment.php?action=editcomment&c={$comment->comment_ID}" ) ); ?>"><?php esc_html_e( 'Edit' ); ?></a>
+		</p>
+	</td>
+</tr>
+</table>
+
+<form action="comment.php" method="get" class="comment-ays-submit">
+	<p>
+		<?php submit_button( $button, 'primary', 'submit', false ); ?>
+		<a href="<?php echo esc_url( admin_url( 'edit-comments.php' ) ); ?>" class="button-cancel"><?php esc_html_e( 'Cancel' ); ?></a>
+	</p>
+
+		<?php wp_nonce_field( $nonce_action ); ?>
+	<input type="hidden" name="action" value="<?php echo esc_attr( $formaction ); ?>" />
+	<input type="hidden" name="c" value="<?php echo esc_attr( $comment->comment_ID ); ?>" />
+	<input type="hidden" name="noredir" value="1" />
+</form>
+
+</div>
+		<?php
+		break;
+
+	case 'deletecomment':
+	case 'trashcomment':
+	case 'untrashcomment':
+	case 'spamcomment':
+	case 'unspamcomment':
+	case 'approvecomment':
+	case 'unapprovecomment':
+		$comment_id = absint( $_REQUEST['c'] );
+
+		if ( in_array( $action, array( 'approvecomment', 'unapprovecomment' ), true ) ) {
+			check_admin_referer( 'approve-comment_' . $comment_id );
+		} else {
+			check_admin_referer( 'delete-comment_' . $comment_id );
+		}
+
+		$noredir = isset( $_REQUEST['noredir'] );
+
+		$comment = get_comment( $comment_id );
+		if ( ! $comment ) {
+			comment_footer_die( __( 'Invalid comment ID.' ) . sprintf( ' <a href="%s">' . __( 'Go back' ) . '</a>.', 'edit-comments.php' ) );
+		}
+		if ( ! current_user_can( 'edit_comment', $comment->comment_ID ) ) {
+			comment_footer_die( __( 'Sorry, you are not allowed to edit comments on this post.' ) );
+		}
+
+		if ( wp_get_referer() && ! $noredir && false === strpos( wp_get_referer(), 'comment.php' ) ) {
+			$redir = wp_get_referer();
+		} elseif ( wp_get_original_referer() && ! $noredir ) {
+			$redir = wp_get_original_referer();
+		} elseif ( in_array( $action, array( 'approvecomment', 'unapprovecomment' ), true ) ) {
+			$redir = admin_url( 'edit-comments.php?p=' . absint( $comment->comment_post_ID ) );
+		} else {
+			$redir = admin_url( 'edit-comments.php' );
+		}
+
+		$redir = remove_query_arg( array( 'spammed', 'unspammed', 'trashed', 'untrashed', 'deleted', 'ids', 'approved', 'unapproved' ), $redir );
+
+		switch ( $action ) {
+			case 'deletecomment':
+				wp_delete_comment( $comment );
+				$redir = add_query_arg( array( 'deleted' => '1' ), $redir );
+				break;
+			case 'trashcomment':
+				wp_trash_comment( $comment );
+				$redir = add_query_arg(
+					array(
+						'trashed' => '1',
+						'ids'     => $comment_id,
+					),
+					$redir
+				);
+				break;
+			case 'untrashcomment':
+				wp_untrash_comment( $comment );
+				$redir = add_query_arg( array( 'untrashed' => '1' ), $redir );
+				break;
+			case 'spamcomment':
+				wp_spam_comment( $comment );
+				$redir = add_query_arg(
+					array(
+						'spammed' => '1',
+						'ids'     => $comment_id,
+					),
+					$redir
+				);
+				break;
+			case 'unspamcomment':
+				wp_unspam_comment( $comment );
+				$redir = add_query_arg( array( 'unspammed' => '1' ), $redir );
+				break;
+			case 'approvecomment':
+				wp_set_comment_status( $comment, 'approve' );
+				$redir = add_query_arg( array( 'approved' => 1 ), $redir );
+				break;
+			case 'unapprovecomment':
+				wp_set_comment_status( $comment, 'hold' );
+				$redir = add_query_arg( array( 'unapproved' => 1 ), $redir );
+				break;
+		}
+
+		wp_redirect( $redir );
+		die;
+
+	case 'editedcomment':
+		$comment_id      = absint( $_POST['comment_ID'] );
+		$comment_post_id = absint( $_POST['comment_post_ID'] );
+
+		check_admin_referer( 'update-comment_' . $comment_id );
+
+		$updated = edit_comment();
+		if ( is_wp_error( $updated ) ) {
+			wp_die( $updated->get_error_message() );
+		}
+
+		$location = ( empty( $_POST['referredby'] ) ? "edit-comments.php?p=$comment_post_id" : $_POST['referredby'] ) . '#comment-' . $comment_id;
+
+		/**
+		 * Filters the URI the user is redirected to after editing a comment in the admin.
+		 *
+		 * @since 2.1.0
+		 *
+		 * @param string $location The URI the user will be redirected to.
+		 * @param int $comment_id The ID of the comment being edited.
+		 */
+		$location = apply_filters( 'comment_edit_redirect', $location, $comment_id );
+
+		wp_redirect( $location );
+		exit;
+
+	default:
+		wp_die( __( 'Unknown action.' ) );
+
+} // End switch.
+
+require_once ABSPATH . 'wp-admin/admin-footer.php';

hw5-wordpress/shadrin14323/app/public/wp-admin/credits.php

@@ -0,0 +1,142 @@
+<?php
+/**
+ * Credits administration panel.
+ *
+ * @package WordPress
+ * @subpackage Administration
+ */
+
+/** WordPress Administration Bootstrap */
+require_once __DIR__ . '/admin.php';
+require_once __DIR__ . '/includes/credits.php';
+
+// Used in the HTML title tag.
+$title = __( 'Credits' );
+
+list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
+
+require_once ABSPATH . 'wp-admin/admin-header.php';
+
+$credits = wp_credits();
+?>
+<div class="wrap about__container">
+
+	<div class="about__header">
+		<div class="about__header-title">
+			<h1>
+				<?php _e( 'Contributors' ); ?>
+			</h1>
+		</div>
+
+		<div class="about__header-text">
+			<?php
+			printf(
+				/* translators: %s: Version number. */
+				__( 'WordPress %s was created by a worldwide team of passionate individuals' ),
+				$display_version
+			);
+			?>
+		</div>
+
+		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+			<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
+			<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
+			<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+			<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+		</nav>
+	</div>
+
+	<div class="about__section has-1-column has-gutters">
+		<div class="column aligncenter">
+			<?php if ( ! $credits ) : ?>
+
+			<p>
+				<?php
+				printf(
+					/* translators: 1: https://wordpress.org/about/ */
+					__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals.' ),
+					__( 'https://wordpress.org/about/' )
+				);
+				?>
+				<br />
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
+			</p>
+
+			<?php else : ?>
+
+			<p>
+				<?php _e( 'Want to see your name in lights on this page?' ); ?>
+				<br />
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
+			</p>
+
+			<?php endif; ?>
+		</div>
+	</div>
+
+<?php
+if ( ! $credits ) {
+	echo '</div>';
+	require_once ABSPATH . 'wp-admin/admin-footer.php';
+	exit;
+}
+?>
+
+	<hr class="is-large" />
+
+	<div class="about__section">
+		<div class="column is-edge-to-edge">
+			<?php wp_credits_section_title( $credits['groups']['core-developers'] ); ?>
+			<?php wp_credits_section_list( $credits, 'core-developers' ); ?>
+			<?php wp_credits_section_list( $credits, 'contributing-developers' ); ?>
+		</div>
+	</div>
+
+	<hr />
+
+	<div class="about__section">
+		<div class="column">
+			<?php wp_credits_section_title( $credits['groups']['props'] ); ?>
+			<?php wp_credits_section_list( $credits, 'props' ); ?>
+		</div>
+	</div>
+
+	<hr />
+
+	<?php if ( isset( $credits['groups']['translators'] ) || isset( $credits['groups']['validators'] ) ) : ?>
+	<div class="about__section">
+		<div class="column">
+			<?php wp_credits_section_title( $credits['groups']['validators'] ); ?>
+			<?php wp_credits_section_list( $credits, 'validators' ); ?>
+			<?php wp_credits_section_list( $credits, 'translators' ); ?>
+		</div>
+	</div>
+
+	<hr />
+	<?php endif; ?>
+
+	<div class="about__section">
+		<div class="column">
+			<?php wp_credits_section_title( $credits['groups']['libraries'] ); ?>
+			<?php wp_credits_section_list( $credits, 'libraries' ); ?>
+		</div>
+	</div>
+</div>
+<?php
+
+require_once ABSPATH . 'wp-admin/admin-footer.php';
+
+return;
+
+// These are strings returned by the API that we want to be translatable.
+__( 'Project Leaders' );
+/* translators: %s: The current WordPress version number. */
+__( 'Core Contributors to WordPress %s' );
+__( 'Noteworthy Contributors' );
+__( 'Cofounder, Project Lead' );
+__( 'Lead Developer' );
+__( 'Release Lead' );
+__( 'Release Design Lead' );
+__( 'Release Deputy' );
+__( 'Core Developer' );
+__( 'External Libraries' );

hw5-wordpress/shadrin14323/app/public/wp-admin/css/about-rtl.css

@@ -0,0 +1,1495 @@
+/*! This file is auto-generated */
+/*------------------------------------------------------------------------------
+  22.0 - About Pages
+
+   1.0 Global: About, Credits, Freedoms, Privacy
+    1.1 Layout
+    1.2 Typography & Elements
+    1.3 Header
+   2.0 Credits Page
+   3.0 Freedoms Page
+   4.0 Privacy Page
+   x.2.0 Legacy About Styles: Global
+    x.2.1 Typography
+    x.2.2 Structure
+    x.2.3 Point Releases
+   x.3.0 Legacy About Styles: About Page
+    x.3.1 Typography
+    x.3.2 Structure
+   x.4.0 Legacy About Styles: Credits & Freedoms Pages
+   x.5.0 Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+.about__container {
+	/* Section backgrounds */
+	--background: #274acd;
+	--subtle-background: #eff2ff;
+
+	/* Main text color */
+	--text: #000;
+	--text-light: #fff;
+
+	/* Accent colors: used in header, on special classes. */
+	--accent-1: #3858e9; /* Link color, credit image overlay */
+	--accent-2: #fffcb5; /* Accent background */
+
+	/* Navigation colors. */
+	--nav-background: #fff;
+	--nav-border: transparent;
+	--nav-color: var(--text);
+	--nav-current: var(--accent-1);
+
+	--gap: 2rem;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Global: About, Credits, Freedoms, Privacy
+------------------------------------------------------------------------------*/
+
+.about-php,
+.credits-php,
+.freedoms-php,
+.privacy-php {
+	background: #fff;
+}
+
+.about-php #wpcontent,
+.credits-php #wpcontent,
+.freedoms-php #wpcontent,
+.privacy-php #wpcontent {
+	background: #fff;
+	padding: 0 24px;
+}
+
+@media screen and (max-width: 782px) {
+	.about-php.auto-fold #wpcontent,
+	.credits-php.auto-fold #wpcontent,
+	.freedoms-php.auto-fold #wpcontent,
+	.privacy-php.auto-fold #wpcontent {
+		padding-right: 24px;
+	}
+}
+
+.about__container {
+	max-width: 1000px;
+	margin: 24px auto;
+	clear: both;
+}
+
+.about__container .alignleft {
+	float: right;
+}
+
+.about__container .alignright {
+	float: left;
+}
+
+.about__container .aligncenter {
+	text-align: center;
+}
+
+.about__container .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about__container .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about__container .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+.about__section {
+	background: transparent;
+	clear: both;
+}
+
+.about__container .has-accent-background-color {
+	background-color: var(--accent-2);
+}
+
+.about__container .has-transparent-background-color {
+	background-color: transparent;
+}
+
+.about__container .has-accent-color {
+	color: var(--accent-2);
+}
+
+.about__container .has-border {
+	border: 3px solid currentColor;
+}
+
+.about__container .has-subtle-background-color {
+	background-color: var(--subtle-background);
+}
+
+.about__container .has-background-image {
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+/* 1.1 - Layout */
+
+.about__section {
+	margin: 0;
+}
+
+.about__section .column:not(.is-edge-to-edge) {
+	padding: var(--gap);
+}
+
+.about__section + .about__section .is-section-header {
+	padding-bottom: var(--gap);
+}
+
+.about__section .column[class*="background-color"]:not(.is-edge-to-edge),
+.about__section:where([class*="background-color"]) .column:not(.is-edge-to-edge),
+.about__section .column.has-border:not(.is-edge-to-edge) {
+	padding-top: var(--gap);
+	padding-bottom: var(--gap);
+}
+
+.about__section .column p:first-of-type {
+	margin-top: 0;
+}
+
+.about__section .column p:last-of-type {
+	margin-bottom: 0;
+}
+
+.about__section .has-text-columns {
+	columns: 2;
+	column-gap: calc(var(--gap) * 2);
+}
+
+.about__section .is-section-header {
+	margin-bottom: 0;
+	padding: var(--gap) var(--gap) 0;
+}
+
+.about__section .is-section-header p:last-child {
+	margin-bottom: 0;
+}
+
+/* Section header is alone in a container. */
+.about__section .is-section-header:first-child:last-child {
+	padding: 0;
+}
+
+.about__section.is-feature {
+	padding: var(--gap);
+}
+
+.about__section.is-feature p {
+	margin: 0;
+}
+
+.about__section.is-feature p + p {
+	margin-top: calc(var(--gap) / 2);
+}
+
+.about__section.has-1-column {
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 36em;
+}
+
+.about__section.has-2-columns,
+.about__section.has-3-columns,
+.about__section.has-4-columns,
+.about__section.has-overlap-style {
+	display: grid;
+}
+
+.about__section.has-gutters {
+	gap: var(--gap);
+	margin-bottom: var(--gap);
+}
+
+.about__section.has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about__section.has-2-columns.is-wider-right {
+	grid-template-columns: 2fr 3fr;
+}
+
+.about__section.has-2-columns.is-wider-left {
+	grid-template-columns: 3fr 2fr;
+}
+
+.about__section.has-2-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about__section.has-3-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about__section.has-4-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column,
+.about__section.has-overlap-style .is-section-header ~ .column {
+	grid-row-start: 2;
+}
+
+.about__section.has-overlap-style {
+	grid-template-columns: repeat(7, 1fr);
+}
+
+.about__section.has-overlap-style .column {
+	grid-row-start: 1;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n+1) {
+	grid-column-start: 2;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n) {
+	grid-column-start: 4;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column.is-top-layer {
+	z-index: 1;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section.has-2-columns.is-wider-right,
+	.about__section.has-2-columns.is-wider-left,
+	.about__section.has-3-columns {
+		display: block;
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section .column:not(.is-edge-to-edge) {
+		padding-top: var(--gap);
+		padding-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters.is-wider-right,
+	.about__section.has-2-columns.has-gutters.is-wider-left,
+	.about__section.has-3-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-3-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-3-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-3-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns {
+		grid-template-columns: repeat(2, 1fr);
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		grid-column-start: 1;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n) {
+		grid-column-start: 2;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .column:nth-of-type(4n) {
+		grid-row-start: 2;
+	}
+
+	.about__section.has-4-columns .is-section-header {
+		-ms-grid-column-span: 2;
+		grid-column-end: span 2;
+	}
+
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		grid-row-start: 3;
+	}
+
+	.about__section.has-overlap-style {
+		grid-template-columns: 1fr;
+	}
+
+	/* At this size, the two columns fully overlap */
+	.about__section.has-overlap-style .column.column {
+		grid-column-start: 1;
+		-ms-grid-column-span: 1;
+		grid-column-end: 2;
+		grid-row-start: 1;
+		-ms-grid-row-span: 1;
+		grid-row-end: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section.has-2-columns {
+		display: block;
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-2-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature .column {
+		padding: 0;
+	}
+
+	.about__section.has-4-columns {
+		display: block;
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column {
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+}
+
+/* 1.2 - Typography & Elements */
+
+.about__container {
+	line-height: 1.4;
+	color: var(--text);
+}
+
+.about__container h1 {
+	padding: 0;
+	color: inherit;
+}
+
+.about__container h1,
+.about__container h2,
+.about__container h3.is-larger-heading {
+	margin-top: 0;
+	margin-bottom: 0.5em;
+	font-size: 2rem;
+	font-weight: 700;
+	line-height: 1.16;
+}
+
+.about__container h3,
+.about__container h1.is-smaller-heading,
+.about__container h2.is-smaller-heading {
+	margin-top: 0;
+	font-size: 1.625rem;
+	font-weight: 700;
+	line-height: 1.4;
+}
+
+.about__container h4,
+.about__container h3.is-smaller-heading {
+	margin-top: 0;
+	font-size: 1.125rem;
+	font-weight: 700;
+	line-height: 1.6;
+}
+
+.about__container p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.about__container p.is-subheading {
+	margin-top: 0;
+	font-size: 1.5rem;
+	font-weight: 300;
+	line-height: 160%;
+}
+
+.about__section a {
+	color: var(--accent-1);
+	text-decoration: underline;
+}
+
+.about__section a:hover,
+.about__section a:active,
+.about__section a:focus {
+	color: var(--accent-1);
+	text-decoration: none;
+}
+
+.wp-credits-list a {
+	text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+	text-decoration: underline;
+}
+
+.about__container ul {
+	list-style: disc;
+	margin-right: calc(var(--gap) / 2);
+}
+
+.about__container li {
+	margin-bottom: 0.5rem;
+}
+
+.about__container img {
+	margin: 0;
+	max-width: 100%;
+	vertical-align: middle;
+}
+
+.about__container .about__image {
+	margin: 0;
+}
+
+.about__container .about__image img {
+	max-width: 100%;
+	width: 100%;
+	height: auto;
+}
+
+.about__container .about__image figcaption {
+	margin-top: 0.5em;
+	text-align: center;
+}
+
+.about__container .about__image .wp-video {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+.about__container .about__image + h3 {
+	margin-top: 1.5em;
+}
+
+.about__container .column .about__image {
+	margin-bottom: calc(var(--gap) / 2);
+}
+
+.about__container hr {
+	margin: 0;
+	height: var(--gap);
+	border: none;
+	border-top: 4px solid #d9d9d9;
+}
+
+.about__container hr.is-small {
+	height: calc(var(--gap) / 4);
+}
+
+.about__container hr.is-large {
+	height: calc(var(--gap) * 2);
+	margin: calc(var(--gap) / 2) auto;
+}
+
+.about__container div.updated,
+.about__container div.error,
+.about__container .notice {
+	display: none !important;
+}
+
+.about__section {
+	font-size: 1.125rem;
+	line-height: 1.55;
+}
+
+.about__section.is-feature {
+	font-size: 1.6em;
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature {
+		font-size: 1.4em;
+	}
+
+	.about__container h1,
+	.about__container h2,
+	.about__container h3.is-larger-heading {
+		font-size: 2em;
+	}
+}
+
+/* 1.3 - Header */
+
+.about__header {
+	--about-header-image-width: 780px;
+	--about-header-image-height: 550px;
+	--about-header-bg-width: var(--about-header-image-width);
+	--about-header-bg-height: var(--about-header-image-height);
+	--about-header-bg-offset-block: 0;
+
+	position: relative;
+	margin-bottom: var(--gap);
+	padding-top: 0;
+	color: var(--text-light);
+	background: var(--background) url('../images/about-header-about.svg?ver=6.1') no-repeat;
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
+	background-position: center top var(--about-header-bg-offset-block);
+}
+
+.credits-php .about__header {
+	--about-header-image-width: 863px;
+	--about-header-image-height: 550px;
+
+	background-image: url('../images/about-header-credits.svg?ver=6.1');
+}
+
+.freedoms-php .about__header {
+	--about-header-image-width: 782px;
+	--about-header-image-height: 510px;
+
+	background-image: url('../images/about-header-freedoms.svg?ver=6.1');
+}
+
+.privacy-php .about__header {
+	--about-header-image-width: 1005px;
+	--about-header-image-height: 500px;
+	--about-header-bg-offset-block: calc(var(--gap) * -2);
+
+	background-image: url('../images/about-header-privacy.svg?ver=6.1');
+}
+
+.about__header-image {
+	margin: 0 var(--gap) 3em;
+}
+
+.about__header-title {
+	box-sizing: border-box;
+	margin: 0 var(--gap);
+	padding: 9rem 0 0;
+	text-align: center;
+}
+
+.about__header-title h1 {
+	margin: 0 0 1rem;
+	padding: 0;
+	/* Fluid font size scales on browser size 960px - 1200px. */
+	font-size: clamp(3rem, 20vw - 9rem, 6rem);
+	line-height: 1;
+	font-weight: 400;
+}
+
+.credits-php .about__header-title h1,
+.privacy-php .about__header-title h1,
+.freedoms-php .about__header-title h1 {
+	/* Fluid font size scales on browser size 960px - 1200px. */
+	font-size: clamp(3rem, 10vw - 3rem, 4.5rem);
+}
+
+.about__header-text {
+	box-sizing: border-box;
+	max-width: 22em;
+	margin: 0 auto 10rem;
+	padding: 0;
+	font-size: 1.6rem;
+	line-height: 1.15;
+	text-align: center;
+}
+
+.credits-php .about__header-text {
+	margin-bottom: 9rem;
+}
+
+.about__header-navigation {
+	position: relative;
+	z-index: 1;
+	display: flex;
+	justify-content: center;
+	padding-top: 0;
+	background: var(--nav-background);
+	color: var(--nav-color);
+	border-bottom: 3px solid var(--nav-border);
+}
+
+.about__header-navigation .nav-tab {
+	margin-right: 0;
+	padding: calc(var(--gap) * 0.75) var(--gap);
+	float: none;
+	font-size: 1.4em;
+	line-height: 1;
+	border-width: 0 0 3px;
+	border-style: solid;
+	border-color: transparent;
+	background: transparent;
+	color: inherit;
+}
+
+.about__header-navigation .nav-tab:hover,
+.about__header-navigation .nav-tab:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+}
+
+.about__header-navigation .nav-tab-active {
+	margin-bottom: -3px;
+	color: var(--nav-current);
+	border-width: 0 0 6px;
+	border-color: var(--nav-current);
+}
+
+.about__header-navigation .nav-tab-active:hover,
+.about__header-navigation .nav-tab-active:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+	border-color: var(--nav-current);
+}
+
+@media screen and (max-width: 960px) {
+	.about__header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.85);
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.85);
+	}
+
+	.privacy-php .about__header {
+		--about-header-bg-offset-block: 0;
+	}
+
+	.about__header-title h1 {
+		/* Fluid font size scales on browser size 600px - 960px. */
+		font-size: clamp(3rem, 13.33vw - 2rem, 6rem);
+	}
+
+	.credits-php .about__header-title h1,
+	.privacy-php .about__header-title h1,
+	.freedoms-php .about__header-title h1 {
+		/* Fluid font size scales on browser size 600px - 960px. */
+		font-size: clamp(3rem, 6.67vw - 0.5rem, 4.5rem);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.about__container .about__header-text {
+		font-size: 1.4em;
+	}
+
+	.about__header-container {
+		display: block;
+	}
+
+	.about__header-title,
+	.about__header-image {
+		margin-right: calc(var(--gap) / 2);
+		margin-left: calc(var(--gap) / 2);
+	}
+
+	.about__header-text {
+		margin-top: 0;
+	}
+
+	.about__header-navigation .nav-tab {
+		margin-top: 0;
+		margin-left: 0;
+		padding-right: calc(var(--gap) / 2);
+		padding-left: calc(var(--gap) / 2);
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.75);
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.75);
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__header,
+	.credits-php .about__header,
+	.privacy-php .about__header,
+	.freedoms-php .about__header {
+		background-image: none;
+	}
+
+	.about__header-title p {
+		font-size: 2.4em;
+	}
+
+	.about__header-title {
+		padding-top: 2rem;
+	}
+
+	.about__header-text,
+	.credits-php .about__header-text {
+		margin-right: calc(var(--gap) / 2);
+		margin-left: calc(var(--gap) / 2);
+		margin-bottom: 2rem;
+	}
+
+	.about__header-navigation {
+		display: block;
+	}
+
+	.about__header-navigation .nav-tab {
+		display: block;
+		margin-bottom: 0;
+		padding: calc(var(--gap) / 2);
+		border-right-width: 6px;
+		border-bottom: none;
+	}
+
+	.about__header-navigation .nav-tab-active {
+		border-bottom: none;
+		border-right-width: 6px;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  2.0 - Credits Page
+------------------------------------------------------------------------------*/
+
+.about__section .wp-people-group-title {
+	margin-bottom: calc(var(--gap) * 2);
+	text-align: center;
+
+}
+
+.about__section .wp-people-group {
+	margin: 0;
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.about__section .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin-bottom: var(--gap);
+	width: 25%;
+	text-align: center;
+}
+
+.about__section .compact .wp-person {
+	height: auto;
+	width: 20%;
+}
+
+.about__section .wp-person-avatar {
+	display: block;
+	margin: 0 auto calc(var(--gap) / 2);
+	width: 140px;
+	height: 140px;
+	border-radius: 100%;
+	overflow: hidden;
+	background: var(--accent-1);
+}
+
+.about__section .wp-person .gravatar {
+	width: 140px;
+	height: 140px;
+	filter: grayscale(100%);
+	mix-blend-mode: screen;
+}
+
+.about__section .compact .wp-person-avatar,
+.about__section .compact .wp-person .gravatar {
+	width: 80px;
+	height: 80px;
+}
+
+.about__section .wp-person .web {
+	font-size: 1.4em;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.about__section .wp-person .web:hover {
+	text-decoration: underline;
+}
+
+.about__section .compact .wp-person .web {
+	font-size: 1.2em;
+}
+
+.about__section .wp-person .title {
+	display: block;
+	margin-top: 0.5em;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section .wp-person {
+		width: 33%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 25%;
+	}
+
+	.about__section .wp-person-avatar,
+	.about__section .wp-person .gravatar {
+		width: 120px;
+		height: 120px;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section .wp-person {
+		width: 50%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 33%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1.2em;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section .wp-person {
+		min-width: 100%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1em;
+	}
+
+	.about__section .compact .wp-person .web {
+		font-size: 1em;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  3.0 - Freedoms Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .freedom-image {
+	margin-bottom: var(--gap);
+	max-height: 180px;
+}
+
+
+/*------------------------------------------------------------------------------
+  4.0 - Privacy Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .privacy-image {
+	display: block;
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 25rem;
+}
+
+
+/*------------------------------------------------------------------------------
+  x.2.0 - Legacy About Styles: Global
+------------------------------------------------------------------------------*/
+
+.about-wrap {
+	position: relative;
+	margin: 25px 20px 0 40px;
+	max-width: 1050px; /* readability */
+	font-size: 15px;
+}
+
+.about-wrap.full-width-layout {
+	max-width: 1200px;
+}
+
+.about-wrap-content {
+	max-width: 1050px;
+}
+
+.about-wrap div.updated,
+.about-wrap div.error,
+.about-wrap .notice {
+	display: none !important;
+}
+
+.about-wrap hr {
+	border: 0;
+	height: 0;
+	margin: 3em 0 0;
+	border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.about-wrap img {
+	margin: 0;
+	width: 100%;
+	height: auto;
+	vertical-align: middle;
+}
+
+.about-wrap .inline-svg img {
+	max-width: 100%;
+	width: auto;
+	height: auto;
+}
+
+.about-wrap video {
+	margin: 1.5em auto;
+}
+
+/* WordPress Version Badge */
+
+.wp-badge {
+	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
+	background-position: center 25px;
+	background-size: 80px 80px;
+	color: #fff;
+	font-size: 14px;
+	text-align: center;
+	font-weight: 600;
+	margin: 5px 0 0;
+	padding-top: 120px;
+	height: 40px;
+	display: inline-block;
+	width: 140px;
+	text-rendering: optimizeLegibility;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.svg .wp-badge {
+	background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
+}
+
+.about-wrap .wp-badge {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+/* Tabs */
+
+.about-wrap .nav-tab {
+	padding-left: 15px;
+	padding-right: 15px;
+	font-size: 18px;
+	line-height: 1.33333333;
+}
+
+/* x.2.1 - Typography */
+
+.about-wrap h1 {
+	margin: 0.2em 0 0 200px;
+	padding: 0;
+	color: #32373c;
+	line-height: 1.2;
+	font-size: 2.8em;
+	font-weight: 400;
+}
+
+.about-wrap h2 {
+	margin: 40px 0 0.6em;
+	font-size: 2.7em;
+	line-height: 1.3;
+	font-weight: 300;
+	text-align: center;
+}
+
+.about-wrap h3 {
+	margin: 1.25em 0 0.6em;
+	font-size: 1.4em;
+	line-height: 1.5;
+}
+
+.about-wrap h4 {
+	font-size: 16px;
+	color: #23282d;
+}
+
+.about-wrap p {
+	line-height: 1.5;
+	font-size: 16px;
+}
+
+.about-wrap code,
+.about-wrap ol li p {
+	font-size: 14px;
+	font-weight: 400;
+}
+
+.about-wrap figcaption {
+	font-size: 13px;
+	text-align: center;
+	color: white;
+	text-overflow: ellipsis;
+}
+
+.about-wrap .about-description,
+.about-wrap .about-text {
+	margin-top: 1.4em;
+	font-weight: 400;
+	line-height: 1.6;
+	font-size: 19px;
+}
+
+.about-wrap .about-text {
+	margin: 1em 0 1em 200px;
+	color: #555d66;
+}
+
+/* x.2.2 - Structure */
+
+.about-wrap .has-1-columns,
+.about-wrap .has-2-columns,
+.about-wrap .has-3-columns,
+.about-wrap .has-4-columns {
+	display: grid;
+	max-width: 800px;
+	margin-top: 40px;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+.about-wrap .column {
+	margin-left: 20px;
+	margin-right: 20px;
+}
+
+.about-wrap .is-wide {
+	max-width: 760px;
+}
+
+.about-wrap .is-fullwidth {
+	max-width: 100%;
+}
+
+.about-wrap .has-1-columns {
+	display: block;
+	max-width: 680px;
+	margin: 0 auto 40px;
+}
+
+.about-wrap .has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-2-columns.is-wider-right {
+	grid-template-columns: 1fr 2fr;
+}
+
+.about-wrap .has-2-columns.is-wider-left {
+	grid-template-columns: 2fr 1fr;
+}
+
+.about-wrap .has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+.about-wrap .column :first-child {
+	margin-top: 0;
+}
+
+.about-wrap .aligncenter {
+	text-align: center;
+}
+
+.about-wrap .alignleft {
+	float: right;
+	margin-left: 40px;
+}
+
+.about-wrap .alignright {
+	float: left;
+	margin-right: 40px;
+}
+
+.about-wrap .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about-wrap .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about-wrap .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+/* x.2.3 - Point Releases */
+
+.about-wrap .point-releases {
+	margin-top: 5px;
+	border-bottom: 1px solid #ddd;
+}
+
+.about-wrap .changelog {
+	margin-bottom: 40px;
+}
+
+.about-wrap .changelog.point-releases h3 {
+	padding-top: 35px;
+}
+
+.about-wrap .changelog.point-releases h3:first-child {
+	padding-top: 7px;
+}
+
+.about-wrap .changelog.feature-section .col {
+	margin-top: 40px;
+}
+
+/*------------------------------------------------------------------------------
+  x.3.0 - Legacy About Styles: About Page
+------------------------------------------------------------------------------*/
+
+/* x.3.1 - Typography */
+
+.about-wrap .lead-description {
+	font-size: 1.5em;
+	text-align: center;
+}
+
+.about-wrap .feature-section p {
+	margin-top: 0.6em;
+}
+
+/* x.3.2 - Structure */
+
+.about-wrap .headline-feature {
+	margin: 0 auto 40px;
+	max-width: 680px;
+}
+
+.about-wrap .headline-feature h2 {
+	margin: 50px 0 0;
+}
+
+.about-wrap .headline-feature img {
+	max-width: 600px;
+	width: 100%;
+}
+
+/* Go to Dashboard Home link */
+
+.about-wrap .return-to-dashboard {
+	margin: 30px -5px 0 0;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+.about-wrap .return-to-dashboard a {
+	text-decoration: none;
+	padding: 0 5px;
+}
+
+/*------------------------------------------------------------------------------
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
+------------------------------------------------------------------------------*/
+
+/* Credits */
+
+.about-wrap h2.wp-people-group {
+	margin: 2.6em 0 1.33em;
+	padding: 0;
+	font-size: 16px;
+	line-height: inherit;
+	font-weight: 600;
+	text-align: right;
+}
+
+.about-wrap .wp-people-group {
+	padding: 0 5px;
+	margin: 0 -5px 0 -15px;
+}
+
+.about-wrap .compact {
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	margin-left: 10px;
+	padding-bottom: 15px;
+	height: 70px;
+	width: 280px;
+}
+
+.about-wrap .compact .wp-person {
+	height: auto;
+	width: 180px;
+	padding-bottom: 0;
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person .gravatar {
+	float: right;
+	margin: 0 0 10px 10px;
+	padding: 1px;
+	width: 60px;
+	height: 60px;
+}
+
+.about-wrap .compact .wp-person .gravatar {
+	width: 30px;
+	height: 30px;
+}
+
+.about-wrap .wp-person .web {
+	margin: 6px 0 2px;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 2;
+	text-decoration: none;
+}
+
+.about-wrap .wp-person .title {
+	display: block;
+}
+
+.about-wrap #wp-people-group-validators + p.wp-credits-list {
+	margin-top: 0;
+}
+
+.about-wrap p.wp-credits-list a {
+	white-space: nowrap;
+}
+
+/* Freedoms */
+
+.freedoms-php .about-wrap ol {
+	margin: 40px 60px;
+}
+
+.freedoms-php .about-wrap ol li {
+	list-style-type: decimal;
+	font-weight: 600;
+}
+
+.freedoms-php .about-wrap ol p {
+	font-weight: 400;
+	margin: 0.6em 0;
+}
+
+.freedoms-php .column .freedoms-image {
+	background-image: url('../images/freedoms.png');
+	background-size: 100%;
+	padding-top: 100%;
+}
+
+.freedoms-php .column:nth-of-type(2) .freedoms-image {
+	background-position: 100% 34%;
+}
+
+.freedoms-php .column:nth-of-type(3) .freedoms-image {
+	background-position: 100% 66%;
+}
+
+.freedoms-php .column:nth-of-type(4) .freedoms-image {
+	background-position: 100% 100%;
+}
+
+/*------------------------------------------------------------------------------
+  x.5.0 - Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+@media screen and (max-width: 782px) {
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		grid-template-columns: 1fr 1fr;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+1),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+		grid-column-start: 1;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+2),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+		grid-column-start: 2;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+		grid-column-start: 1;
+		grid-row-start: 2;
+	}
+
+	.about-wrap .has-4-columns .column:nth-of-type(4n) {
+		grid-column-start: 2;
+		grid-row-start: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about-wrap .has-2-columns,
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		display: block;
+	}
+
+	.about-wrap :not(.is-wider-right):not(.is-wider-left) .column {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: grid;
+	}
+}
+
+@media only screen and (max-width: 500px) {
+	.about-wrap {
+		margin-left: 20px;
+		margin-right: 10px;
+	}
+
+	.about-wrap h1,
+	.about-wrap .about-text {
+		margin-left: 0;
+	}
+
+	.about-wrap .about-text {
+		margin-bottom: 0.25em;
+	}
+
+	.about-wrap .wp-badge {
+		position: relative;
+		margin-bottom: 1.5em;
+		width: 100%;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: block;
+	}
+
+	.about-wrap .column {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right img,
+	.about-wrap .has-2-columns.is-wider-left img {
+		max-width: 160px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/about.css

@@ -0,0 +1,1494 @@
+/*------------------------------------------------------------------------------
+  22.0 - About Pages
+
+   1.0 Global: About, Credits, Freedoms, Privacy
+    1.1 Layout
+    1.2 Typography & Elements
+    1.3 Header
+   2.0 Credits Page
+   3.0 Freedoms Page
+   4.0 Privacy Page
+   x.2.0 Legacy About Styles: Global
+    x.2.1 Typography
+    x.2.2 Structure
+    x.2.3 Point Releases
+   x.3.0 Legacy About Styles: About Page
+    x.3.1 Typography
+    x.3.2 Structure
+   x.4.0 Legacy About Styles: Credits & Freedoms Pages
+   x.5.0 Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+.about__container {
+	/* Section backgrounds */
+	--background: #274acd;
+	--subtle-background: #eff2ff;
+
+	/* Main text color */
+	--text: #000;
+	--text-light: #fff;
+
+	/* Accent colors: used in header, on special classes. */
+	--accent-1: #3858e9; /* Link color, credit image overlay */
+	--accent-2: #fffcb5; /* Accent background */
+
+	/* Navigation colors. */
+	--nav-background: #fff;
+	--nav-border: transparent;
+	--nav-color: var(--text);
+	--nav-current: var(--accent-1);
+
+	--gap: 2rem;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Global: About, Credits, Freedoms, Privacy
+------------------------------------------------------------------------------*/
+
+.about-php,
+.credits-php,
+.freedoms-php,
+.privacy-php {
+	background: #fff;
+}
+
+.about-php #wpcontent,
+.credits-php #wpcontent,
+.freedoms-php #wpcontent,
+.privacy-php #wpcontent {
+	background: #fff;
+	padding: 0 24px;
+}
+
+@media screen and (max-width: 782px) {
+	.about-php.auto-fold #wpcontent,
+	.credits-php.auto-fold #wpcontent,
+	.freedoms-php.auto-fold #wpcontent,
+	.privacy-php.auto-fold #wpcontent {
+		padding-left: 24px;
+	}
+}
+
+.about__container {
+	max-width: 1000px;
+	margin: 24px auto;
+	clear: both;
+}
+
+.about__container .alignleft {
+	float: left;
+}
+
+.about__container .alignright {
+	float: right;
+}
+
+.about__container .aligncenter {
+	text-align: center;
+}
+
+.about__container .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about__container .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about__container .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+.about__section {
+	background: transparent;
+	clear: both;
+}
+
+.about__container .has-accent-background-color {
+	background-color: var(--accent-2);
+}
+
+.about__container .has-transparent-background-color {
+	background-color: transparent;
+}
+
+.about__container .has-accent-color {
+	color: var(--accent-2);
+}
+
+.about__container .has-border {
+	border: 3px solid currentColor;
+}
+
+.about__container .has-subtle-background-color {
+	background-color: var(--subtle-background);
+}
+
+.about__container .has-background-image {
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+/* 1.1 - Layout */
+
+.about__section {
+	margin: 0;
+}
+
+.about__section .column:not(.is-edge-to-edge) {
+	padding: var(--gap);
+}
+
+.about__section + .about__section .is-section-header {
+	padding-bottom: var(--gap);
+}
+
+.about__section .column[class*="background-color"]:not(.is-edge-to-edge),
+.about__section:where([class*="background-color"]) .column:not(.is-edge-to-edge),
+.about__section .column.has-border:not(.is-edge-to-edge) {
+	padding-top: var(--gap);
+	padding-bottom: var(--gap);
+}
+
+.about__section .column p:first-of-type {
+	margin-top: 0;
+}
+
+.about__section .column p:last-of-type {
+	margin-bottom: 0;
+}
+
+.about__section .has-text-columns {
+	columns: 2;
+	column-gap: calc(var(--gap) * 2);
+}
+
+.about__section .is-section-header {
+	margin-bottom: 0;
+	padding: var(--gap) var(--gap) 0;
+}
+
+.about__section .is-section-header p:last-child {
+	margin-bottom: 0;
+}
+
+/* Section header is alone in a container. */
+.about__section .is-section-header:first-child:last-child {
+	padding: 0;
+}
+
+.about__section.is-feature {
+	padding: var(--gap);
+}
+
+.about__section.is-feature p {
+	margin: 0;
+}
+
+.about__section.is-feature p + p {
+	margin-top: calc(var(--gap) / 2);
+}
+
+.about__section.has-1-column {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 36em;
+}
+
+.about__section.has-2-columns,
+.about__section.has-3-columns,
+.about__section.has-4-columns,
+.about__section.has-overlap-style {
+	display: grid;
+}
+
+.about__section.has-gutters {
+	gap: var(--gap);
+	margin-bottom: var(--gap);
+}
+
+.about__section.has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about__section.has-2-columns.is-wider-right {
+	grid-template-columns: 2fr 3fr;
+}
+
+.about__section.has-2-columns.is-wider-left {
+	grid-template-columns: 3fr 2fr;
+}
+
+.about__section.has-2-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about__section.has-3-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about__section.has-4-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column,
+.about__section.has-overlap-style .is-section-header ~ .column {
+	grid-row-start: 2;
+}
+
+.about__section.has-overlap-style {
+	grid-template-columns: repeat(7, 1fr);
+}
+
+.about__section.has-overlap-style .column {
+	grid-row-start: 1;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n+1) {
+	grid-column-start: 2;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n) {
+	grid-column-start: 4;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column.is-top-layer {
+	z-index: 1;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section.has-2-columns.is-wider-right,
+	.about__section.has-2-columns.is-wider-left,
+	.about__section.has-3-columns {
+		display: block;
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section .column:not(.is-edge-to-edge) {
+		padding-top: var(--gap);
+		padding-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters.is-wider-right,
+	.about__section.has-2-columns.has-gutters.is-wider-left,
+	.about__section.has-3-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-3-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-3-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-3-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns {
+		grid-template-columns: repeat(2, 1fr);
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		grid-column-start: 1;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n) {
+		grid-column-start: 2;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .column:nth-of-type(4n) {
+		grid-row-start: 2;
+	}
+
+	.about__section.has-4-columns .is-section-header {
+		-ms-grid-column-span: 2;
+		grid-column-end: span 2;
+	}
+
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		grid-row-start: 3;
+	}
+
+	.about__section.has-overlap-style {
+		grid-template-columns: 1fr;
+	}
+
+	/* At this size, the two columns fully overlap */
+	.about__section.has-overlap-style .column.column {
+		grid-column-start: 1;
+		-ms-grid-column-span: 1;
+		grid-column-end: 2;
+		grid-row-start: 1;
+		-ms-grid-row-span: 1;
+		grid-row-end: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section.has-2-columns {
+		display: block;
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-2-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature .column {
+		padding: 0;
+	}
+
+	.about__section.has-4-columns {
+		display: block;
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column {
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+}
+
+/* 1.2 - Typography & Elements */
+
+.about__container {
+	line-height: 1.4;
+	color: var(--text);
+}
+
+.about__container h1 {
+	padding: 0;
+	color: inherit;
+}
+
+.about__container h1,
+.about__container h2,
+.about__container h3.is-larger-heading {
+	margin-top: 0;
+	margin-bottom: 0.5em;
+	font-size: 2rem;
+	font-weight: 700;
+	line-height: 1.16;
+}
+
+.about__container h3,
+.about__container h1.is-smaller-heading,
+.about__container h2.is-smaller-heading {
+	margin-top: 0;
+	font-size: 1.625rem;
+	font-weight: 700;
+	line-height: 1.4;
+}
+
+.about__container h4,
+.about__container h3.is-smaller-heading {
+	margin-top: 0;
+	font-size: 1.125rem;
+	font-weight: 700;
+	line-height: 1.6;
+}
+
+.about__container p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.about__container p.is-subheading {
+	margin-top: 0;
+	font-size: 1.5rem;
+	font-weight: 300;
+	line-height: 160%;
+}
+
+.about__section a {
+	color: var(--accent-1);
+	text-decoration: underline;
+}
+
+.about__section a:hover,
+.about__section a:active,
+.about__section a:focus {
+	color: var(--accent-1);
+	text-decoration: none;
+}
+
+.wp-credits-list a {
+	text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+	text-decoration: underline;
+}
+
+.about__container ul {
+	list-style: disc;
+	margin-left: calc(var(--gap) / 2);
+}
+
+.about__container li {
+	margin-bottom: 0.5rem;
+}
+
+.about__container img {
+	margin: 0;
+	max-width: 100%;
+	vertical-align: middle;
+}
+
+.about__container .about__image {
+	margin: 0;
+}
+
+.about__container .about__image img {
+	max-width: 100%;
+	width: 100%;
+	height: auto;
+}
+
+.about__container .about__image figcaption {
+	margin-top: 0.5em;
+	text-align: center;
+}
+
+.about__container .about__image .wp-video {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.about__container .about__image + h3 {
+	margin-top: 1.5em;
+}
+
+.about__container .column .about__image {
+	margin-bottom: calc(var(--gap) / 2);
+}
+
+.about__container hr {
+	margin: 0;
+	height: var(--gap);
+	border: none;
+	border-top: 4px solid #d9d9d9;
+}
+
+.about__container hr.is-small {
+	height: calc(var(--gap) / 4);
+}
+
+.about__container hr.is-large {
+	height: calc(var(--gap) * 2);
+	margin: calc(var(--gap) / 2) auto;
+}
+
+.about__container div.updated,
+.about__container div.error,
+.about__container .notice {
+	display: none !important;
+}
+
+.about__section {
+	font-size: 1.125rem;
+	line-height: 1.55;
+}
+
+.about__section.is-feature {
+	font-size: 1.6em;
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature {
+		font-size: 1.4em;
+	}
+
+	.about__container h1,
+	.about__container h2,
+	.about__container h3.is-larger-heading {
+		font-size: 2em;
+	}
+}
+
+/* 1.3 - Header */
+
+.about__header {
+	--about-header-image-width: 780px;
+	--about-header-image-height: 550px;
+	--about-header-bg-width: var(--about-header-image-width);
+	--about-header-bg-height: var(--about-header-image-height);
+	--about-header-bg-offset-block: 0;
+
+	position: relative;
+	margin-bottom: var(--gap);
+	padding-top: 0;
+	color: var(--text-light);
+	background: var(--background) url('../images/about-header-about.svg?ver=6.1') no-repeat;
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
+	background-position: center top var(--about-header-bg-offset-block);
+}
+
+.credits-php .about__header {
+	--about-header-image-width: 863px;
+	--about-header-image-height: 550px;
+
+	background-image: url('../images/about-header-credits.svg?ver=6.1');
+}
+
+.freedoms-php .about__header {
+	--about-header-image-width: 782px;
+	--about-header-image-height: 510px;
+
+	background-image: url('../images/about-header-freedoms.svg?ver=6.1');
+}
+
+.privacy-php .about__header {
+	--about-header-image-width: 1005px;
+	--about-header-image-height: 500px;
+	--about-header-bg-offset-block: calc(var(--gap) * -2);
+
+	background-image: url('../images/about-header-privacy.svg?ver=6.1');
+}
+
+.about__header-image {
+	margin: 0 var(--gap) 3em;
+}
+
+.about__header-title {
+	box-sizing: border-box;
+	margin: 0 var(--gap);
+	padding: 9rem 0 0;
+	text-align: center;
+}
+
+.about__header-title h1 {
+	margin: 0 0 1rem;
+	padding: 0;
+	/* Fluid font size scales on browser size 960px - 1200px. */
+	font-size: clamp(3rem, 20vw - 9rem, 6rem);
+	line-height: 1;
+	font-weight: 400;
+}
+
+.credits-php .about__header-title h1,
+.privacy-php .about__header-title h1,
+.freedoms-php .about__header-title h1 {
+	/* Fluid font size scales on browser size 960px - 1200px. */
+	font-size: clamp(3rem, 10vw - 3rem, 4.5rem);
+}
+
+.about__header-text {
+	box-sizing: border-box;
+	max-width: 22em;
+	margin: 0 auto 10rem;
+	padding: 0;
+	font-size: 1.6rem;
+	line-height: 1.15;
+	text-align: center;
+}
+
+.credits-php .about__header-text {
+	margin-bottom: 9rem;
+}
+
+.about__header-navigation {
+	position: relative;
+	z-index: 1;
+	display: flex;
+	justify-content: center;
+	padding-top: 0;
+	background: var(--nav-background);
+	color: var(--nav-color);
+	border-bottom: 3px solid var(--nav-border);
+}
+
+.about__header-navigation .nav-tab {
+	margin-left: 0;
+	padding: calc(var(--gap) * 0.75) var(--gap);
+	float: none;
+	font-size: 1.4em;
+	line-height: 1;
+	border-width: 0 0 3px;
+	border-style: solid;
+	border-color: transparent;
+	background: transparent;
+	color: inherit;
+}
+
+.about__header-navigation .nav-tab:hover,
+.about__header-navigation .nav-tab:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+}
+
+.about__header-navigation .nav-tab-active {
+	margin-bottom: -3px;
+	color: var(--nav-current);
+	border-width: 0 0 6px;
+	border-color: var(--nav-current);
+}
+
+.about__header-navigation .nav-tab-active:hover,
+.about__header-navigation .nav-tab-active:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+	border-color: var(--nav-current);
+}
+
+@media screen and (max-width: 960px) {
+	.about__header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.85);
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.85);
+	}
+
+	.privacy-php .about__header {
+		--about-header-bg-offset-block: 0;
+	}
+
+	.about__header-title h1 {
+		/* Fluid font size scales on browser size 600px - 960px. */
+		font-size: clamp(3rem, 13.33vw - 2rem, 6rem);
+	}
+
+	.credits-php .about__header-title h1,
+	.privacy-php .about__header-title h1,
+	.freedoms-php .about__header-title h1 {
+		/* Fluid font size scales on browser size 600px - 960px. */
+		font-size: clamp(3rem, 6.67vw - 0.5rem, 4.5rem);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.about__container .about__header-text {
+		font-size: 1.4em;
+	}
+
+	.about__header-container {
+		display: block;
+	}
+
+	.about__header-title,
+	.about__header-image {
+		margin-left: calc(var(--gap) / 2);
+		margin-right: calc(var(--gap) / 2);
+	}
+
+	.about__header-text {
+		margin-top: 0;
+	}
+
+	.about__header-navigation .nav-tab {
+		margin-top: 0;
+		margin-right: 0;
+		padding-left: calc(var(--gap) / 2);
+		padding-right: calc(var(--gap) / 2);
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.75);
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.75);
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__header,
+	.credits-php .about__header,
+	.privacy-php .about__header,
+	.freedoms-php .about__header {
+		background-image: none;
+	}
+
+	.about__header-title p {
+		font-size: 2.4em;
+	}
+
+	.about__header-title {
+		padding-top: 2rem;
+	}
+
+	.about__header-text,
+	.credits-php .about__header-text {
+		margin-left: calc(var(--gap) / 2);
+		margin-right: calc(var(--gap) / 2);
+		margin-bottom: 2rem;
+	}
+
+	.about__header-navigation {
+		display: block;
+	}
+
+	.about__header-navigation .nav-tab {
+		display: block;
+		margin-bottom: 0;
+		padding: calc(var(--gap) / 2);
+		border-left-width: 6px;
+		border-bottom: none;
+	}
+
+	.about__header-navigation .nav-tab-active {
+		border-bottom: none;
+		border-left-width: 6px;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  2.0 - Credits Page
+------------------------------------------------------------------------------*/
+
+.about__section .wp-people-group-title {
+	margin-bottom: calc(var(--gap) * 2);
+	text-align: center;
+
+}
+
+.about__section .wp-people-group {
+	margin: 0;
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.about__section .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin-bottom: var(--gap);
+	width: 25%;
+	text-align: center;
+}
+
+.about__section .compact .wp-person {
+	height: auto;
+	width: 20%;
+}
+
+.about__section .wp-person-avatar {
+	display: block;
+	margin: 0 auto calc(var(--gap) / 2);
+	width: 140px;
+	height: 140px;
+	border-radius: 100%;
+	overflow: hidden;
+	background: var(--accent-1);
+}
+
+.about__section .wp-person .gravatar {
+	width: 140px;
+	height: 140px;
+	filter: grayscale(100%);
+	mix-blend-mode: screen;
+}
+
+.about__section .compact .wp-person-avatar,
+.about__section .compact .wp-person .gravatar {
+	width: 80px;
+	height: 80px;
+}
+
+.about__section .wp-person .web {
+	font-size: 1.4em;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.about__section .wp-person .web:hover {
+	text-decoration: underline;
+}
+
+.about__section .compact .wp-person .web {
+	font-size: 1.2em;
+}
+
+.about__section .wp-person .title {
+	display: block;
+	margin-top: 0.5em;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section .wp-person {
+		width: 33%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 25%;
+	}
+
+	.about__section .wp-person-avatar,
+	.about__section .wp-person .gravatar {
+		width: 120px;
+		height: 120px;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section .wp-person {
+		width: 50%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 33%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1.2em;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section .wp-person {
+		min-width: 100%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1em;
+	}
+
+	.about__section .compact .wp-person .web {
+		font-size: 1em;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  3.0 - Freedoms Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .freedom-image {
+	margin-bottom: var(--gap);
+	max-height: 180px;
+}
+
+
+/*------------------------------------------------------------------------------
+  4.0 - Privacy Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .privacy-image {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 25rem;
+}
+
+
+/*------------------------------------------------------------------------------
+  x.2.0 - Legacy About Styles: Global
+------------------------------------------------------------------------------*/
+
+.about-wrap {
+	position: relative;
+	margin: 25px 40px 0 20px;
+	max-width: 1050px; /* readability */
+	font-size: 15px;
+}
+
+.about-wrap.full-width-layout {
+	max-width: 1200px;
+}
+
+.about-wrap-content {
+	max-width: 1050px;
+}
+
+.about-wrap div.updated,
+.about-wrap div.error,
+.about-wrap .notice {
+	display: none !important;
+}
+
+.about-wrap hr {
+	border: 0;
+	height: 0;
+	margin: 3em 0 0;
+	border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.about-wrap img {
+	margin: 0;
+	width: 100%;
+	height: auto;
+	vertical-align: middle;
+}
+
+.about-wrap .inline-svg img {
+	max-width: 100%;
+	width: auto;
+	height: auto;
+}
+
+.about-wrap video {
+	margin: 1.5em auto;
+}
+
+/* WordPress Version Badge */
+
+.wp-badge {
+	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
+	background-position: center 25px;
+	background-size: 80px 80px;
+	color: #fff;
+	font-size: 14px;
+	text-align: center;
+	font-weight: 600;
+	margin: 5px 0 0;
+	padding-top: 120px;
+	height: 40px;
+	display: inline-block;
+	width: 140px;
+	text-rendering: optimizeLegibility;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.svg .wp-badge {
+	background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
+}
+
+.about-wrap .wp-badge {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+/* Tabs */
+
+.about-wrap .nav-tab {
+	padding-right: 15px;
+	padding-left: 15px;
+	font-size: 18px;
+	line-height: 1.33333333;
+}
+
+/* x.2.1 - Typography */
+
+.about-wrap h1 {
+	margin: 0.2em 200px 0 0;
+	padding: 0;
+	color: #32373c;
+	line-height: 1.2;
+	font-size: 2.8em;
+	font-weight: 400;
+}
+
+.about-wrap h2 {
+	margin: 40px 0 0.6em;
+	font-size: 2.7em;
+	line-height: 1.3;
+	font-weight: 300;
+	text-align: center;
+}
+
+.about-wrap h3 {
+	margin: 1.25em 0 0.6em;
+	font-size: 1.4em;
+	line-height: 1.5;
+}
+
+.about-wrap h4 {
+	font-size: 16px;
+	color: #23282d;
+}
+
+.about-wrap p {
+	line-height: 1.5;
+	font-size: 16px;
+}
+
+.about-wrap code,
+.about-wrap ol li p {
+	font-size: 14px;
+	font-weight: 400;
+}
+
+.about-wrap figcaption {
+	font-size: 13px;
+	text-align: center;
+	color: white;
+	text-overflow: ellipsis;
+}
+
+.about-wrap .about-description,
+.about-wrap .about-text {
+	margin-top: 1.4em;
+	font-weight: 400;
+	line-height: 1.6;
+	font-size: 19px;
+}
+
+.about-wrap .about-text {
+	margin: 1em 200px 1em 0;
+	color: #555d66;
+}
+
+/* x.2.2 - Structure */
+
+.about-wrap .has-1-columns,
+.about-wrap .has-2-columns,
+.about-wrap .has-3-columns,
+.about-wrap .has-4-columns {
+	display: grid;
+	max-width: 800px;
+	margin-top: 40px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.about-wrap .column {
+	margin-right: 20px;
+	margin-left: 20px;
+}
+
+.about-wrap .is-wide {
+	max-width: 760px;
+}
+
+.about-wrap .is-fullwidth {
+	max-width: 100%;
+}
+
+.about-wrap .has-1-columns {
+	display: block;
+	max-width: 680px;
+	margin: 0 auto 40px;
+}
+
+.about-wrap .has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-2-columns.is-wider-right {
+	grid-template-columns: 1fr 2fr;
+}
+
+.about-wrap .has-2-columns.is-wider-left {
+	grid-template-columns: 2fr 1fr;
+}
+
+.about-wrap .has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+.about-wrap .column :first-child {
+	margin-top: 0;
+}
+
+.about-wrap .aligncenter {
+	text-align: center;
+}
+
+.about-wrap .alignleft {
+	float: left;
+	margin-right: 40px;
+}
+
+.about-wrap .alignright {
+	float: right;
+	margin-left: 40px;
+}
+
+.about-wrap .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about-wrap .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about-wrap .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+/* x.2.3 - Point Releases */
+
+.about-wrap .point-releases {
+	margin-top: 5px;
+	border-bottom: 1px solid #ddd;
+}
+
+.about-wrap .changelog {
+	margin-bottom: 40px;
+}
+
+.about-wrap .changelog.point-releases h3 {
+	padding-top: 35px;
+}
+
+.about-wrap .changelog.point-releases h3:first-child {
+	padding-top: 7px;
+}
+
+.about-wrap .changelog.feature-section .col {
+	margin-top: 40px;
+}
+
+/*------------------------------------------------------------------------------
+  x.3.0 - Legacy About Styles: About Page
+------------------------------------------------------------------------------*/
+
+/* x.3.1 - Typography */
+
+.about-wrap .lead-description {
+	font-size: 1.5em;
+	text-align: center;
+}
+
+.about-wrap .feature-section p {
+	margin-top: 0.6em;
+}
+
+/* x.3.2 - Structure */
+
+.about-wrap .headline-feature {
+	margin: 0 auto 40px;
+	max-width: 680px;
+}
+
+.about-wrap .headline-feature h2 {
+	margin: 50px 0 0;
+}
+
+.about-wrap .headline-feature img {
+	max-width: 600px;
+	width: 100%;
+}
+
+/* Go to Dashboard Home link */
+
+.about-wrap .return-to-dashboard {
+	margin: 30px 0 0 -5px;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+.about-wrap .return-to-dashboard a {
+	text-decoration: none;
+	padding: 0 5px;
+}
+
+/*------------------------------------------------------------------------------
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
+------------------------------------------------------------------------------*/
+
+/* Credits */
+
+.about-wrap h2.wp-people-group {
+	margin: 2.6em 0 1.33em;
+	padding: 0;
+	font-size: 16px;
+	line-height: inherit;
+	font-weight: 600;
+	text-align: left;
+}
+
+.about-wrap .wp-people-group {
+	padding: 0 5px;
+	margin: 0 -15px 0 -5px;
+}
+
+.about-wrap .compact {
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	margin-right: 10px;
+	padding-bottom: 15px;
+	height: 70px;
+	width: 280px;
+}
+
+.about-wrap .compact .wp-person {
+	height: auto;
+	width: 180px;
+	padding-bottom: 0;
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person .gravatar {
+	float: left;
+	margin: 0 10px 10px 0;
+	padding: 1px;
+	width: 60px;
+	height: 60px;
+}
+
+.about-wrap .compact .wp-person .gravatar {
+	width: 30px;
+	height: 30px;
+}
+
+.about-wrap .wp-person .web {
+	margin: 6px 0 2px;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 2;
+	text-decoration: none;
+}
+
+.about-wrap .wp-person .title {
+	display: block;
+}
+
+.about-wrap #wp-people-group-validators + p.wp-credits-list {
+	margin-top: 0;
+}
+
+.about-wrap p.wp-credits-list a {
+	white-space: nowrap;
+}
+
+/* Freedoms */
+
+.freedoms-php .about-wrap ol {
+	margin: 40px 60px;
+}
+
+.freedoms-php .about-wrap ol li {
+	list-style-type: decimal;
+	font-weight: 600;
+}
+
+.freedoms-php .about-wrap ol p {
+	font-weight: 400;
+	margin: 0.6em 0;
+}
+
+.freedoms-php .column .freedoms-image {
+	background-image: url('../images/freedoms.png');
+	background-size: 100%;
+	padding-top: 100%;
+}
+
+.freedoms-php .column:nth-of-type(2) .freedoms-image {
+	background-position: 0 34%;
+}
+
+.freedoms-php .column:nth-of-type(3) .freedoms-image {
+	background-position: 0 66%;
+}
+
+.freedoms-php .column:nth-of-type(4) .freedoms-image {
+	background-position: 0 100%;
+}
+
+/*------------------------------------------------------------------------------
+  x.5.0 - Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+@media screen and (max-width: 782px) {
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		grid-template-columns: 1fr 1fr;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+1),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+		grid-column-start: 1;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+2),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+		grid-column-start: 2;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+		grid-column-start: 1;
+		grid-row-start: 2;
+	}
+
+	.about-wrap .has-4-columns .column:nth-of-type(4n) {
+		grid-column-start: 2;
+		grid-row-start: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about-wrap .has-2-columns,
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		display: block;
+	}
+
+	.about-wrap :not(.is-wider-right):not(.is-wider-left) .column {
+		margin-right: 0;
+		margin-left: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: grid;
+	}
+}
+
+@media only screen and (max-width: 500px) {
+	.about-wrap {
+		margin-right: 20px;
+		margin-left: 10px;
+	}
+
+	.about-wrap h1,
+	.about-wrap .about-text {
+		margin-right: 0;
+	}
+
+	.about-wrap .about-text {
+		margin-bottom: 0.25em;
+	}
+
+	.about-wrap .wp-badge {
+		position: relative;
+		margin-bottom: 1.5em;
+		width: 100%;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: block;
+	}
+
+	.about-wrap .column {
+		margin-right: 0;
+		margin-left: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right img,
+	.about-wrap .has-2-columns.is-wider-left img {
+		max-width: 160px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/admin-menu-rtl.css

@@ -0,0 +1,858 @@
+/*! This file is auto-generated */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu,
+#adminmenu .wp-submenu {
+	width: 160px;
+	background-color: #1d2327;
+}
+
+#adminmenuback {
+	position: fixed;
+	top: 0;
+	bottom: -120px;
+	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
+}
+
+.php-error #adminmenuback {
+	position: absolute;
+}
+
+.php-error #adminmenuback,
+.php-error #adminmenuwrap {
+	margin-top: 2em;
+}
+
+#adminmenu {
+	clear: right;
+	margin: 12px 0;
+	padding: 0;
+	list-style: none;
+}
+
+.folded #adminmenuback,
+.folded #adminmenuwrap,
+.folded #adminmenu,
+.folded #adminmenu li.menu-top {
+	width: 36px;
+}
+
+/* New Menu icons */
+
+/* hide background-image for icons above */
+.menu-icon-dashboard div.wp-menu-image,
+.menu-icon-post div.wp-menu-image,
+.menu-icon-media div.wp-menu-image,
+.menu-icon-links div.wp-menu-image,
+.menu-icon-page div.wp-menu-image,
+.menu-icon-comments div.wp-menu-image,
+.menu-icon-appearance div.wp-menu-image,
+.menu-icon-plugins div.wp-menu-image,
+.menu-icon-users div.wp-menu-image,
+.menu-icon-tools div.wp-menu-image,
+.menu-icon-settings div.wp-menu-image,
+.menu-icon-site div.wp-menu-image,
+.menu-icon-generic div.wp-menu-image {
+	background-image: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  7.0 - Main Navigation (Left Menu)
+------------------------------------------------------------------------------*/
+
+#adminmenuwrap {
+	position: relative;
+	float: right;
+	z-index: 9990;
+}
+
+/* side admin menu */
+#adminmenu * {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#adminmenu li {
+	margin: 0;
+	padding: 0;
+}
+
+#adminmenu a {
+	display: block;
+	line-height: 1.3;
+	padding: 2px 5px;
+	color: #f0f0f1;
+}
+
+#adminmenu .wp-submenu a {
+	color: #c3c4c7;
+	color: rgba(240, 246, 252, 0.7);
+	font-size: 13px;
+	line-height: 1.4;
+	margin: 0;
+	padding: 5px 0;
+}
+
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	background: none;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top > a:focus,
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	color: #72aee6;
+}
+
+#adminmenu a:hover,
+#adminmenu a:focus,
+.folded #adminmenu .wp-submenu-head:hover {
+	box-shadow: inset -4px 0 0 0 currentColor;
+	transition: box-shadow .1s linear;
+}
+
+#adminmenu li.menu-top {
+	border: none;
+	min-height: 34px;
+	position: relative;
+}
+
+#adminmenu .wp-submenu {
+	list-style: none;
+	position: absolute;
+	top: -1000em;
+	right: 160px;
+	overflow: visible;
+	word-wrap: break-word;
+	padding: 7px 0 8px;
+	z-index: 9999;
+	background-color: #2c3338;
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+.js #adminmenu .sub-open,
+.js #adminmenu .opensub .wp-submenu,
+#adminmenu a.menu-top:focus + .wp-submenu,
+.no-js li.wp-has-submenu:hover .wp-submenu {
+	top: -1px;
+}
+
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+	top: 0;
+}
+
+#adminmenu .wp-has-current-submenu .wp-submenu,
+.no-js li.wp-has-current-submenu:hover .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
+	position: relative;
+	z-index: 3;
+	top: auto;
+	right: auto;
+	left: auto;
+	bottom: auto;
+	border: 0 none;
+	margin-top: 0;
+	box-shadow: none;
+}
+
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+	position: relative;
+	background-color: #1d2327;
+	color: #72aee6;
+}
+
+.folded #adminmenu li.menu-top:hover,
+.folded #adminmenu li.opensub > a.menu-top,
+.folded #adminmenu li > a.menu-top:focus {
+	z-index: 10000;
+}
+
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.current a.menu-top,
+#adminmenu .wp-menu-arrow,
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
+#adminmenu .wp-menu-arrow div {
+	background: #2271b1;
+	color: #fff;
+}
+
+.folded #adminmenu .wp-submenu.sub-open,
+.folded #adminmenu .opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu a.menu-top:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
+	top: 0;
+	right: 36px;
+}
+
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	position: absolute;
+	top: -1000em;
+}
+
+#adminmenu .wp-not-current-submenu .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	min-width: 160px;
+	width: auto;
+	border-right: 5px solid transparent;
+}
+
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .opensub .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus {
+	color: #fff;
+}
+
+#adminmenu .wp-not-current-submenu li > a,
+.folded #adminmenu .wp-has-current-submenu li > a {
+	padding-left: 16px;
+	padding-right: 14px;
+	/* Exclude from the transition the outline for Windows High Contrast mode */
+	transition: all .1s ease-in-out, outline 0s;
+}
+
+#adminmenu .wp-has-current-submenu ul > li > a,
+.folded #adminmenu li.menu-top .wp-submenu > li > a {
+	padding: 5px 12px;
+}
+
+#adminmenu a.menu-top,
+#adminmenu .wp-submenu-head {
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu-head {
+	display: none;
+}
+
+.folded #adminmenu .wp-menu-name {
+	position: absolute;
+	right: -999px;
+}
+
+.folded #adminmenu .wp-submenu-head {
+	display: block;
+}
+
+#adminmenu .wp-submenu li {
+	padding: 0;
+	margin: 0;
+}
+
+#adminmenu .wp-menu-image img {
+	padding: 9px 0 0;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#adminmenu div.wp-menu-name {
+	padding: 8px 36px 8px 8px;
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+	-ms-word-break: break-all;
+	word-break: break-word;
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+#adminmenu div.wp-menu-image {
+	float: right;
+	width: 36px;
+	height: 34px;
+	margin: 0;
+	text-align: center;
+}
+
+#adminmenu div.wp-menu-image.svg {
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 20px auto;
+}
+
+div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+	padding: 7px 0;
+	transition: all .1s ease-in-out;
+}
+
+#adminmenu div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+}
+
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu .current div.wp-menu-image:before,
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
+	color: #fff;
+}
+
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+	color: #72aee6;
+}
+
+.folded #adminmenu div.wp-menu-image {
+	width: 35px;
+	height: 30px;
+	position: absolute;
+	z-index: 25;
+}
+
+.folded #adminmenu a.menu-top {
+	height: 34px;
+}
+
+/* Sticky admin menu */
+.sticky-menu #adminmenuwrap {
+	position: fixed;
+}
+
+/* A new arrow */
+
+.wp-menu-arrow {
+	display: none !important;
+}
+
+ul#adminmenu a.wp-has-current-submenu {
+	position: relative;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+	left: 0;
+	border: solid 8px transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	border-left-color: #f0f0f1;
+	top: 50%;
+	margin-top: -8px;
+}
+
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
+.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
+	display: none;
+}
+
+.folded ul#adminmenu a.wp-has-current-submenu:after,
+.folded ul#adminmenu > li a.current:after {
+	border-width: 4px;
+	margin-top: -4px;
+}
+
+/* flyout menu arrow */
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	left: 0;
+	border: 8px solid transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	top: 10px;
+	z-index: 10000;
+}
+
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-width: 4px;
+	margin-top: -4px;
+	top: 18px;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-left-color: #2c3338;
+}
+
+#adminmenu li.menu-top:hover .wp-menu-image img,
+#adminmenu li.wp-has-current-submenu .wp-menu-image img {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+#adminmenu li.wp-menu-separator {
+	height: 5px;
+	padding: 0;
+	margin: 0 0 6px;
+	cursor: inherit;
+}
+
+/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
+#adminmenu div.separator {
+	height: 2px;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+	color: #fff;
+	font-weight: 400;
+	font-size: 14px;
+	padding: 5px 11px 5px 4px;
+	margin: -7px -5px 4px 0;
+	border-width: 3px 5px 3px 0;
+	border-style: solid;
+	border-color: transparent;
+}
+
+#adminmenu li.current,
+.folded #adminmenu li.wp-menu-open {
+	border: 0 none;
+}
+
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin: 1px 2px -1px 0;
+	padding: 0 5px;
+	min-width: 18px;
+	height: 18px;
+	border-radius: 9px;
+	background-color: #d63638;
+	color: #fff;
+	font-size: 11px;
+	line-height: 1.6;
+	text-align: center;
+	z-index: 26;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins {
+	background-color: #d63638;
+	color: #fff;
+}
+
+#adminmenu li span.count-0 {
+	display: none;
+}
+
+#collapse-button {
+	display: block;
+	width: 100%;
+	height: 34px;
+	margin: 0;
+	border: none;
+	padding: 0;
+	position: relative;
+	overflow: visible;
+	background: none;
+	color: #a7aaad;
+	cursor: pointer;
+}
+
+#collapse-button:hover {
+	color: #72aee6;
+}
+
+#collapse-button:focus {
+	color: #72aee6;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+#collapse-button .collapse-button-icon,
+#collapse-button .collapse-button-label {
+	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
+	display: block;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+#collapse-button .collapse-button-label {
+	top: 8px;
+}
+
+#collapse-button .collapse-button-icon {
+	width: 36px;
+	height: 34px;
+}
+
+#collapse-button .collapse-button-label {
+	padding: 0 36px 0 0;
+}
+
+.folded #collapse-button .collapse-button-label {
+	display: none;
+}
+
+#collapse-button .collapse-button-icon:after {
+	content: "\f148";
+	display: block;
+	position: relative;
+	top: 7px;
+	text-align: center;
+	font: normal 20px/1 dashicons !important;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* rtl:ignore */
+.folded #collapse-button .collapse-button-icon:after,
+.rtl #collapse-button .collapse-button-icon:after {
+	transform: rotate(180deg);
+}
+
+.rtl.folded #collapse-button .collapse-button-icon:after {
+	transform: none;
+}
+
+#collapse-button .collapse-button-icon:after,
+#collapse-button .collapse-button-label {
+	transition: all .1s ease-in-out;
+}
+
+/**
+ * Toolbar menu toggle
+ */
+li#wp-admin-bar-menu-toggle {
+	display: none;
+}
+
+/* Hide-if-customize for items we can't add classes to */
+.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
+.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
+	display: none;
+}
+
+/* Auto-folding of the admin menu */
+@media only screen and (max-width: 960px) {
+	.auto-fold #wpcontent,
+	.auto-fold #wpfooter {
+		margin-right: 36px;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap,
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenu li.menu-top {
+		width: 36px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .opensub .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		top: 0;
+		right: 36px;
+	}
+
+	.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		position: absolute;
+		top: -1000em;
+		margin-left: -1px;
+		padding: 7px 0 8px;
+		z-index: 9999;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		min-width: 150px;
+		width: auto;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu li > a {
+		padding-left: 16px;
+		padding-right: 14px;
+	}
+
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding-right: 12px;
+	}
+
+	.auto-fold #adminmenu .wp-menu-name {
+		position: absolute;
+		right: -999px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu-head {
+		display: block;
+	}
+
+	.auto-fold #adminmenu div.wp-menu-image {
+		height: 30px;
+		width: 34px;
+		position: absolute;
+		z-index: 25;
+	}
+
+	.auto-fold #adminmenu a.menu-top {
+		min-height: 34px;
+	}
+
+	.auto-fold #adminmenu li.wp-menu-open {
+		border: 0 none;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
+		margin-bottom: 0;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: none;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		border-width: 4px;
+		margin-top: -4px;
+		top: 16px;
+	}
+
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li a.current:after {
+		border-width: 4px;
+		margin-top: -4px;
+	}
+
+	.auto-fold #adminmenu li.menu-top:hover,
+	.auto-fold #adminmenu li.opensub > a.menu-top,
+	.auto-fold #adminmenu li > a.menu-top:focus {
+		z-index: 10000;
+	}
+
+	.auto-fold #collapse-menu .collapse-button-label {
+		display: none;
+	}
+
+	/* rtl:ignore */
+	.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: rotate(180deg);
+	}
+
+	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: none;
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	.auto-fold #wpcontent {
+		position: relative;
+		margin-right: 0;
+		padding-right: 10px;
+	}
+
+	.sticky-menu #adminmenuwrap {
+		position: relative;
+		z-index: auto;
+		top: 0;
+	}
+
+	/* Sidebar Adjustments */
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		position: absolute;
+		width: 190px;
+		z-index: 100;
+	}
+
+	.auto-fold #adminmenuback {
+		position: fixed;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		display: none;
+	}
+
+	.auto-fold .wp-responsive-open #adminmenuback,
+	.auto-fold .wp-responsive-open #adminmenuwrap {
+		display: block;
+	}
+
+	.auto-fold #adminmenu li.menu-top {
+		width: 100%;
+	}
+
+	/* Resize the admin menu items to a comfortable touch size */
+	.auto-fold #adminmenu li a {
+		font-size: 16px;
+		padding: 5px;
+	}
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding: 10px 20px 10px 10px;
+	}
+
+	/* Restore the menu names */
+	.auto-fold #adminmenu .wp-menu-name {
+		position: static;
+	}
+
+	/* Switch the arrow side */
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li.current > a.current:after {
+		border-width: 8px;
+		margin-top: -8px;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		display: none;
+	}
+
+	/* Make the submenus appear correctly when tapped. */
+	#adminmenu .wp-submenu {
+		position: relative;
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu {
+		position: relative;
+		display: block;
+		top: 0;
+		right: -1px;
+		box-shadow: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu:after,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .opensub .wp-submenu {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu {
+		display: block;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: block;
+	}
+
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		position: relative;
+		right: -1px;
+		left: 0;
+		top: 0;
+	}
+
+	#adminmenu .wp-not-current-submenu .wp-submenu,
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+		border-right: none;
+	}
+
+	/* Remove submenu headers and adjust sub meu*/
+	#adminmenu .wp-submenu .wp-submenu-head {
+		display: none;
+	}
+
+	/* Toolbar menu toggle */
+	#wp-responsive-toggle {
+		position: fixed;
+		top: 5px;
+		right: 4px;
+		padding-left: 10px;
+		z-index: 99999;
+		border: none;
+		box-sizing: border-box;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a {
+		display: block;
+		padding: 0;
+		overflow: hidden;
+		outline: none;
+		text-decoration: none;
+		border: 1px solid transparent;
+		background: none;
+		height: 44px;
+		margin-right: -1px;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+		background: #2c3338;
+	}
+
+	li#wp-admin-bar-menu-toggle {
+		display: block;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a:hover {
+		border: 1px solid transparent;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		content: "\f228";
+		display: inline-block;
+		float: right;
+		font: normal 40px/45px dashicons;
+		vertical-align: middle;
+		outline: none;
+		margin: 0;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+		height: 44px;
+		width: 50px;
+		padding: 0;
+		border: none;
+		text-align: center;
+		text-decoration: none;
+		box-sizing: border-box;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		color: #72aee6;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	#adminmenuwrap,
+	#adminmenuback {
+		display: none;
+	}
+
+	.wp-responsive-open #adminmenuwrap,
+	.wp-responsive-open #adminmenuback {
+		display: block;
+	}
+
+	.auto-fold #adminmenu {
+		top: 46px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/admin-menu.css

@@ -0,0 +1,857 @@
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu,
+#adminmenu .wp-submenu {
+	width: 160px;
+	background-color: #1d2327;
+}
+
+#adminmenuback {
+	position: fixed;
+	top: 0;
+	bottom: -120px;
+	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
+}
+
+.php-error #adminmenuback {
+	position: absolute;
+}
+
+.php-error #adminmenuback,
+.php-error #adminmenuwrap {
+	margin-top: 2em;
+}
+
+#adminmenu {
+	clear: left;
+	margin: 12px 0;
+	padding: 0;
+	list-style: none;
+}
+
+.folded #adminmenuback,
+.folded #adminmenuwrap,
+.folded #adminmenu,
+.folded #adminmenu li.menu-top {
+	width: 36px;
+}
+
+/* New Menu icons */
+
+/* hide background-image for icons above */
+.menu-icon-dashboard div.wp-menu-image,
+.menu-icon-post div.wp-menu-image,
+.menu-icon-media div.wp-menu-image,
+.menu-icon-links div.wp-menu-image,
+.menu-icon-page div.wp-menu-image,
+.menu-icon-comments div.wp-menu-image,
+.menu-icon-appearance div.wp-menu-image,
+.menu-icon-plugins div.wp-menu-image,
+.menu-icon-users div.wp-menu-image,
+.menu-icon-tools div.wp-menu-image,
+.menu-icon-settings div.wp-menu-image,
+.menu-icon-site div.wp-menu-image,
+.menu-icon-generic div.wp-menu-image {
+	background-image: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  7.0 - Main Navigation (Left Menu)
+------------------------------------------------------------------------------*/
+
+#adminmenuwrap {
+	position: relative;
+	float: left;
+	z-index: 9990;
+}
+
+/* side admin menu */
+#adminmenu * {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#adminmenu li {
+	margin: 0;
+	padding: 0;
+}
+
+#adminmenu a {
+	display: block;
+	line-height: 1.3;
+	padding: 2px 5px;
+	color: #f0f0f1;
+}
+
+#adminmenu .wp-submenu a {
+	color: #c3c4c7;
+	color: rgba(240, 246, 252, 0.7);
+	font-size: 13px;
+	line-height: 1.4;
+	margin: 0;
+	padding: 5px 0;
+}
+
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	background: none;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top > a:focus,
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	color: #72aee6;
+}
+
+#adminmenu a:hover,
+#adminmenu a:focus,
+.folded #adminmenu .wp-submenu-head:hover {
+	box-shadow: inset 4px 0 0 0 currentColor;
+	transition: box-shadow .1s linear;
+}
+
+#adminmenu li.menu-top {
+	border: none;
+	min-height: 34px;
+	position: relative;
+}
+
+#adminmenu .wp-submenu {
+	list-style: none;
+	position: absolute;
+	top: -1000em;
+	left: 160px;
+	overflow: visible;
+	word-wrap: break-word;
+	padding: 7px 0 8px;
+	z-index: 9999;
+	background-color: #2c3338;
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+.js #adminmenu .sub-open,
+.js #adminmenu .opensub .wp-submenu,
+#adminmenu a.menu-top:focus + .wp-submenu,
+.no-js li.wp-has-submenu:hover .wp-submenu {
+	top: -1px;
+}
+
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+	top: 0;
+}
+
+#adminmenu .wp-has-current-submenu .wp-submenu,
+.no-js li.wp-has-current-submenu:hover .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
+	position: relative;
+	z-index: 3;
+	top: auto;
+	left: auto;
+	right: auto;
+	bottom: auto;
+	border: 0 none;
+	margin-top: 0;
+	box-shadow: none;
+}
+
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+	position: relative;
+	background-color: #1d2327;
+	color: #72aee6;
+}
+
+.folded #adminmenu li.menu-top:hover,
+.folded #adminmenu li.opensub > a.menu-top,
+.folded #adminmenu li > a.menu-top:focus {
+	z-index: 10000;
+}
+
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.current a.menu-top,
+#adminmenu .wp-menu-arrow,
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
+#adminmenu .wp-menu-arrow div {
+	background: #2271b1;
+	color: #fff;
+}
+
+.folded #adminmenu .wp-submenu.sub-open,
+.folded #adminmenu .opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu a.menu-top:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
+	top: 0;
+	left: 36px;
+}
+
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	position: absolute;
+	top: -1000em;
+}
+
+#adminmenu .wp-not-current-submenu .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	min-width: 160px;
+	width: auto;
+	border-left: 5px solid transparent;
+}
+
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .opensub .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus {
+	color: #fff;
+}
+
+#adminmenu .wp-not-current-submenu li > a,
+.folded #adminmenu .wp-has-current-submenu li > a {
+	padding-right: 16px;
+	padding-left: 14px;
+	/* Exclude from the transition the outline for Windows High Contrast mode */
+	transition: all .1s ease-in-out, outline 0s;
+}
+
+#adminmenu .wp-has-current-submenu ul > li > a,
+.folded #adminmenu li.menu-top .wp-submenu > li > a {
+	padding: 5px 12px;
+}
+
+#adminmenu a.menu-top,
+#adminmenu .wp-submenu-head {
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu-head {
+	display: none;
+}
+
+.folded #adminmenu .wp-menu-name {
+	position: absolute;
+	left: -999px;
+}
+
+.folded #adminmenu .wp-submenu-head {
+	display: block;
+}
+
+#adminmenu .wp-submenu li {
+	padding: 0;
+	margin: 0;
+}
+
+#adminmenu .wp-menu-image img {
+	padding: 9px 0 0;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#adminmenu div.wp-menu-name {
+	padding: 8px 8px 8px 36px;
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+	-ms-word-break: break-all;
+	word-break: break-word;
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+#adminmenu div.wp-menu-image {
+	float: left;
+	width: 36px;
+	height: 34px;
+	margin: 0;
+	text-align: center;
+}
+
+#adminmenu div.wp-menu-image.svg {
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 20px auto;
+}
+
+div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+	padding: 7px 0;
+	transition: all .1s ease-in-out;
+}
+
+#adminmenu div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+}
+
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu .current div.wp-menu-image:before,
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
+	color: #fff;
+}
+
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+	color: #72aee6;
+}
+
+.folded #adminmenu div.wp-menu-image {
+	width: 35px;
+	height: 30px;
+	position: absolute;
+	z-index: 25;
+}
+
+.folded #adminmenu a.menu-top {
+	height: 34px;
+}
+
+/* Sticky admin menu */
+.sticky-menu #adminmenuwrap {
+	position: fixed;
+}
+
+/* A new arrow */
+
+.wp-menu-arrow {
+	display: none !important;
+}
+
+ul#adminmenu a.wp-has-current-submenu {
+	position: relative;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+	right: 0;
+	border: solid 8px transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	border-right-color: #f0f0f1;
+	top: 50%;
+	margin-top: -8px;
+}
+
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
+.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
+	display: none;
+}
+
+.folded ul#adminmenu a.wp-has-current-submenu:after,
+.folded ul#adminmenu > li a.current:after {
+	border-width: 4px;
+	margin-top: -4px;
+}
+
+/* flyout menu arrow */
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	right: 0;
+	border: 8px solid transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	top: 10px;
+	z-index: 10000;
+}
+
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-width: 4px;
+	margin-top: -4px;
+	top: 18px;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-right-color: #2c3338;
+}
+
+#adminmenu li.menu-top:hover .wp-menu-image img,
+#adminmenu li.wp-has-current-submenu .wp-menu-image img {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+#adminmenu li.wp-menu-separator {
+	height: 5px;
+	padding: 0;
+	margin: 0 0 6px;
+	cursor: inherit;
+}
+
+/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
+#adminmenu div.separator {
+	height: 2px;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+	color: #fff;
+	font-weight: 400;
+	font-size: 14px;
+	padding: 5px 4px 5px 11px;
+	margin: -7px 0 4px -5px;
+	border-width: 3px 0 3px 5px;
+	border-style: solid;
+	border-color: transparent;
+}
+
+#adminmenu li.current,
+.folded #adminmenu li.wp-menu-open {
+	border: 0 none;
+}
+
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin: 1px 0 -1px 2px;
+	padding: 0 5px;
+	min-width: 18px;
+	height: 18px;
+	border-radius: 9px;
+	background-color: #d63638;
+	color: #fff;
+	font-size: 11px;
+	line-height: 1.6;
+	text-align: center;
+	z-index: 26;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins {
+	background-color: #d63638;
+	color: #fff;
+}
+
+#adminmenu li span.count-0 {
+	display: none;
+}
+
+#collapse-button {
+	display: block;
+	width: 100%;
+	height: 34px;
+	margin: 0;
+	border: none;
+	padding: 0;
+	position: relative;
+	overflow: visible;
+	background: none;
+	color: #a7aaad;
+	cursor: pointer;
+}
+
+#collapse-button:hover {
+	color: #72aee6;
+}
+
+#collapse-button:focus {
+	color: #72aee6;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+#collapse-button .collapse-button-icon,
+#collapse-button .collapse-button-label {
+	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+#collapse-button .collapse-button-label {
+	top: 8px;
+}
+
+#collapse-button .collapse-button-icon {
+	width: 36px;
+	height: 34px;
+}
+
+#collapse-button .collapse-button-label {
+	padding: 0 0 0 36px;
+}
+
+.folded #collapse-button .collapse-button-label {
+	display: none;
+}
+
+#collapse-button .collapse-button-icon:after {
+	content: "\f148";
+	display: block;
+	position: relative;
+	top: 7px;
+	text-align: center;
+	font: normal 20px/1 dashicons !important;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* rtl:ignore */
+.folded #collapse-button .collapse-button-icon:after,
+.rtl #collapse-button .collapse-button-icon:after {
+	transform: rotate(180deg);
+}
+
+.rtl.folded #collapse-button .collapse-button-icon:after {
+	transform: none;
+}
+
+#collapse-button .collapse-button-icon:after,
+#collapse-button .collapse-button-label {
+	transition: all .1s ease-in-out;
+}
+
+/**
+ * Toolbar menu toggle
+ */
+li#wp-admin-bar-menu-toggle {
+	display: none;
+}
+
+/* Hide-if-customize for items we can't add classes to */
+.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
+.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
+	display: none;
+}
+
+/* Auto-folding of the admin menu */
+@media only screen and (max-width: 960px) {
+	.auto-fold #wpcontent,
+	.auto-fold #wpfooter {
+		margin-left: 36px;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap,
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenu li.menu-top {
+		width: 36px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .opensub .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		top: 0;
+		left: 36px;
+	}
+
+	.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		position: absolute;
+		top: -1000em;
+		margin-right: -1px;
+		padding: 7px 0 8px;
+		z-index: 9999;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		min-width: 150px;
+		width: auto;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu li > a {
+		padding-right: 16px;
+		padding-left: 14px;
+	}
+
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding-left: 12px;
+	}
+
+	.auto-fold #adminmenu .wp-menu-name {
+		position: absolute;
+		left: -999px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu-head {
+		display: block;
+	}
+
+	.auto-fold #adminmenu div.wp-menu-image {
+		height: 30px;
+		width: 34px;
+		position: absolute;
+		z-index: 25;
+	}
+
+	.auto-fold #adminmenu a.menu-top {
+		min-height: 34px;
+	}
+
+	.auto-fold #adminmenu li.wp-menu-open {
+		border: 0 none;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
+		margin-bottom: 0;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: none;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		border-width: 4px;
+		margin-top: -4px;
+		top: 16px;
+	}
+
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li a.current:after {
+		border-width: 4px;
+		margin-top: -4px;
+	}
+
+	.auto-fold #adminmenu li.menu-top:hover,
+	.auto-fold #adminmenu li.opensub > a.menu-top,
+	.auto-fold #adminmenu li > a.menu-top:focus {
+		z-index: 10000;
+	}
+
+	.auto-fold #collapse-menu .collapse-button-label {
+		display: none;
+	}
+
+	/* rtl:ignore */
+	.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: rotate(180deg);
+	}
+
+	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: none;
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	.auto-fold #wpcontent {
+		position: relative;
+		margin-left: 0;
+		padding-left: 10px;
+	}
+
+	.sticky-menu #adminmenuwrap {
+		position: relative;
+		z-index: auto;
+		top: 0;
+	}
+
+	/* Sidebar Adjustments */
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		position: absolute;
+		width: 190px;
+		z-index: 100;
+	}
+
+	.auto-fold #adminmenuback {
+		position: fixed;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		display: none;
+	}
+
+	.auto-fold .wp-responsive-open #adminmenuback,
+	.auto-fold .wp-responsive-open #adminmenuwrap {
+		display: block;
+	}
+
+	.auto-fold #adminmenu li.menu-top {
+		width: 100%;
+	}
+
+	/* Resize the admin menu items to a comfortable touch size */
+	.auto-fold #adminmenu li a {
+		font-size: 16px;
+		padding: 5px;
+	}
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding: 10px 10px 10px 20px;
+	}
+
+	/* Restore the menu names */
+	.auto-fold #adminmenu .wp-menu-name {
+		position: static;
+	}
+
+	/* Switch the arrow side */
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li.current > a.current:after {
+		border-width: 8px;
+		margin-top: -8px;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		display: none;
+	}
+
+	/* Make the submenus appear correctly when tapped. */
+	#adminmenu .wp-submenu {
+		position: relative;
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu {
+		position: relative;
+		display: block;
+		top: 0;
+		left: -1px;
+		box-shadow: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu:after,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .opensub .wp-submenu {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu {
+		display: block;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: block;
+	}
+
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		position: relative;
+		left: -1px;
+		right: 0;
+		top: 0;
+	}
+
+	#adminmenu .wp-not-current-submenu .wp-submenu,
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+		border-left: none;
+	}
+
+	/* Remove submenu headers and adjust sub meu*/
+	#adminmenu .wp-submenu .wp-submenu-head {
+		display: none;
+	}
+
+	/* Toolbar menu toggle */
+	#wp-responsive-toggle {
+		position: fixed;
+		top: 5px;
+		left: 4px;
+		padding-right: 10px;
+		z-index: 99999;
+		border: none;
+		box-sizing: border-box;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a {
+		display: block;
+		padding: 0;
+		overflow: hidden;
+		outline: none;
+		text-decoration: none;
+		border: 1px solid transparent;
+		background: none;
+		height: 44px;
+		margin-left: -1px;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+		background: #2c3338;
+	}
+
+	li#wp-admin-bar-menu-toggle {
+		display: block;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a:hover {
+		border: 1px solid transparent;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		content: "\f228";
+		display: inline-block;
+		float: left;
+		font: normal 40px/45px dashicons;
+		vertical-align: middle;
+		outline: none;
+		margin: 0;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+		height: 44px;
+		width: 50px;
+		padding: 0;
+		border: none;
+		text-align: center;
+		text-decoration: none;
+		box-sizing: border-box;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		color: #72aee6;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	#adminmenuwrap,
+	#adminmenuback {
+		display: none;
+	}
+
+	.wp-responsive-open #adminmenuwrap,
+	.wp-responsive-open #adminmenuback {
+		display: block;
+	}
+
+	.auto-fold #adminmenu {
+		top: 46px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/code-editor-rtl.css

@@ -0,0 +1,77 @@
+/*! This file is auto-generated */
+.wrap [class*="CodeMirror-lint-marker"],
+.wp-core-ui [class*="CodeMirror-lint-message"],
+.wrap .CodeMirror-lint-marker-multiple {
+	background-image: none;
+}
+
+.wp-core-ui .CodeMirror-lint-marker-error,
+.wp-core-ui .CodeMirror-lint-marker-warning {
+	cursor: help;
+}
+
+.wrap .CodeMirror-lint-marker-multiple {
+	position: absolute;
+	top: 0;
+}
+
+.wrap [class*="CodeMirror-lint-marker"]:before {
+	font: normal 18px/1 dashicons;
+	position: relative;
+	top: -2px;
+}
+
+.wp-core-ui [class*="CodeMirror-lint-message"]:before {
+	font: normal 16px/1 dashicons;
+	right: 16px;
+	position: absolute;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error,
+.wp-core-ui .CodeMirror-lint-message-warning {
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	margin: 5px 0 2px;
+	padding: 3px 28px 3px 12px;
+}
+
+.wp-core-ui .CodeMirror-lint-message-warning {
+	background-color: #fcf9e8;
+	border-right: 4px solid #dba617;
+}
+
+.wrap .CodeMirror-lint-marker-warning:before,
+.wp-core-ui .CodeMirror-lint-message-warning:before {
+	content: "\f534";
+	color: #dba617;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error {
+	background-color: #fcf0f1;
+	border-right: 4px solid #d63638;
+}
+
+.wrap .CodeMirror-lint-marker-error:before,
+.wp-core-ui .CodeMirror-lint-message-error:before {
+	content: "\f153";
+	color: #d63638;
+}
+
+.wp-core-ui .CodeMirror-lint-tooltip {
+	background: none;
+	border: none;
+	border-radius: 0;
+	direction: rtl;
+}
+
+.wrap .CodeMirror .CodeMirror-matchingbracket {
+	background: rgba(219, 166, 23, 0.3);
+	color: inherit;
+}
+
+.CodeMirror {
+	text-align: right;
+}
+
+.wrap .CodeMirror .CodeMirror-linenumber {
+	color: #646970;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/code-editor-rtl.min.css

@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;right:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 28px 3px 12px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-right:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-right:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:rtl}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:right}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/code-editor.css

@@ -0,0 +1,76 @@
+.wrap [class*="CodeMirror-lint-marker"],
+.wp-core-ui [class*="CodeMirror-lint-message"],
+.wrap .CodeMirror-lint-marker-multiple {
+	background-image: none;
+}
+
+.wp-core-ui .CodeMirror-lint-marker-error,
+.wp-core-ui .CodeMirror-lint-marker-warning {
+	cursor: help;
+}
+
+.wrap .CodeMirror-lint-marker-multiple {
+	position: absolute;
+	top: 0;
+}
+
+.wrap [class*="CodeMirror-lint-marker"]:before {
+	font: normal 18px/1 dashicons;
+	position: relative;
+	top: -2px;
+}
+
+.wp-core-ui [class*="CodeMirror-lint-message"]:before {
+	font: normal 16px/1 dashicons;
+	left: 16px;
+	position: absolute;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error,
+.wp-core-ui .CodeMirror-lint-message-warning {
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	margin: 5px 0 2px;
+	padding: 3px 12px 3px 28px;
+}
+
+.wp-core-ui .CodeMirror-lint-message-warning {
+	background-color: #fcf9e8;
+	border-left: 4px solid #dba617;
+}
+
+.wrap .CodeMirror-lint-marker-warning:before,
+.wp-core-ui .CodeMirror-lint-message-warning:before {
+	content: "\f534";
+	color: #dba617;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error {
+	background-color: #fcf0f1;
+	border-left: 4px solid #d63638;
+}
+
+.wrap .CodeMirror-lint-marker-error:before,
+.wp-core-ui .CodeMirror-lint-message-error:before {
+	content: "\f153";
+	color: #d63638;
+}
+
+.wp-core-ui .CodeMirror-lint-tooltip {
+	background: none;
+	border: none;
+	border-radius: 0;
+	direction: ltr;
+}
+
+.wrap .CodeMirror .CodeMirror-matchingbracket {
+	background: rgba(219, 166, 23, 0.3);
+	color: inherit;
+}
+
+.CodeMirror {
+	text-align: left;
+}
+
+.wrap .CodeMirror .CodeMirror-linenumber {
+	color: #646970;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/code-editor.min.css

@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;left:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 12px 3px 28px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-left:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-left:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:ltr}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:left}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/color-picker-rtl.css

@@ -0,0 +1,183 @@
+/*! This file is auto-generated */
+/* rtl:ignore */
+.wp-color-picker {
+	width: 80px;
+	direction: ltr;
+}
+
+.wp-picker-container .hidden {
+	display: none;
+}
+
+/* Needs higher specificiity. */
+.wp-picker-container .wp-color-result.button {
+	min-height: 30px;
+	margin: 0 0 6px 6px;
+	padding: 0 30px 0 0;
+	font-size: 11px;
+}
+
+.wp-color-result-text {
+	background: #f6f7f7;
+	border-radius: 2px 0 0 2px;
+	border-right: 1px solid #c3c4c7;
+	color: #50575e;
+	display: block;
+	line-height: 2.54545455; /* 28px */
+	padding: 0 6px;
+	text-align: center;
+}
+
+.wp-color-result:hover,
+.wp-color-result:focus {
+	background: #f6f7f7;
+	border-color: #8c8f94;
+	color: #1d2327;
+}
+
+.wp-color-result:hover:after,
+.wp-color-result:focus:after {
+	color: #1d2327;
+	border-color: #a7aaad;
+	border-right: 1px solid #8c8f94;
+}
+
+.wp-picker-container {
+	display: inline-block;
+}
+
+.wp-color-result:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+.wp-color-result:active {
+	/* See Trac ticket #39662 */
+	transform: none !important;
+}
+
+.wp-picker-open + .wp-picker-input-wrap {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.wp-picker-input-wrap label {
+	display: inline-block;
+	vertical-align: top;
+}
+
+/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
+.form-table .wp-picker-input-wrap label {
+	margin: 0 !important;
+}
+
+.wp-picker-input-wrap .button.wp-picker-default,
+.wp-picker-input-wrap .button.wp-picker-clear,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+	margin-right: 6px;
+	padding: 0 8px;
+	line-height: 2.54545455; /* 28px */
+	min-height: 30px;
+}
+
+.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
+	background-color: #50575e
+}
+
+.wp-picker-container .iris-picker {
+	border-radius: 0;
+	border-color: #dcdcde;
+	margin-top: 6px;
+}
+
+.wp-picker-container input[type="text"].wp-color-picker {
+	width: 4rem;
+	font-size: 12px;
+	font-family: monospace;
+	line-height: 2.33333333; /* 28px */
+	margin: 0;
+	padding: 0 5px;
+	vertical-align: top;
+	min-height: 30px;
+}
+
+.wp-color-picker::-webkit-input-placeholder {
+	color: #646970;
+}
+
+.wp-color-picker::-moz-placeholder {
+	color: #646970;
+	opacity: 1;
+}
+
+.wp-color-picker:-ms-input-placeholder {
+	color: #646970;
+}
+
+.wp-picker-container input[type="text"].iris-error {
+	background-color: #fcf0f1;
+	border-color: #d63638;
+	color: #000;
+}
+
+.iris-picker .ui-square-handle:focus,
+.iris-picker .iris-strip .ui-slider-handle:focus {
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	outline: 2px solid transparent;
+}
+
+.iris-picker .iris-palette:focus {
+	box-shadow: 0 0 0 2px #3582c4;
+}
+
+@media screen and (max-width: 782px) {
+	.wp-picker-container input[type="text"].wp-color-picker {
+		width: 5rem;
+		font-size: 16px;
+		line-height: 1.875; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
+		padding: 0 5px;
+	}
+
+	.wp-picker-input-wrap .button.wp-picker-default,
+	.wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-picker-container .wp-color-result.button {
+		padding: 0 40px 0 0;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result.button {
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-picker-container .wp-color-result-text {
+		padding: 0 14px;
+		font-size: inherit;
+		line-height: inherit;
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result-text {
+		padding: 0 10px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/color-picker.css

@@ -0,0 +1,182 @@
+/* rtl:ignore */
+.wp-color-picker {
+	width: 80px;
+	direction: ltr;
+}
+
+.wp-picker-container .hidden {
+	display: none;
+}
+
+/* Needs higher specificiity. */
+.wp-picker-container .wp-color-result.button {
+	min-height: 30px;
+	margin: 0 6px 6px 0;
+	padding: 0 0 0 30px;
+	font-size: 11px;
+}
+
+.wp-color-result-text {
+	background: #f6f7f7;
+	border-radius: 0 2px 2px 0;
+	border-left: 1px solid #c3c4c7;
+	color: #50575e;
+	display: block;
+	line-height: 2.54545455; /* 28px */
+	padding: 0 6px;
+	text-align: center;
+}
+
+.wp-color-result:hover,
+.wp-color-result:focus {
+	background: #f6f7f7;
+	border-color: #8c8f94;
+	color: #1d2327;
+}
+
+.wp-color-result:hover:after,
+.wp-color-result:focus:after {
+	color: #1d2327;
+	border-color: #a7aaad;
+	border-left: 1px solid #8c8f94;
+}
+
+.wp-picker-container {
+	display: inline-block;
+}
+
+.wp-color-result:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+.wp-color-result:active {
+	/* See Trac ticket #39662 */
+	transform: none !important;
+}
+
+.wp-picker-open + .wp-picker-input-wrap {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.wp-picker-input-wrap label {
+	display: inline-block;
+	vertical-align: top;
+}
+
+/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
+.form-table .wp-picker-input-wrap label {
+	margin: 0 !important;
+}
+
+.wp-picker-input-wrap .button.wp-picker-default,
+.wp-picker-input-wrap .button.wp-picker-clear,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+	margin-left: 6px;
+	padding: 0 8px;
+	line-height: 2.54545455; /* 28px */
+	min-height: 30px;
+}
+
+.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
+	background-color: #50575e
+}
+
+.wp-picker-container .iris-picker {
+	border-radius: 0;
+	border-color: #dcdcde;
+	margin-top: 6px;
+}
+
+.wp-picker-container input[type="text"].wp-color-picker {
+	width: 4rem;
+	font-size: 12px;
+	font-family: monospace;
+	line-height: 2.33333333; /* 28px */
+	margin: 0;
+	padding: 0 5px;
+	vertical-align: top;
+	min-height: 30px;
+}
+
+.wp-color-picker::-webkit-input-placeholder {
+	color: #646970;
+}
+
+.wp-color-picker::-moz-placeholder {
+	color: #646970;
+	opacity: 1;
+}
+
+.wp-color-picker:-ms-input-placeholder {
+	color: #646970;
+}
+
+.wp-picker-container input[type="text"].iris-error {
+	background-color: #fcf0f1;
+	border-color: #d63638;
+	color: #000;
+}
+
+.iris-picker .ui-square-handle:focus,
+.iris-picker .iris-strip .ui-slider-handle:focus {
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	outline: 2px solid transparent;
+}
+
+.iris-picker .iris-palette:focus {
+	box-shadow: 0 0 0 2px #3582c4;
+}
+
+@media screen and (max-width: 782px) {
+	.wp-picker-container input[type="text"].wp-color-picker {
+		width: 5rem;
+		font-size: 16px;
+		line-height: 1.875; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
+		padding: 0 5px;
+	}
+
+	.wp-picker-input-wrap .button.wp-picker-default,
+	.wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-picker-container .wp-color-result.button {
+		padding: 0 0 0 40px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result.button {
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-picker-container .wp-color-result-text {
+		padding: 0 14px;
+		font-size: inherit;
+		line-height: inherit;
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result-text {
+		padding: 0 10px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/_admin.scss

@@ -0,0 +1,798 @@
+
+@import 'variables';
+@import 'mixins';
+
+@function url-friendly-colour( $color ) {
+	@return '%23' + str-slice( '#{ $color }', 2, -1 );
+}
+
+body {
+	background: $body-background;
+}
+
+
+/* Links */
+
+a {
+	color: $link;
+
+	&:hover,
+	&:active,
+	&:focus {
+		color: $link-focus;
+	}
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+	color: currentColor;
+}
+
+.wp-core-ui .button-link {
+	color: $link;
+
+	&:hover,
+	&:active,
+	&:focus {
+		color: $link-focus;
+	}
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+	color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+	color: #dc3232;
+}
+
+/* Forms */
+
+input[type=checkbox]:checked::before {
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+	background: $form-checked;
+}
+
+.wp-core-ui input[type="reset"]:hover,
+.wp-core-ui input[type="reset"]:active {
+	color: $link-focus;
+}
+
+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="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: $highlight-color;
+	box-shadow: 0 0 0 1px $highlight-color;
+}
+
+
+/* Core UI */
+
+.wp-core-ui {
+
+	.button {
+		border-color: #7e8993;
+		color: #32373c;
+	}
+
+	.button.hover,
+	.button:hover,
+	.button.focus,
+	.button:focus {
+		border-color: darken( #7e8993, 5% );
+		color: darken( #32373c, 5% );
+	}
+
+	.button.focus,
+	.button:focus {
+		border-color: #7e8993;
+		color: darken( #32373c, 5% );
+		box-shadow: 0 0 0 1px #32373c;
+	}
+
+	.button:active {
+		border-color: #7e8993;
+		color: darken( #32373c, 5% );
+		box-shadow: none;
+	}
+
+	.button.active,
+	.button.active:focus,
+	.button.active:hover {
+		border-color: $button-color;
+		color: darken( #32373c, 5% );
+		box-shadow: inset 0 2px 5px -3px $button-color;
+	}
+
+	.button.active:focus {
+		box-shadow: 0 0 0 1px #32373c;
+	}
+
+	@if ( $low-contrast-theme != "true" ) {
+		.button,
+		.button-secondary {
+			color: $highlight-color;
+			border-color: $highlight-color;
+		}
+
+		.button.hover,
+		.button:hover,
+		.button-secondary:hover{
+			border-color: darken($highlight-color, 10);
+			color: darken($highlight-color, 10);
+		}
+
+		.button.focus,
+		.button:focus,
+		.button-secondary:focus {
+			border-color: lighten($highlight-color, 10);
+			color: darken($highlight-color, 20);;
+			box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+		}
+
+		.button-primary {
+			&:hover {
+				color: #fff;
+			}
+		}
+	}
+
+	.button-primary {
+		@include button( $button-color );
+	}
+
+	.button-group > .button.active {
+		border-color: $button-color;
+	}
+
+	.wp-ui-primary {
+		color: $text-color;
+		background-color: $base-color;
+	}
+	.wp-ui-text-primary {
+		color: $base-color;
+	}
+
+	.wp-ui-highlight {
+		color: $menu-highlight-text;
+		background-color: $menu-highlight-background;
+	}
+	.wp-ui-text-highlight {
+		color: $menu-highlight-background;
+	}
+
+	.wp-ui-notification {
+		color: $menu-bubble-text;
+		background-color: $menu-bubble-background;
+	}
+	.wp-ui-text-notification {
+		color: $menu-bubble-background;
+	}
+
+	.wp-ui-text-icon {
+		color: $menu-icon;
+	}
+}
+
+
+/* List tables */
+@if $low-contrast-theme == "true" {
+	.wrap .page-title-action:hover {
+		color: $menu-text;
+		background-color: $menu-background;
+	}
+} @else {
+	.wrap .page-title-action,
+	.wrap .page-title-action:active {
+		border: 1px solid $highlight-color;
+		color: $highlight-color;
+	}
+
+	.wrap .page-title-action:hover {
+		color: darken($highlight-color, 10);
+		border-color: darken($highlight-color, 10);
+	}
+
+	.wrap .page-title-action:focus {
+		border-color: lighten($highlight-color, 10);
+		color: darken($highlight-color, 20);;
+		box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+	}
+}
+
+.view-switch a.current:before {
+	color: $menu-background;
+}
+
+.view-switch a:hover:before {
+	color: $menu-bubble-background;
+}
+
+
+/* Admin Menu */
+
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+	background: $menu-background;
+}
+
+#adminmenu a {
+	color: $menu-text;
+}
+
+#adminmenu div.wp-menu-image:before {
+	color: $menu-icon;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+	color: $menu-highlight-text;
+	background-color: $menu-highlight-background;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+	color: $menu-highlight-icon;
+}
+
+
+/* Active tabs use a bottom border color that matches the page background color. */
+
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+	background-color: $body-background;
+	border-bottom-color: $body-background;
+}
+
+
+/* Admin Menu: submenu */
+
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+	background: $menu-submenu-background;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-right-color: $menu-submenu-background;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+	color: $menu-submenu-text;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+	color: $menu-submenu-text;
+
+	&:focus, &:hover {
+		color: $menu-submenu-focus-text;
+	}
+}
+
+
+/* Admin Menu: current */
+
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+	color: $menu-submenu-current-text;
+
+	&:hover, &:focus {
+		color: $menu-submenu-focus-text;
+	}
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+    border-right-color: $body-background;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+	color: $menu-current-text;
+	background: $menu-current-background;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+	color: $menu-current-icon;
+}
+
+
+/* Admin Menu: bubble */
+
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+	color: $menu-bubble-text;
+	background: $menu-bubble-background;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+	color: $menu-bubble-current-text;
+	background: $menu-bubble-current-background;
+}
+
+
+/* Admin Menu: collapse button */
+
+#collapse-button {
+    color: $menu-collapse-text;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+    color: $menu-submenu-focus-text;
+}
+
+/* Admin Bar */
+
+#wpadminbar {
+	color: $menu-text;
+	background: $menu-background;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+	color: $menu-text;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+	color: $menu-icon;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+	color: $menu-submenu-focus-text;
+	background: $menu-submenu-background;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+	color: $menu-submenu-focus-text;
+}
+
+
+/* Admin Bar: submenu */
+
+#wpadminbar .menupop .ab-sub-wrapper {
+	background: $menu-submenu-background;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+	background: $menu-submenu-background-alt;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+	color: $menu-submenu-text;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+	color: $menu-icon;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+	color: $menu-icon;
+}
+
+
+/* Admin Bar: search */
+
+#wpadminbar #adminbarsearch:before {
+	color: $menu-icon;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+	color: $menu-text;
+	background: $adminbar-input-background;
+}
+
+/* Admin Bar: recovery mode */
+
+#wpadminbar #wp-admin-bar-recovery-mode {
+	color: $adminbar-recovery-exit-text;
+	background-color: $adminbar-recovery-exit-background;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+	color: $adminbar-recovery-exit-text;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+	color: $adminbar-recovery-exit-text;
+	background-color: $adminbar-recovery-exit-background-alt;
+}
+
+/* Admin Bar: my account */
+
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+	border-color: $adminbar-avatar-frame;
+	background-color: $adminbar-avatar-frame;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+	color: $menu-text;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+	color: $menu-submenu-text;
+}
+
+
+/* Pointers */
+
+.wp-pointer .wp-pointer-content h3 {
+	background-color: $highlight-color;
+	border-color: darken( $highlight-color, 5% );
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+	color: $highlight-color;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+	border-bottom-color: $highlight-color;
+}
+
+
+/* Media */
+
+.media-item .bar,
+.media-progress-bar div {
+	background-color: $highlight-color;
+}
+
+.details.attachment {
+	box-shadow:
+		inset 0 0 0 3px #fff,
+		inset 0 0 0 7px $highlight-color;
+}
+
+.attachment.details .check {
+	background-color: $highlight-color;
+	box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+	box-shadow: 0 0 0 1px #fff, 0 0 0 3px $highlight-color;
+}
+
+
+/* Themes */
+
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+	background: $highlight-color;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+	color: $highlight-color;
+}
+
+.theme-section.current,
+.theme-filter.current {
+	border-bottom-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters {
+	color: $menu-text;
+	background-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters:before {
+	color: $menu-text;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+	background-color: $menu-highlight-background;
+	color: $menu-highlight-text;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+	color: $menu-highlight-text;
+}
+
+/* Widgets */
+
+.widgets-chooser li.widgets-chooser-selected {
+	background-color: $menu-highlight-background;
+	color: $menu-highlight-text;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+	color: $menu-highlight-text;
+}
+
+
+/* Nav Menus */
+
+.nav-menus-php .item-edit:focus:before {
+	box-shadow:
+		0 0 0 1px lighten($button-color, 10),
+		0 0 2px 1px $button-color;
+}
+
+
+/* Responsive Component */
+
+div#wp-responsive-toggle a:before {
+	color: $menu-icon;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+	// ToDo: make inset border
+	border-color: transparent;
+	background: $menu-highlight-background;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+	background: $menu-submenu-background;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+	color: $menu-icon;
+}
+
+/* TinyMCE */
+
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+	background: $highlight-color;
+}
+
+/* Customizer */
+.wp-core-ui {
+	#customize-controls .control-section:hover > .accordion-section-title,
+	#customize-controls .control-section .accordion-section-title:hover,
+	#customize-controls .control-section.open .accordion-section-title,
+	#customize-controls .control-section .accordion-section-title:focus {
+		color: $link;
+		border-left-color: $button-color;
+	}
+
+	.customize-controls-close:focus,
+	.customize-controls-close:hover,
+	.customize-controls-preview-toggle:focus,
+	.customize-controls-preview-toggle:hover {
+		color: $link;
+		border-top-color: $button-color;
+	}
+
+	.customize-panel-back:hover,
+	.customize-panel-back:focus,
+	.customize-section-back:hover,
+	.customize-section-back:focus {
+		color: $link;
+		border-left-color: $button-color;
+	}
+
+	.customize-screen-options-toggle:hover,
+	.customize-screen-options-toggle:active,
+	.customize-screen-options-toggle:focus,
+	.active-menu-screen-options .customize-screen-options-toggle,
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+		color: $link;
+	}
+
+	.customize-screen-options-toggle:focus:before,
+	#customize-controls .customize-info .customize-help-toggle:focus:before,
+	&.wp-customizer button:focus .toggle-indicator:before,
+	.menu-item-bar .item-delete:focus:before,
+	#available-menu-items .item-add:focus:before,
+	#customize-save-button-wrapper .save:focus,
+	#publish-settings:focus {
+		box-shadow:
+			0 0 0 1px lighten($button-color, 10),
+			0 0 2px 1px $button-color;
+	}
+
+	#customize-controls .customize-info.open .customize-help-toggle,
+	#customize-controls .customize-info .customize-help-toggle:focus,
+	#customize-controls .customize-info .customize-help-toggle:hover {
+		color: $link;
+	}
+
+	.control-panel-themes .customize-themes-section-title:focus,
+	.control-panel-themes .customize-themes-section-title:hover {
+		border-left-color: $button-color;
+		color: $link;
+	}
+
+	.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+		background: $button-color;
+	}
+
+	.control-panel-themes .customize-themes-section-title.selected {
+		color: $link;
+	}
+
+	#customize-theme-controls .control-section:hover > .accordion-section-title:after,
+	#customize-theme-controls .control-section .accordion-section-title:hover:after,
+	#customize-theme-controls .control-section.open .accordion-section-title:after,
+	#customize-theme-controls .control-section .accordion-section-title:focus:after,
+	#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+	#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+	#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+	#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+		color: $link;
+	}
+
+	.customize-control .attachment-media-view .button-add-media:focus {
+		background-color: #fbfbfc;
+		border-color: $button-color;
+		border-style: solid;
+		box-shadow: 0 0 0 1px $button-color;
+		outline: 2px solid transparent;
+	}
+
+	.wp-full-overlay-footer .devices button:focus,
+	.wp-full-overlay-footer .devices button.active:hover {
+		border-bottom-color: $button-color;
+	}
+
+	.wp-full-overlay-footer .devices button:hover:before,
+	.wp-full-overlay-footer .devices button:focus:before {
+		color: $button-color;
+	}
+
+	.wp-full-overlay .collapse-sidebar:hover,
+	.wp-full-overlay .collapse-sidebar:focus {
+		color: $button-color;
+	}
+
+	.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+	.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+		box-shadow:
+			0 0 0 1px lighten($button-color, 10),
+			0 0 2px 1px $button-color;
+	}
+
+	&.wp-customizer .theme-overlay .theme-header .close:focus,
+	&.wp-customizer .theme-overlay .theme-header .close:hover,
+	&.wp-customizer .theme-overlay .theme-header .right:focus,
+	&.wp-customizer .theme-overlay .theme-header .right:hover,
+	&.wp-customizer .theme-overlay .theme-header .left:focus,
+	&.wp-customizer .theme-overlay .theme-header .left:hover {
+		border-bottom-color: $button-color;
+		color: $link;
+	}
+}
+
+/* Welcome Panel */
+.welcome-panel {
+	background-color: $dashboard-accent-1;
+}
+
+.welcome-panel-header-image circle {
+	stroke: $dashboard-accent-2;
+	fill: $dashboard-accent-1;
+}
+
+[class*="welcome-panel-icon"] {
+	background-color: $dashboard-icon-background;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/_mixins.scss

@@ -0,0 +1,37 @@
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+@mixin button( $button-color, $button-text-color: #fff ) {
+	background: $button-color;
+	border-color: $button-color;
+	color: $button-text-color;
+
+	&:hover,
+	&:focus {
+		background: lighten( $button-color, 3% );
+		border-color: darken( $button-color, 3% );
+		color: $button-text-color;
+	}
+
+	&:focus {
+		box-shadow:
+			0 0 0 1px #fff,
+			0 0 0 3px $button-color;
+	}
+
+	&:active {
+		background: darken( $button-color, 5% );
+		border-color: darken( $button-color, 5% );
+		color: $button-text-color;
+	}
+
+	&.active,
+	&.active:focus,
+	&.active:hover {
+		background: $button-color;
+		color: $button-text-color;
+		border-color: darken( $button-color, 15% );
+		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/_variables.scss

@@ -0,0 +1,72 @@
+// assign default value to all undefined variables
+
+$scheme-name: "default" !default;
+
+// core variables
+
+$text-color: #fff !default;
+$base-color: #23282d !default;
+$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
+$highlight-color: #0073aa !default;
+$notification-color: #d54e21 !default;
+
+
+// global
+
+$body-background: #f1f1f1 !default;
+
+$link: #0073aa !default;
+$link-focus: lighten( $link, 10% ) !default;
+
+$button-color: $highlight-color !default;
+$button-text-color: $text-color !default;
+
+$form-checked: #7e8993 !default;
+
+// admin menu & admin-bar
+
+$menu-text: $text-color !default;
+$menu-icon: $icon-color !default;
+$menu-background: $base-color !default;
+
+$menu-highlight-text: $text-color !default;
+$menu-highlight-icon: $text-color !default;
+$menu-highlight-background: $highlight-color !default;
+
+$menu-current-text: $menu-highlight-text !default;
+$menu-current-icon: $menu-highlight-icon !default;
+$menu-current-background: $menu-highlight-background !default;
+
+$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
+$menu-submenu-background: darken( $base-color, 7% ) !default;
+$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
+
+$menu-submenu-focus-text: $highlight-color !default;
+$menu-submenu-current-text: $text-color !default;
+
+$menu-bubble-text: $text-color !default;
+$menu-bubble-background: $notification-color !default;
+$menu-bubble-current-text: $text-color !default;
+$menu-bubble-current-background: $menu-submenu-background !default;
+
+$menu-collapse-text: $menu-icon !default;
+$menu-collapse-icon: $menu-icon !default;
+$menu-collapse-focus-text: $text-color !default;
+$menu-collapse-focus-icon: $menu-highlight-icon !default;
+
+$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
+$adminbar-input-background: lighten( $menu-background, 7% ) !default;
+
+$adminbar-recovery-exit-text: $menu-bubble-text !default;
+$adminbar-recovery-exit-background: $menu-bubble-background !default;
+$adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-background, 10%) !default;
+
+$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
+
+// Dashboard Colors
+
+$dashboard-accent-1: $highlight-color !default;
+$dashboard-accent-2: rgba(255, 255, 255, 0.5) !default;
+$dashboard-icon-background: $dashboard-accent-2 !default;
+
+$low-contrast-theme: "false" !default;

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/blue/colors-rtl.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #096484;
+  box-shadow: 0 0 0 1px #096484;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e1a948;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e1a948;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #096484;
+  border-color: #096484;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #064054;
+  color: #064054;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e1a948;
+  border-color: #e1a948;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e3af55;
+  border-color: #dfa33b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd9f32;
+  border-color: #dd9f32;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e1a948;
+  color: #fff;
+  border-color: #bd831f;
+  box-shadow: inset 0 2px 5px -3px #241906;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e1a948;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #52accc;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #52accc;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #096484;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #096484;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #e5f8ff;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #096484;
+  color: #096484;
+}
+
+.wrap .page-title-action:hover {
+  color: #064054;
+  border-color: #064054;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+
+.view-switch a.current:before {
+  color: #52accc;
+}
+
+.view-switch a:hover:before {
+  color: #e1a948;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #52accc;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #e5f8ff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #096484;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #4796b3;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #4796b3;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #e2ecf1;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #e2ecf1;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #fff;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #fff;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #096484;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #e1a948;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #4796b3;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #e5f8ff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #fff;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #52accc;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #e5f8ff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #fff;
+  background: #4796b3;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #fff;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #fff;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #4796b3;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #74b6ce;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #e2ecf1;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #fff;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #fff;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #e5f8ff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6eb9d4;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #e1a948;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #cb9841;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6eb9d4;
+  background-color: #6eb9d4;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #e2ecf1;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #096484;
+  border-color: #07526c;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #096484;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #096484;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #096484;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
+}
+
+.attachment.details .check {
+  background-color: #096484;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #096484;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #096484;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #52accc;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #52accc;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #096484;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #096484;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #e5f8ff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #096484;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #4796b3;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #e5f8ff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #096484;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #e1a948;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e1a948;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #e1a948;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #e1a948;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e1a948;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e1a948;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e1a948;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e1a948;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #096484;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #096484;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #096484;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/blue/colors.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #096484;
+  box-shadow: 0 0 0 1px #096484;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e1a948;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e1a948;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #096484;
+  border-color: #096484;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #064054;
+  color: #064054;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e1a948;
+  border-color: #e1a948;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e3af55;
+  border-color: #dfa33b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd9f32;
+  border-color: #dd9f32;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e1a948;
+  color: #fff;
+  border-color: #bd831f;
+  box-shadow: inset 0 2px 5px -3px #241906;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e1a948;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #52accc;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #52accc;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #096484;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #096484;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #e5f8ff;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #096484;
+  color: #096484;
+}
+
+.wrap .page-title-action:hover {
+  color: #064054;
+  border-color: #064054;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+
+.view-switch a.current:before {
+  color: #52accc;
+}
+
+.view-switch a:hover:before {
+  color: #e1a948;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #52accc;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #e5f8ff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #096484;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #4796b3;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #4796b3;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #e2ecf1;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #e2ecf1;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #fff;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #fff;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #096484;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #e1a948;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #4796b3;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #e5f8ff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #fff;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #52accc;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #e5f8ff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #fff;
+  background: #4796b3;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #fff;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #fff;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #4796b3;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #74b6ce;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #e2ecf1;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #fff;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #fff;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #e5f8ff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6eb9d4;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #e1a948;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #cb9841;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6eb9d4;
+  background-color: #6eb9d4;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #e2ecf1;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #096484;
+  border-color: #07526c;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #096484;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #096484;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #096484;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
+}
+
+.attachment.details .check {
+  background-color: #096484;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #096484;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #096484;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #52accc;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #52accc;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #096484;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #096484;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #e5f8ff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #096484;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #4796b3;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #e5f8ff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #096484;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #e1a948;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e1a948;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #e1a948;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #e1a948;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e1a948;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e1a948;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e1a948;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e1a948;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #096484;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #096484;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #096484;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/blue/colors.scss

@@ -0,0 +1,14 @@
+$scheme-name: "blue";
+$base-color: #52accc;
+$icon-color: #e5f8ff;
+$highlight-color: #096484;
+$notification-color: #e1a948;
+$button-color: #e1a948;
+
+$menu-submenu-text: #e2ecf1;
+$menu-submenu-focus-text: #fff;
+$menu-submenu-background: #4796b3;
+
+$dashboard-icon-background: $highlight-color;
+
+@import "../_admin.scss";

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/coffee/colors-rtl.css

@@ -0,0 +1,687 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #59524c;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #c7a589;
+  box-shadow: 0 0 0 1px #c7a589;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #c7a589;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #c7a589;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #c7a589;
+  border-color: #c7a589;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #ccad93;
+  border-color: #c29d7f;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+.wp-core-ui .button-primary:active {
+  background: #bf9878;
+  border-color: #bf9878;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #c7a589;
+  color: #fff;
+  border-color: #ae7d55;
+  box-shadow: inset 0 2px 5px -3px #37271a;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #c7a589;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #59524c;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #59524c;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #c7a589;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #c7a589;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #59524c;
+}
+
+.view-switch a.current:before {
+  color: #59524c;
+}
+
+.view-switch a:hover:before {
+  color: #9ea476;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #59524c;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #c7a589;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #46403c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #46403c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cdcbc9;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cdcbc9;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #c7a589;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #c7a589;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #c7a589;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #9ea476;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #46403c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #c7a589;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #59524c;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #c7a589;
+  background: #46403c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #c7a589;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #c7a589;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #46403c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #656463;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cdcbc9;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #c7a589;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #c7a589;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6c645c;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #9ea476;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #8e946a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6c645c;
+  background-color: #6c645c;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #c7a589;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cdcbc9;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #c7a589;
+  border-color: #bf9878;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #c7a589;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #c7a589;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #c7a589;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
+}
+
+.attachment.details .check {
+  background-color: #c7a589;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #c7a589;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #c7a589;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #59524c;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #59524c;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #c7a589;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #46403c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #c7a589;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #c7a589;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #c7a589;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #c7a589;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #c7a589;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #c7a589;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #c7a589;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #c7a589;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #c7a589;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #c7a589;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #c7a589;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/coffee/colors.css

@@ -0,0 +1,687 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #59524c;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #c7a589;
+  box-shadow: 0 0 0 1px #c7a589;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #c7a589;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #c7a589;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #c7a589;
+  border-color: #c7a589;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #ccad93;
+  border-color: #c29d7f;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+.wp-core-ui .button-primary:active {
+  background: #bf9878;
+  border-color: #bf9878;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #c7a589;
+  color: #fff;
+  border-color: #ae7d55;
+  box-shadow: inset 0 2px 5px -3px #37271a;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #c7a589;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #59524c;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #59524c;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #c7a589;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #c7a589;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #59524c;
+}
+
+.view-switch a.current:before {
+  color: #59524c;
+}
+
+.view-switch a:hover:before {
+  color: #9ea476;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #59524c;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #c7a589;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #46403c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #46403c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cdcbc9;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cdcbc9;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #c7a589;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #c7a589;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #c7a589;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #9ea476;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #46403c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #c7a589;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #59524c;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #c7a589;
+  background: #46403c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #c7a589;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #c7a589;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #46403c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #656463;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cdcbc9;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #c7a589;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #c7a589;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6c645c;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #9ea476;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #8e946a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6c645c;
+  background-color: #6c645c;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #c7a589;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cdcbc9;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #c7a589;
+  border-color: #bf9878;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #c7a589;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #c7a589;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #c7a589;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
+}
+
+.attachment.details .check {
+  background-color: #c7a589;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #c7a589;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #c7a589;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #59524c;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #59524c;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #c7a589;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #46403c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #c7a589;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #c7a589;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #c7a589;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #c7a589;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #c7a589;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #c7a589;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #c7a589;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #c7a589;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #c7a589;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #c7a589;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #c7a589;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/coffee/colors.scss

@@ -0,0 +1,9 @@
+$scheme-name: "coffee";
+$base-color: #59524c;
+$highlight-color: #c7a589;
+$notification-color: #9ea476;
+$low-contrast-theme: "true";
+
+$form-checked: $base-color;
+
+@import "../_admin.scss";

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/ectoplasm/colors-rtl.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #523f6d;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #a3b745;
+  box-shadow: 0 0 0 1px #a3b745;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #a3b745;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #a3b745;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #a3b745;
+  border-color: #a3b745;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #829237;
+  color: #829237;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #a3b745;
+  border-color: #a3b745;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a9bd4f;
+  border-color: #99ac41;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+.wp-core-ui .button-primary:active {
+  background: #93a43e;
+  border-color: #93a43e;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #a3b745;
+  color: #fff;
+  border-color: #727f30;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #a3b745;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #523f6d;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #523f6d;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #a3b745;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #a3b745;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #ece6f6;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #a3b745;
+  color: #a3b745;
+}
+
+.wrap .page-title-action:hover {
+  color: #829237;
+  border-color: #829237;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+
+.view-switch a.current:before {
+  color: #523f6d;
+}
+
+.view-switch a:hover:before {
+  color: #d46f15;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #523f6d;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #ece6f6;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #a3b745;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #413256;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #413256;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cbc5d3;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cbc5d3;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #a3b745;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #a3b745;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #a3b745;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d46f15;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #413256;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #ece6f6;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #a3b745;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #523f6d;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #ece6f6;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #a3b745;
+  background: #413256;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #a3b745;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #a3b745;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #413256;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #64537c;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cbc5d3;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #ece6f6;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #a3b745;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #a3b745;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #ece6f6;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #ece6f6;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #634c84;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d46f15;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #bf6413;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #634c84;
+  background-color: #634c84;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #a3b745;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cbc5d3;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #a3b745;
+  border-color: #93a43e;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #a3b745;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #a3b745;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #a3b745;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
+}
+
+.attachment.details .check {
+  background-color: #a3b745;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #a3b745;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #a3b745;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #ece6f6;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #a3b745;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #413256;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #ece6f6;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #a3b745;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #a3b745;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #a3b745;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #a3b745;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #a3b745;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #a3b745;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #a3b745;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #a3b745;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #a3b745;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #523f6d;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #523f6d;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/ectoplasm/colors.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #523f6d;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #a3b745;
+  box-shadow: 0 0 0 1px #a3b745;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #a3b745;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #a3b745;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #a3b745;
+  border-color: #a3b745;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #829237;
+  color: #829237;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #a3b745;
+  border-color: #a3b745;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a9bd4f;
+  border-color: #99ac41;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+.wp-core-ui .button-primary:active {
+  background: #93a43e;
+  border-color: #93a43e;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #a3b745;
+  color: #fff;
+  border-color: #727f30;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #a3b745;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #523f6d;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #523f6d;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #a3b745;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #a3b745;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #ece6f6;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #a3b745;
+  color: #a3b745;
+}
+
+.wrap .page-title-action:hover {
+  color: #829237;
+  border-color: #829237;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+
+.view-switch a.current:before {
+  color: #523f6d;
+}
+
+.view-switch a:hover:before {
+  color: #d46f15;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #523f6d;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #ece6f6;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #a3b745;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #413256;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #413256;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cbc5d3;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cbc5d3;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #a3b745;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #a3b745;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #a3b745;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d46f15;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #413256;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #ece6f6;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #a3b745;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #523f6d;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #ece6f6;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #a3b745;
+  background: #413256;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #a3b745;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #a3b745;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #413256;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #64537c;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cbc5d3;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #ece6f6;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #a3b745;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #a3b745;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #ece6f6;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #ece6f6;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #634c84;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d46f15;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #bf6413;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #634c84;
+  background-color: #634c84;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #a3b745;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cbc5d3;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #a3b745;
+  border-color: #93a43e;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #a3b745;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #a3b745;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #a3b745;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
+}
+
+.attachment.details .check {
+  background-color: #a3b745;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #a3b745;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #a3b745;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #ece6f6;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #a3b745;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #413256;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #ece6f6;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #a3b745;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #a3b745;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #a3b745;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #a3b745;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #a3b745;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #a3b745;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #a3b745;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #a3b745;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #a3b745;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #523f6d;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #523f6d;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/ectoplasm/colors.scss

@@ -0,0 +1,11 @@
+$scheme-name: "ectoplasm";
+$base-color: #523f6d;
+$icon-color: #ece6f6;
+$highlight-color: #a3b745;
+$notification-color: #d46f15;
+
+$form-checked: $base-color;
+
+$dashboard-accent-1: $base-color;
+
+@import "../_admin.scss";

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/light/colors-rtl.css

@@ -0,0 +1,726 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f5f5f5;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #04a4cc;
+  box-shadow: 0 0 0 1px #04a4cc;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #04a4cc;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #04a4cc;
+  border-color: #04a4cc;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #037c9a;
+  color: #037c9a;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #04a4cc;
+  border-color: #04a4cc;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #04b0db;
+  border-color: #0498bd;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+.wp-core-ui .button-primary:active {
+  background: #0490b3;
+  border-color: #0490b3;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #04a4cc;
+  color: #fff;
+  border-color: #036881;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #04a4cc;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #333;
+  background-color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #888;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #888;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #999;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #04a4cc;
+  color: #04a4cc;
+}
+
+.wrap .page-title-action:hover {
+  color: #037c9a;
+  border-color: #037c9a;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+
+.view-switch a.current:before {
+  color: #e5e5e5;
+}
+
+.view-switch a:hover:before {
+  color: #d64e07;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #e5e5e5;
+}
+
+#adminmenu a {
+  color: #333;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #999;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #888;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f5f5f5;
+  border-bottom-color: #f5f5f5;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #fff;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #fff;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #686868;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #686868;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #04a4cc;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #333;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #04a4cc;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f5f5f5;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #888;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d64e07;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #333;
+  background: #fff;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #777;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #04a4cc;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #333;
+  background: #e5e5e5;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #333;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #999;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #04a4cc;
+  background: #fff;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #04a4cc;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #04a4cc;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #fff;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #f7f7f7;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #686868;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #999;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #04a4cc;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #04a4cc;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #999;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #999;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #333;
+  background: #f7f7f7;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d64e07;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #c14606;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #f7f7f7;
+  background-color: #f7f7f7;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #333;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #04a4cc;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #686868;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #04a4cc;
+  border-color: #0490b3;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #04a4cc;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #04a4cc;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #04a4cc;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
+}
+
+.attachment.details .check {
+  background-color: #04a4cc;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #04a4cc;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #04a4cc;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters {
+  color: #333;
+  background-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #333;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #888;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #888;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #999;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #888;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #fff;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #999;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #04a4cc;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #04a4cc;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #04a4cc;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #04a4cc;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #04a4cc;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #04a4cc;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #04a4cc;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #04a4cc;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #04a4cc;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #04a4cc;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #04a4cc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #333;
+}
+
+/* Override the theme filter highlight color for this scheme */
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #04a4cc;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/light/colors.css

@@ -0,0 +1,726 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f5f5f5;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #04a4cc;
+  box-shadow: 0 0 0 1px #04a4cc;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #04a4cc;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #04a4cc;
+  border-color: #04a4cc;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #037c9a;
+  color: #037c9a;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #04a4cc;
+  border-color: #04a4cc;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #04b0db;
+  border-color: #0498bd;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+.wp-core-ui .button-primary:active {
+  background: #0490b3;
+  border-color: #0490b3;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #04a4cc;
+  color: #fff;
+  border-color: #036881;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #04a4cc;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #333;
+  background-color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #888;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #888;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #999;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #04a4cc;
+  color: #04a4cc;
+}
+
+.wrap .page-title-action:hover {
+  color: #037c9a;
+  border-color: #037c9a;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+
+.view-switch a.current:before {
+  color: #e5e5e5;
+}
+
+.view-switch a:hover:before {
+  color: #d64e07;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #e5e5e5;
+}
+
+#adminmenu a {
+  color: #333;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #999;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #888;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f5f5f5;
+  border-bottom-color: #f5f5f5;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #fff;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #fff;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #686868;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #686868;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #04a4cc;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #333;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #04a4cc;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f5f5f5;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #888;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d64e07;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #333;
+  background: #fff;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #777;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #04a4cc;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #333;
+  background: #e5e5e5;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #333;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #999;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #04a4cc;
+  background: #fff;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #04a4cc;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #04a4cc;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #fff;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #f7f7f7;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #686868;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #999;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #04a4cc;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #04a4cc;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #999;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #999;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #333;
+  background: #f7f7f7;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d64e07;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #c14606;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #f7f7f7;
+  background-color: #f7f7f7;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #333;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #04a4cc;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #686868;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #04a4cc;
+  border-color: #0490b3;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #04a4cc;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #04a4cc;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #04a4cc;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
+}
+
+.attachment.details .check {
+  background-color: #04a4cc;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #04a4cc;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #04a4cc;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters {
+  color: #333;
+  background-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #333;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #888;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #888;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #999;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #888;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #fff;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #999;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #04a4cc;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #04a4cc;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #04a4cc;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #04a4cc;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #04a4cc;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #04a4cc;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #04a4cc;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #04a4cc;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #04a4cc;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #04a4cc;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #04a4cc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #333;
+}
+
+/* Override the theme filter highlight color for this scheme */
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #04a4cc;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/light/colors.scss

@@ -0,0 +1,29 @@
+$scheme-name: "light";
+$base-color: #e5e5e5;
+$icon-color: #999;
+$text-color: #333;
+$highlight-color: #04a4cc;
+$notification-color: #d64e07;
+
+$body-background: #f5f5f5;
+
+$menu-highlight-text: #fff;
+$menu-highlight-icon: #ccc;
+$menu-highlight-background: #888;
+
+$menu-bubble-text: #fff;
+$menu-avatar-frame: #aaa;
+$menu-submenu-background: #fff;
+
+$menu-collapse-text: #777;
+$menu-collapse-focus-icon: #555;
+
+$dashboard-icon-background: $text-color;
+
+@import "../_admin.scss";
+
+/* Override the theme filter highlight color for this scheme */
+.theme-section.current,
+.theme-filter.current {
+	border-bottom-color: $highlight-color;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/midnight/colors-rtl.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #e14d43;
+  box-shadow: 0 0 0 1px #e14d43;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e14d43;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e14d43;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #e14d43;
+  border-color: #e14d43;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #d02c21;
+  color: #d02c21;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e14d43;
+  border-color: #e14d43;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e35950;
+  border-color: #df4136;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd382d;
+  border-color: #dd382d;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e14d43;
+  color: #fff;
+  border-color: #ba281e;
+  box-shadow: inset 0 2px 5px -3px #200705;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e14d43;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #363b3f;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #363b3f;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #e14d43;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #e14d43;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #e14d43;
+  color: #e14d43;
+}
+
+.wrap .page-title-action:hover {
+  color: #d02c21;
+  border-color: #d02c21;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+
+.view-switch a.current:before {
+  color: #363b3f;
+}
+
+.view-switch a:hover:before {
+  color: #69a8bb;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #363b3f;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #e14d43;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #26292c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #26292c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #c3c4c5;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #c3c4c5;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #e14d43;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #e14d43;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #e14d43;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #69a8bb;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #26292c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #e14d43;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #363b3f;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #e14d43;
+  background: #26292c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #e14d43;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #e14d43;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #26292c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #4c4c4d;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #c3c4c5;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #e14d43;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #e14d43;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #464d52;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #69a8bb;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #5f97a8;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #464d52;
+  background-color: #464d52;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #e14d43;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #c3c4c5;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #e14d43;
+  border-color: #dd382d;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #e14d43;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #e14d43;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #e14d43;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
+}
+
+.attachment.details .check {
+  background-color: #e14d43;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #e14d43;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #e14d43;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #e14d43;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #26292c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #e14d43;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #e14d43;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e14d43;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #e14d43;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #e14d43;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e14d43;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e14d43;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e14d43;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e14d43;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #69a8bb;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #69a8bb;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #e14d43;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/midnight/colors.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #e14d43;
+  box-shadow: 0 0 0 1px #e14d43;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e14d43;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e14d43;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #e14d43;
+  border-color: #e14d43;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #d02c21;
+  color: #d02c21;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e14d43;
+  border-color: #e14d43;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e35950;
+  border-color: #df4136;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd382d;
+  border-color: #dd382d;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e14d43;
+  color: #fff;
+  border-color: #ba281e;
+  box-shadow: inset 0 2px 5px -3px #200705;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e14d43;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #363b3f;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #363b3f;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #e14d43;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #e14d43;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #e14d43;
+  color: #e14d43;
+}
+
+.wrap .page-title-action:hover {
+  color: #d02c21;
+  border-color: #d02c21;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+
+.view-switch a.current:before {
+  color: #363b3f;
+}
+
+.view-switch a:hover:before {
+  color: #69a8bb;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #363b3f;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #e14d43;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #26292c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #26292c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #c3c4c5;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #c3c4c5;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #e14d43;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #e14d43;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #e14d43;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #69a8bb;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #26292c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #e14d43;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #363b3f;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #e14d43;
+  background: #26292c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #e14d43;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #e14d43;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #26292c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #4c4c4d;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #c3c4c5;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #e14d43;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #e14d43;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #464d52;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #69a8bb;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #5f97a8;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #464d52;
+  background-color: #464d52;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #e14d43;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #c3c4c5;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #e14d43;
+  border-color: #dd382d;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #e14d43;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #e14d43;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #e14d43;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
+}
+
+.attachment.details .check {
+  background-color: #e14d43;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #e14d43;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #e14d43;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #e14d43;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #26292c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #e14d43;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #e14d43;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e14d43;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #e14d43;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #e14d43;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e14d43;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e14d43;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e14d43;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e14d43;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #69a8bb;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #69a8bb;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #e14d43;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/midnight/colors.scss

@@ -0,0 +1,9 @@
+$scheme-name: "midnight";
+$base-color: #363b3f;
+$highlight-color: #e14d43;
+$notification-color: #69a8bb;
+
+$dashboard-accent-1: $notification-color;
+$dashboard-icon-background: $highlight-color;
+
+@import "../_admin.scss";

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/modern/colors-rtl.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #3858e9;
+}
+a:hover, a:active, a:focus {
+  color: #183ad6;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #3858e9;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #183ad6;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #183ad6;
+}
+
+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=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: #3858e9;
+  box-shadow: 0 0 0 1px #3858e9;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #3858e9;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #3858e9;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #3858e9;
+  border-color: #3858e9;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #183ad6;
+  color: #183ad6;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #3858e9;
+  border-color: #3858e9;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #4664eb;
+  border-color: #2a4ce7;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+.wp-core-ui .button-primary:active {
+  background: #2145e6;
+  border-color: #2145e6;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #3858e9;
+  color: #fff;
+  border-color: #1534bf;
+  box-shadow: inset 0 2px 5px -3px #03081f;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #3858e9;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #3858e9;
+  color: #3858e9;
+}
+
+.wrap .page-title-action:hover {
+  color: #183ad6;
+  border-color: #183ad6;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+
+.view-switch a.current:before {
+  color: #1e1e1e;
+}
+
+.view-switch a:hover:before {
+  color: #3858e9;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #1e1e1e;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #0c0c0c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #0c0c0c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #bcbcbc;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #bcbcbc;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #33f078;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #33f078;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #0c0c0c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #33f078;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #1e1e1e;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #33f078;
+  background: #0c0c0c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #33f078;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #33f078;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #0c0c0c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #303030;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #bcbcbc;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #33f078;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #33f078;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #303030;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #324fd2;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #303030;
+  background-color: #303030;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #33f078;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #bcbcbc;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #3858e9;
+  border-color: #2145e6;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #3858e9;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #3858e9;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #3858e9;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
+}
+
+.attachment.details .check {
+  background-color: #3858e9;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #3858e9;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #3858e9;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #3858e9;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #0c0c0c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #3858e9;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #3858e9;
+  border-right-color: #3858e9;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #3858e9;
+  border-top-color: #3858e9;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #3858e9;
+  border-right-color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #3858e9;
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #3858e9;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #3858e9;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #3858e9;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #3858e9;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #3858e9;
+  color: #3858e9;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #273fcc;
+}
+
+.welcome-panel-header-image circle {
+  stroke: #627eff;
+  fill: #273fcc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #1d2327;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/modern/colors.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #3858e9;
+}
+a:hover, a:active, a:focus {
+  color: #183ad6;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #3858e9;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #183ad6;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #183ad6;
+}
+
+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=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: #3858e9;
+  box-shadow: 0 0 0 1px #3858e9;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #3858e9;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #3858e9;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #3858e9;
+  border-color: #3858e9;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #183ad6;
+  color: #183ad6;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #3858e9;
+  border-color: #3858e9;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #4664eb;
+  border-color: #2a4ce7;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+.wp-core-ui .button-primary:active {
+  background: #2145e6;
+  border-color: #2145e6;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #3858e9;
+  color: #fff;
+  border-color: #1534bf;
+  box-shadow: inset 0 2px 5px -3px #03081f;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #3858e9;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #3858e9;
+  color: #3858e9;
+}
+
+.wrap .page-title-action:hover {
+  color: #183ad6;
+  border-color: #183ad6;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+
+.view-switch a.current:before {
+  color: #1e1e1e;
+}
+
+.view-switch a:hover:before {
+  color: #3858e9;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #1e1e1e;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #0c0c0c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #0c0c0c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #bcbcbc;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #bcbcbc;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #33f078;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #33f078;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #0c0c0c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #33f078;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #1e1e1e;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #33f078;
+  background: #0c0c0c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #33f078;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #33f078;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #0c0c0c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #303030;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #bcbcbc;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #33f078;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #33f078;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #303030;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #324fd2;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #303030;
+  background-color: #303030;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #33f078;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #bcbcbc;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #3858e9;
+  border-color: #2145e6;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #3858e9;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #3858e9;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #3858e9;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
+}
+
+.attachment.details .check {
+  background-color: #3858e9;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #3858e9;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #3858e9;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #3858e9;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #0c0c0c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #3858e9;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #3858e9;
+  border-left-color: #3858e9;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #3858e9;
+  border-top-color: #3858e9;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #3858e9;
+  border-left-color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #3858e9;
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #3858e9;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #3858e9;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #3858e9;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #3858e9;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #3858e9;
+  color: #3858e9;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #273fcc;
+}
+
+.welcome-panel-header-image circle {
+  stroke: #627eff;
+  fill: #273fcc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #1d2327;
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/modern/colors.scss

@@ -0,0 +1,14 @@
+$scheme-name: "modern";
+$base-color: #1e1e1e;
+$highlight-color: #3858e9;
+$menu-submenu-focus-text: #33f078;
+$notification-color: $highlight-color;
+
+$link: $highlight-color;
+$link-focus: darken($highlight-color, 10%);
+
+$dashboard-accent-1: #273fcc;
+$dashboard-accent-2: #627eff;
+$dashboard-icon-background: #1d2327;
+
+@import "../_admin.scss";

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/ocean/colors-rtl.css

@@ -0,0 +1,687 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #738e96;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #9ebaa0;
+  box-shadow: 0 0 0 1px #9ebaa0;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #9ebaa0;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #9ebaa0;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #9ebaa0;
+  border-color: #9ebaa0;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a7c0a9;
+  border-color: #95b497;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+.wp-core-ui .button-primary:active {
+  background: #8faf91;
+  border-color: #8faf91;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #9ebaa0;
+  color: #fff;
+  border-color: #719a74;
+  box-shadow: inset 0 2px 5px -3px #253426;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #738e96;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #738e96;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #f2fcff;
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #738e96;
+}
+
+.view-switch a.current:before {
+  color: #738e96;
+}
+
+.view-switch a:hover:before {
+  color: #aa9d88;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #738e96;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #f2fcff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #627c83;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #627c83;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #d5dde0;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #d5dde0;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #9ebaa0;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #9ebaa0;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #9ebaa0;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #aa9d88;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #627c83;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #f2fcff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #9ebaa0;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #738e96;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #f2fcff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #9ebaa0;
+  background: #627c83;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #9ebaa0;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #9ebaa0;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #627c83;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #8f9a9e;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #d5dde0;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #f2fcff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #f2fcff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #f2fcff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #879ea5;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #aa9d88;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #998d7a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #879ea5;
+  background-color: #879ea5;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #9ebaa0;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #d5dde0;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #9ebaa0;
+  border-color: #8faf91;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #9ebaa0;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #9ebaa0;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #9ebaa0;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
+}
+
+.attachment.details .check {
+  background-color: #9ebaa0;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #9ebaa0;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #9ebaa0;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #738e96;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #738e96;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #f2fcff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #9ebaa0;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #627c83;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #f2fcff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #9ebaa0;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #9ebaa0;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #9ebaa0;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #9ebaa0;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #9ebaa0;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #9ebaa0;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #9ebaa0;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #9ebaa0;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #9ebaa0;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #9ebaa0;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #9ebaa0;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/ocean/colors.css

@@ -0,0 +1,687 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #738e96;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #9ebaa0;
+  box-shadow: 0 0 0 1px #9ebaa0;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #9ebaa0;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #9ebaa0;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #9ebaa0;
+  border-color: #9ebaa0;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a7c0a9;
+  border-color: #95b497;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+.wp-core-ui .button-primary:active {
+  background: #8faf91;
+  border-color: #8faf91;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #9ebaa0;
+  color: #fff;
+  border-color: #719a74;
+  box-shadow: inset 0 2px 5px -3px #253426;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #738e96;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #738e96;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #f2fcff;
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #738e96;
+}
+
+.view-switch a.current:before {
+  color: #738e96;
+}
+
+.view-switch a:hover:before {
+  color: #aa9d88;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #738e96;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #f2fcff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #627c83;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #627c83;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #d5dde0;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #d5dde0;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #9ebaa0;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #9ebaa0;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #9ebaa0;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #aa9d88;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #627c83;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #f2fcff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #9ebaa0;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #738e96;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #f2fcff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #9ebaa0;
+  background: #627c83;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #9ebaa0;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #9ebaa0;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #627c83;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #8f9a9e;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #d5dde0;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #f2fcff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #f2fcff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #f2fcff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #879ea5;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #aa9d88;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #998d7a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #879ea5;
+  background-color: #879ea5;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #9ebaa0;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #d5dde0;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #9ebaa0;
+  border-color: #8faf91;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #9ebaa0;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #9ebaa0;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #9ebaa0;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
+}
+
+.attachment.details .check {
+  background-color: #9ebaa0;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #9ebaa0;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #9ebaa0;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #738e96;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #738e96;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #f2fcff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #9ebaa0;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #627c83;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #f2fcff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #9ebaa0;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #9ebaa0;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #9ebaa0;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #9ebaa0;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #9ebaa0;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #9ebaa0;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #9ebaa0;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #9ebaa0;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #9ebaa0;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #9ebaa0;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #9ebaa0;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/ocean/colors.scss

@@ -0,0 +1,10 @@
+$scheme-name: "ocean";
+$base-color: #738e96;
+$icon-color: #f2fcff;
+$highlight-color: #9ebaa0;
+$notification-color: #aa9d88;
+$low-contrast-theme: "true";
+
+$form-checked: $base-color;
+
+@import "../_admin.scss";

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/sunrise/colors-rtl.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #dd823b;
+  box-shadow: 0 0 0 1px #dd823b;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #dd823b;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #dd823b;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #dd823b;
+  border-color: #dd823b;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #c36922;
+  color: #c36922;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #dd823b;
+  border-color: #dd823b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #df8a48;
+  border-color: #db7a2e;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+.wp-core-ui .button-primary:active {
+  background: #d97426;
+  border-color: #d97426;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #dd823b;
+  color: #fff;
+  border-color: #ad5d1e;
+  box-shadow: inset 0 2px 5px -3px #150b04;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #dd823b;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #cf4944;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #cf4944;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #dd823b;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #dd823b;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #dd823b;
+  color: #dd823b;
+}
+
+.wrap .page-title-action:hover {
+  color: #c36922;
+  border-color: #c36922;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+
+.view-switch a.current:before {
+  color: #cf4944;
+}
+
+.view-switch a:hover:before {
+  color: #ccaf0b;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #cf4944;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #dd823b;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #be3631;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #be3631;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #f1c8c7;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #f1c8c7;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #f7e3d3;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #f7e3d3;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #dd823b;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #ccaf0b;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #be3631;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #f7e3d3;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #cf4944;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #f7e3d3;
+  background: #be3631;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #f7e3d3;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #f7e3d3;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #be3631;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #cf6b67;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #f1c8c7;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #d66560;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #b89e0a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #d66560;
+  background-color: #d66560;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #f7e3d3;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #f1c8c7;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #dd823b;
+  border-color: #d97426;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #dd823b;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #dd823b;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #dd823b;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
+}
+
+.attachment.details .check {
+  background-color: #dd823b;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #dd823b;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #dd823b;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #dd823b;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #be3631;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #dd823b;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #dd823b;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #dd823b;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #dd823b;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #dd823b;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #dd823b;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #dd823b;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #dd823b;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #dd823b;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #dd823b;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #dd823b;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/sunrise/colors.css

@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+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=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: #dd823b;
+  box-shadow: 0 0 0 1px #dd823b;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #dd823b;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #dd823b;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #dd823b;
+  border-color: #dd823b;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #c36922;
+  color: #c36922;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #dd823b;
+  border-color: #dd823b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #df8a48;
+  border-color: #db7a2e;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+.wp-core-ui .button-primary:active {
+  background: #d97426;
+  border-color: #d97426;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #dd823b;
+  color: #fff;
+  border-color: #ad5d1e;
+  box-shadow: inset 0 2px 5px -3px #150b04;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #dd823b;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #cf4944;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #cf4944;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #dd823b;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #dd823b;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #dd823b;
+  color: #dd823b;
+}
+
+.wrap .page-title-action:hover {
+  color: #c36922;
+  border-color: #c36922;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+
+.view-switch a.current:before {
+  color: #cf4944;
+}
+
+.view-switch a:hover:before {
+  color: #ccaf0b;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #cf4944;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #dd823b;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #be3631;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #be3631;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #f1c8c7;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #f1c8c7;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #f7e3d3;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #f7e3d3;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #dd823b;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .menu-counter,
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #ccaf0b;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #be3631;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #f7e3d3;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #cf4944;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #f7e3d3;
+  background: #be3631;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #f7e3d3;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #f7e3d3;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #be3631;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #cf6b67;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #f1c8c7;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #d66560;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #b89e0a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #d66560;
+  background-color: #d66560;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #f7e3d3;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #f1c8c7;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #dd823b;
+  border-color: #d97426;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #dd823b;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #dd823b;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #dd823b;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
+}
+
+.attachment.details .check {
+  background-color: #dd823b;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #dd823b;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #dd823b;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #dd823b;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #be3631;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #dd823b;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #dd823b;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #dd823b;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #dd823b;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #dd823b;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #dd823b;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #dd823b;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #dd823b;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #dd823b;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #dd823b;
+}
+
+.welcome-panel-header-image circle {
+  stroke: rgba(255, 255, 255, 0.5);
+  fill: #dd823b;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: rgba(255, 255, 255, 0.5);
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/colors/sunrise/colors.scss

@@ -0,0 +1,7 @@
+$scheme-name: "sunrise";
+$base-color: #cf4944;
+$highlight-color: #dd823b;
+$notification-color: #ccaf0b;
+$menu-submenu-focus-text: lighten( $highlight-color, 35% );
+
+@import "../_admin.scss";

hw5-wordpress/shadrin14323/app/public/wp-admin/css/common-rtl.css

@@ -0,0 +1,4127 @@
+/*! This file is auto-generated */
+/* 2 column liquid layout */
+#wpwrap {
+	height: auto;
+	min-height: 100%;
+	width: 100%;
+	position: relative;
+	-webkit-font-smoothing: subpixel-antialiased;
+}
+
+#wpcontent {
+	height: 100%;
+	padding-right: 20px;
+}
+
+#wpcontent,
+#wpfooter {
+	margin-right: 160px;
+}
+
+.folded #wpcontent,
+.folded #wpfooter {
+	margin-right: 36px;
+}
+
+#wpbody-content {
+	padding-bottom: 65px;
+	float: right;
+	width: 100%;
+	overflow: visible;
+}
+
+/* inner 2 column liquid layout */
+
+.inner-sidebar {
+	float: left;
+	clear: left;
+	display: none;
+	width: 281px;
+	position: relative;
+}
+
+.columns-2 .inner-sidebar {
+	margin-left: auto;
+	width: 286px;
+	display: block;
+}
+
+.inner-sidebar #side-sortables,
+.columns-2 .inner-sidebar #side-sortables {
+	min-height: 300px;
+	width: 280px;
+	padding: 0;
+}
+
+.has-right-sidebar .inner-sidebar {
+	display: block;
+}
+
+.has-right-sidebar #post-body {
+	float: right;
+	clear: right;
+	width: 100%;
+	margin-left: -2000px;
+}
+
+.has-right-sidebar #post-body-content {
+	margin-left: 300px;
+	float: none;
+	width: auto;
+}
+
+/* 2 columns main area */
+
+#col-left {
+	float: right;
+	width: 35%;
+}
+
+#col-right {
+	float: left;
+	width: 65%;
+}
+
+#col-left .col-wrap {
+	padding: 0 0 0 6px;
+}
+
+#col-right .col-wrap {
+	padding: 0 6px 0 0;
+}
+
+/* utility classes */
+.alignleft {
+	float: right;
+}
+
+.alignright {
+	float: left;
+}
+
+.textleft {
+	text-align: right;
+}
+
+.textright {
+	text-align: left;
+}
+
+.clear {
+	clear: both;
+}
+
+/* modern clearfix */
+.wp-clearfix:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span,
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+.button .screen-reader-text {
+	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
+}
+
+.screen-reader-shortcut {
+	position: absolute;
+	top: -1000em;
+}
+
+.screen-reader-shortcut:focus {
+	right: 6px;
+	top: -25px;
+	height: auto;
+	width: auto;
+	display: block;
+	font-size: 14px;
+	font-weight: 600;
+	padding: 15px 23px 14px;
+	background: #f0f0f1;
+	color: #2271b1;
+	z-index: 100000;
+	line-height: normal;
+	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	text-decoration: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.hidden,
+.js .closed .inside,
+.js .hide-if-js,
+.no-js .hide-if-no-js,
+.js.wp-core-ui .hide-if-js,
+.js .wp-core-ui .hide-if-js,
+.no-js.wp-core-ui .hide-if-no-js,
+.no-js .wp-core-ui .hide-if-no-js {
+	display: none;
+}
+
+/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
+.widget-top,
+.menu-item-handle,
+.widget-inside,
+#menu-settings-column .accordion-container,
+#menu-management .menu-edit,
+.manage-menus,
+table.widefat,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.wp-editor-container,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+table.widefat,
+.wp-editor-container,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	background: #fff;
+}
+
+/* general */
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: #f0f0f1;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-size: 13px;
+	line-height: 1.4em;
+	min-width: 600px;
+}
+
+body.iframe {
+	min-width: 0;
+	padding-top: 1px;
+}
+
+body.modal-open {
+	overflow: hidden;
+}
+
+body.mobile.modal-open #wpwrap {
+	overflow: hidden;
+	position: fixed;
+	height: 100%;
+}
+
+iframe,
+img {
+	border: 0;
+}
+
+td {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+}
+
+/* Any change to the default link style must be applied to button-link too. */
+a {
+	color: #2271b1;
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+a,
+div {
+	outline: 0;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus,
+a:focus .media-icon img,
+a:focus .plugin-icon,
+.wp-person a:focus .gravatar {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+		/* Only visible in Windows High Contrast mode */
+		outline: 1px solid transparent;
+}
+
+#adminmenu a:focus {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+.screen-reader-text:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+blockquote,
+q {
+	quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: "";
+	content: none;
+}
+
+p,
+.wp-die-message {
+	font-size: 13px;
+	line-height: 1.5;
+	margin: 1em 0;
+}
+
+blockquote {
+	margin: 1em;
+}
+
+li,
+dd {
+	margin-bottom: 6px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	display: block;
+	font-weight: 600;
+}
+
+h1 {
+	color: #1d2327;
+	font-size: 2em;
+	margin: .67em 0;
+}
+
+h2,
+h3 {
+	color: #1d2327;
+	font-size: 1.3em;
+	margin: 1em 0;
+}
+
+.update-core-php h2 {
+	margin-top: 4em;
+}
+
+.update-php h2,
+.update-messages h2,
+h4 {
+	font-size: 1em;
+	margin: 1.33em 0;
+}
+
+h5 {
+	font-size: 0.83em;
+	margin: 1.67em 0;
+}
+
+h6 {
+	font-size: 0.67em;
+	margin: 2.33em 0;
+}
+
+ul,
+ol {
+	padding: 0;
+}
+
+ul {
+	list-style: none;
+}
+
+ol {
+	list-style-type: decimal;
+	margin-right: 2em;
+}
+
+ul.ul-disc {
+	list-style: disc outside;
+}
+
+ul.ul-square {
+	list-style: square outside;
+}
+
+ol.ol-decimal {
+	list-style: decimal outside;
+}
+
+ul.ul-disc,
+ul.ul-square,
+ol.ol-decimal {
+	margin-right: 1.8em;
+}
+
+ul.ul-disc > li,
+ul.ul-square > li,
+ol.ol-decimal > li {
+	margin: 0 0 0.5em;
+}
+
+/* rtl:ignore */
+.ltr {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+.code,
+code {
+	font-family: Consolas, Monaco, monospace;
+	direction: ltr;
+	unicode-bidi: embed;
+}
+
+kbd,
+code {
+	padding: 3px 5px 2px;
+	margin: 0 1px;
+	background: #f0f0f1;
+	background: rgba(0, 0, 0, 0.07);
+	font-size: 13px;
+}
+
+.subsubsub {
+	list-style: none;
+	margin: 8px 0 0;
+	padding: 0;
+	font-size: 13px;
+	float: right;
+	color: #646970;
+}
+
+.subsubsub a {
+	line-height: 2;
+	padding: .2em;
+	text-decoration: none;
+}
+
+.subsubsub a .count,
+.subsubsub a.current .count {
+	color: #50575e; /* #f1f1f1 background */
+	font-weight: 400;
+}
+
+.subsubsub a.current {
+	font-weight: 600;
+	border: none;
+}
+
+.subsubsub li {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* .widefat - main style for tables */
+.widefat {
+	border-spacing: 0;
+	width: 100%;
+	clear: both;
+	margin: 0;
+}
+
+.widefat * {
+	word-wrap: break-word;
+}
+
+.widefat a,
+.widefat button.button-link {
+	text-decoration: none;
+}
+
+.widefat td,
+.widefat th {
+	padding: 8px 10px;
+}
+
+.widefat thead th,
+.widefat thead td {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.widefat tfoot th,
+.widefat tfoot td {
+	border-top: 1px solid #c3c4c7;
+	border-bottom: none;
+}
+
+.widefat .no-items td {
+	border-bottom-width: 0;
+}
+
+.widefat td {
+	vertical-align: top;
+}
+
+.widefat td,
+.widefat td p,
+.widefat td ol,
+.widefat td ul {
+	font-size: 13px;
+	line-height: 1.5em;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	text-align: right;
+	line-height: 1.3em;
+	font-size: 14px;
+}
+
+.widefat th input,
+.updates-table td input,
+.widefat thead td input,
+.widefat tfoot td input {
+	margin: 0 8px 0 0;
+	padding: 0;
+	vertical-align: text-top;
+}
+
+.widefat .check-column {
+	width: 2.2em;
+	padding: 6px 0 25px;
+	vertical-align: top;
+}
+
+.widefat tbody th.check-column {
+	padding: 9px 0 22px;
+}
+
+.widefat thead td.check-column,
+.widefat tbody th.check-column,
+.updates-table tbody td.check-column,
+.widefat tfoot td.check-column {
+	padding: 11px 3px 0 0;
+}
+
+.widefat thead td.check-column,
+.widefat tfoot td.check-column {
+	padding-top: 4px;
+	vertical-align: middle;
+}
+
+.update-php div.updated,
+.update-php div.error {
+	margin-right: 0;
+}
+
+.no-js .widefat thead .check-column input,
+.no-js .widefat tfoot .check-column input {
+	display: none;
+}
+
+.widefat .num,
+.column-comments,
+.column-links,
+.column-posts {
+	text-align: center;
+}
+
+.widefat th#comments {
+	vertical-align: middle;
+}
+
+.wrap {
+	margin: 10px 2px 0 20px;
+}
+
+.wrap.block-editor-no-js {
+	padding-right: 20px;
+}
+
+.wrap > h2:first-child, /* Back-compat for pre-4.4 */
+.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
+.postbox .inside h2, /* Back-compat for pre-4.4 */
+.wrap h1 {
+	font-size: 23px;
+	font-weight: 400;
+	margin: 0;
+	padding: 9px 0 4px;
+	line-height: 1.3;
+}
+
+.wrap h1.wp-heading-inline {
+	display: inline-block;
+	margin-left: 5px;
+}
+
+.wp-header-end {
+	visibility: hidden;
+	margin: -2px 0 0;
+}
+
+.subtitle {
+	margin: 0;
+	padding-right: 25px;
+	color: #50575e;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1;
+}
+
+.subtitle strong {
+	word-break: break-all;
+}
+
+.wrap .add-new-h2, /* deprecated */
+.wrap .add-new-h2:active, /* deprecated */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+	margin-right: 4px;
+	padding: 4px 8px;
+	position: relative;
+	top: -3px;
+	text-decoration: none;
+	border: 1px solid #2271b1;
+	border-radius: 2px;
+	text-shadow: none;
+	font-weight: 600;
+	font-size: 13px;
+	line-height: normal; /* IE8-IE11 need this for buttons */
+	color: #2271b1; /* use the standard color used for buttons */
+	background: #f6f7f7;
+	cursor: pointer;
+}
+
+.wrap .wp-heading-inline + .page-title-action {
+	margin-right: 0;
+}
+
+.wrap .add-new-h2:hover, /* deprecated */
+.wrap .page-title-action:hover {
+	background: #f0f0f1;
+	border-color: #0a4b78;
+	color: #0a4b78;
+}
+
+/* lower specificity: color needs to be overridden by :hover and :active */
+.page-title-action:focus {
+	color: #0a4b78;
+}
+
+/* Dashicon for language options on General Settings and Profile screens */
+.form-table th label[for="locale"] .dashicons,
+.form-table th label[for="WPLANG"] .dashicons {
+	margin-right: 5px;
+}
+
+.wrap .page-title-action:focus {
+	border-color: #3582c4;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.wrap h1.long-header {
+	padding-left: 0;
+}
+
+.wp-dialog {
+	background-color: #fff;
+}
+
+.widgets-chooser ul,
+#widgets-left .widget-in-question .widget-top,
+#available-widgets .widget-top:hover,
+div#widgets-right .widget-top:hover,
+#widgets-left .widget-top:hover {
+	border-color: #8c8f94;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.sorthelper {
+	background-color: #c5d9ed;
+}
+
+.ac_match,
+.subsubsub a.current {
+	color: #000;
+}
+
+.striped > tbody > :nth-child(odd),
+ul.striped > :nth-child(odd),
+.alternate {
+	background-color: #f6f7f7;
+}
+
+.bar {
+	background-color: #f0f0f1;
+	border-left-color: #4f94d4;
+}
+
+/* Helper classes for plugins to leverage the active WordPress color scheme */
+
+.highlight {
+	background-color: #f0f6fc;
+	color: #3c434a;
+}
+
+.wp-ui-primary {
+	color: #fff;
+	background-color: #2c3338;
+}
+.wp-ui-text-primary {
+	color: #2c3338;
+}
+
+.wp-ui-highlight {
+	color: #fff;
+	background-color: #2271b1;
+}
+.wp-ui-text-highlight {
+	color: #2271b1;
+}
+
+.wp-ui-notification {
+	color: #fff;
+	background-color: #d63638;
+}
+.wp-ui-text-notification {
+	color: #d63638;
+}
+
+.wp-ui-text-icon {
+	color: #8c8f94; /* same as new icons */
+}
+
+/* For emoji replacement images */
+img.emoji {
+	display: inline !important;
+	border: none !important;
+	height: 1em !important;
+	width: 1em !important;
+	margin: 0 .07em !important;
+	vertical-align: -0.1em !important;
+	background: none !important;
+	padding: 0 !important;
+	box-shadow: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Text Styles
+------------------------------------------------------------------------------*/
+
+.widget .widget-top,
+.postbox .hndle,
+.stuffbox .hndle,
+.control-section .accordion-section-title,
+.sidebar-name,
+#nav-menu-header,
+#nav-menu-footer,
+.menu-item-handle,
+.checkbox,
+.side-info,
+#your-profile #rich_editing,
+.widefat thead th,
+.widefat thead td,
+.widefat tfoot th,
+.widefat tfoot td {
+	line-height: 1.4em;
+}
+
+.widget .widget-top,
+.menu-item-handle {
+	background: #f6f7f7;
+	color: #1d2327;
+}
+
+.stuffbox .hndle {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.quicktags {
+	background-color: #c3c4c7;
+	color: #000;
+	font-size: 12px;
+}
+
+.icon32 {
+	display: none;
+}
+
+/* @todo can we combine these into a class or use an existing dashicon one? */
+.welcome-panel .welcome-panel-close:before,
+.tagchecklist .ntdelbutton .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:before,
+.notice-dismiss:before {
+	background: none;
+	color: #787c82;
+	content: "\f153";
+	display: block;
+	font: normal 16px/20px dashicons;
+	speak: never;
+	height: 20px;
+	text-align: center;
+	width: 20px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.welcome-panel .welcome-panel-close:before {
+	margin: 0;
+}
+
+.tagchecklist .ntdelbutton .remove-tag-icon:before {
+	margin-right: 2px;
+	border-radius: 50%;
+	color: #2271b1;
+	/* vertically center the icon cross browsers */
+	line-height: 1.28;
+}
+
+.tagchecklist .ntdelbutton:focus {
+	outline: 0;
+}
+
+.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:hover:before,
+#bulk-titles .ntdelbutton:focus:before {
+	color: #d63638;
+}
+
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.key-labels label {
+	line-height: 24px;
+}
+
+strong, b {
+	font-weight: 600;
+}
+
+.pre {
+	/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
+	white-space: pre-wrap; /* css-3 */
+	word-wrap: break-word; /* IE 5.5 - 7 */
+}
+
+.howto {
+	color: #646970;
+	display: block;
+}
+
+p.install-help {
+	margin: 8px 0;
+	font-style: italic;
+}
+
+.no-break {
+	white-space: nowrap;
+}
+
+hr {
+	border: 0;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #f6f7f7;
+}
+
+.row-actions span.delete a,
+.row-actions span.trash a,
+.row-actions span.spam a,
+.plugins a.delete,
+#all-plugins-table .plugins a.delete,
+#search-plugins-table .plugins a.delete,
+.submitbox .submitdelete,
+#media-items a.delete,
+#media-items a.delete-permanently,
+#nav-menu-footer .menu-delete,
+#delete-link a.delete,
+a#remove-post-thumbnail,
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
+	color: #b32d2e;
+}
+
+abbr.required,
+span.required,
+.file-error,
+.row-actions .delete a:hover,
+.row-actions .trash a:hover,
+.row-actions .spam a:hover,
+.plugins a.delete:hover,
+#all-plugins-table .plugins a.delete:hover,
+#search-plugins-table .plugins a.delete:hover,
+.submitbox .submitdelete:hover,
+#media-items a.delete:hover,
+#media-items a.delete-permanently:hover,
+#nav-menu-footer .menu-delete:hover,
+#delete-link a.delete:hover,
+a#remove-post-thumbnail:hover,
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
+	color: #b32d2e;
+	border: none;
+}
+
+/*------------------------------------------------------------------------------
+  3.0 - Actions
+------------------------------------------------------------------------------*/
+
+#major-publishing-actions {
+	padding: 10px;
+	clear: both;
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#delete-action {
+	float: right;
+	line-height: 2.30769231; /* 30px */
+}
+
+#delete-link {
+	line-height: 2.30769231; /* 30px */
+	vertical-align: middle;
+	text-align: right;
+	margin-right: 8px;
+}
+
+#delete-link a {
+	text-decoration: none;
+}
+
+#publishing-action {
+	text-align: left;
+	float: left;
+	line-height: 1.9;
+}
+
+#publishing-action .spinner {
+	float: none;
+	margin-top: 5px;
+}
+
+#misc-publishing-actions {
+	padding: 6px 0 0;
+}
+
+.misc-pub-section {
+	padding: 6px 10px 8px;
+}
+
+.word-wrap-break-word,
+.misc-pub-filename {
+	word-wrap: break-word;
+}
+
+#minor-publishing-actions {
+	padding: 10px 10px 0;
+	text-align: left;
+}
+
+#save-post {
+	float: right;
+}
+
+.preview {
+	float: left;
+}
+
+#sticky-span {
+	margin-right: 18px;
+}
+
+.approve,
+.unapproved .unapprove {
+	display: none;
+}
+
+.unapproved .approve,
+.spam .approve,
+.trash .approve {
+	display: inline;
+}
+
+td.action-links,
+th.action-links {
+	text-align: left;
+}
+
+#misc-publishing-actions .notice {
+	margin-right: 10px;
+	margin-left: 10px;
+}
+
+/* Filter bar */
+.wp-filter {
+	display: inline-block;
+	position: relative;
+	box-sizing: border-box;
+	margin: 12px 0 25px;
+	padding: 0 10px;
+	width: 100%;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	border: 1px solid #c3c4c7;
+	background: #fff;
+	color: #50575e;
+	font-size: 13px;
+}
+
+.wp-filter a {
+	text-decoration: none;
+}
+
+.filter-count {
+	display: inline-block;
+	vertical-align: middle;
+	min-width: 4em;
+}
+
+.title-count,
+.filter-count .count {
+	display: inline-block;
+	position: relative;
+	top: -1px;
+	padding: 4px 10px;
+	border-radius: 30px;
+	background: #646970;
+	color: #fff;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+/* not a part of filter bar, but derived from it, so here for now */
+.title-count {
+	display: inline;
+	top: -3px;
+	margin-right: 5px;
+	margin-left: 20px;
+}
+
+.filter-items {
+	float: right;
+}
+
+.filter-links {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li > a {
+	display: inline-block;
+	margin: 0 10px;
+	padding: 15px 0;
+	border-bottom: 4px solid #fff;
+	color: #646970;
+	cursor: pointer;
+}
+
+.filter-links .current {
+	box-shadow: none;
+	border-bottom: 4px solid #646970;
+	color: #1d2327;
+}
+
+.filter-links li > a:hover,
+.filter-links li > a:focus,
+.show-filters .filter-links a.current:hover,
+.show-filters .filter-links a.current:focus {
+	color: #135e96;
+}
+
+.wp-filter .search-form {
+	float: left;
+	margin: 10px 0;
+}
+
+.wp-filter .search-form input[type="search"] {
+	margin: 1px 0;
+	width: 280px;
+	max-width: 100%;
+}
+
+.wp-filter .search-form select {
+	margin: 0;
+}
+
+/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
+.plugin-install-php .wp-filter {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.wp-filter .search-form.search-plugins {
+	/* This element is a flex item: the inherited float won't have any effect. */
+	margin-top: 0;
+}
+
+.wp-filter .search-form.search-plugins select,
+.wp-filter .search-form.search-plugins .wp-filter-search {
+	display: inline-block;
+	margin-top: 10px;
+	vertical-align: top;
+}
+
+.wp-filter .button.drawer-toggle {
+	margin: 10px 9px 0;
+	padding: 0 6px 0 10px;
+	border-color: transparent;
+	background-color: transparent;
+	color: #646970;
+	vertical-align: baseline;
+	box-shadow: none;
+}
+
+.wp-filter .drawer-toggle:before {
+	content: "\f111";
+	margin: 0 0 0 5px;
+	color: #646970;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .drawer-toggle:hover:before,
+.wp-filter .button.drawer-toggle:focus,
+.wp-filter .drawer-toggle:focus:before {
+	background-color: transparent;
+	color: #135e96;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .button.drawer-toggle:focus:active {
+	border-color: transparent;
+}
+
+.wp-filter .button.drawer-toggle:focus {
+	border-color: #4f94d4;
+}
+
+.wp-filter .button.drawer-toggle:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
+}
+
+.wp-filter .drawer-toggle.current:before {
+	color: #fff;
+}
+
+.filter-drawer,
+.wp-filter .favorites-form {
+	display: none;
+	margin: 0 -20px 0 -10px;
+	padding: 20px;
+	border-top: 1px solid #f0f0f1;
+	background: #f6f7f7;
+	overflow: hidden;
+}
+
+.show-filters .filter-drawer,
+.show-favorites-form .favorites-form {
+	display: block;
+}
+
+.show-filters .filter-links a.current {
+	border-bottom: none;
+}
+
+.show-filters .wp-filter .button.drawer-toggle {
+	border-radius: 2px;
+	background: #646970;
+	color: #fff;
+}
+
+.show-filters .wp-filter .drawer-toggle:hover,
+.show-filters .wp-filter .drawer-toggle:focus {
+	background: #2271b1;
+}
+
+.show-filters .wp-filter .drawer-toggle:before {
+	color: #fff;
+}
+
+.filter-group {
+	box-sizing: border-box;
+	position: relative;
+	float: right;
+	margin: 0 0 0 1%;
+	padding: 20px 10px 10px;
+	width: 24%;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+.filter-group legend {
+	position: absolute;
+	top: 10px;
+	display: block;
+	margin: 0;
+	padding: 0;
+	font-size: 1em;
+	font-weight: 600;
+}
+
+.filter-drawer .filter-group-feature {
+	margin: 28px 0 0;
+	list-style-type: none;
+	font-size: 12px;
+}
+
+.filter-drawer .filter-group-feature input,
+.filter-drawer .filter-group-feature label {
+	line-height: 1.4;
+}
+
+.filter-drawer .filter-group-feature input {
+	position: absolute;
+	margin: 0;
+}
+
+.filter-group .filter-group-feature label {
+	display: block;
+	margin: 14px 23px 14px 0;
+}
+
+.filter-drawer .buttons {
+	clear: both;
+	margin-bottom: 20px;
+}
+
+.filter-drawer .filter-group + .buttons {
+	margin-bottom: 0;
+	padding-top: 20px;
+}
+
+.filter-drawer .buttons .button span {
+	display: inline-block;
+	opacity: 0.8;
+	font-size: 12px;
+	text-indent: 10px;
+}
+
+.wp-filter .button.clear-filters {
+	display: none;
+	margin-right: 10px;
+}
+
+.wp-filter .button-link.edit-filters {
+	padding: 0 5px;
+	line-height: 2.2;
+}
+
+.filtered-by {
+	display: none;
+	margin: 0;
+}
+
+.filtered-by > span {
+	font-weight: 600;
+}
+
+.filtered-by a {
+	margin-right: 10px;
+}
+
+.filtered-by .tags {
+	display: inline;
+}
+
+.filtered-by .tag {
+	margin: 0 5px;
+	padding: 4px 8px;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+	font-size: 11px;
+}
+
+.filters-applied .filter-group,
+.filters-applied .filter-drawer .buttons,
+.filters-applied .filter-drawer br {
+	display: none;
+}
+
+.filters-applied .filtered-by {
+	display: block;
+}
+
+.filters-applied .filter-drawer {
+	padding: 20px;
+}
+
+.show-filters .favorites-form,
+.show-filters .content-filterable,
+.show-filters.filters-applied.loading-content .content-filterable,
+.loading-content .content-filterable,
+.error .content-filterable {
+	display: none;
+}
+
+.show-filters.filters-applied .content-filterable {
+	display: block;
+}
+
+.loading-content .spinner {
+	display: block;
+	margin: 40px auto 0;
+	float: none;
+}
+
+@media only screen and (max-width: 1120px) {
+	.filter-drawer {
+		border-bottom: 1px solid #f0f0f1;
+	}
+
+	.filter-group {
+		margin-bottom: 0;
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.filter-group li {
+		margin: 10px 0;
+	}
+}
+
+@media only screen and (max-width: 1000px) {
+	.filter-items {
+		float: none;
+	}
+
+	.wp-filter .media-toolbar-primary,
+	.wp-filter .media-toolbar-secondary,
+	.wp-filter .search-form {
+		float: none; /* Remove float from media-views.css */
+		position: relative;
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 782px) {
+	.filter-group li {
+		padding: 0;
+		width: 50%;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	.filter-count {
+		display: none;
+	}
+
+	.wp-filter .drawer-toggle {
+		margin: 10px 0;
+	}
+
+	.filter-group li,
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+/*------------------------------------------------------------------------------
+  4.0 - Notifications
+------------------------------------------------------------------------------*/
+
+.notice,
+div.updated,
+div.error {
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-right-width: 4px;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	margin: 5px 15px 2px;
+	padding: 1px 12px;
+}
+
+div[class="update-message"] { /* back-compat for pre-4.6 */
+	padding: 0.5em 0 0.5em 12px;
+}
+
+.notice p,
+.notice-title,
+div.updated p,
+div.error p,
+.form-table td .notice p {
+	margin: 0.5em 0;
+	padding: 2px;
+}
+
+.error a {
+	text-decoration: underline;
+}
+
+.updated a {
+	padding-bottom: 2px;
+}
+
+.notice-alt {
+	box-shadow: none;
+}
+
+.notice-large {
+	padding: 10px 20px;
+}
+
+.notice-title {
+	display: inline-block;
+	color: #1d2327;
+	font-size: 18px;
+}
+
+.wp-core-ui .notice.is-dismissible {
+	padding-left: 38px;
+	position: relative;
+}
+
+.notice-dismiss {
+	position: absolute;
+	top: 0;
+	left: 1px;
+	border: none;
+	margin: 0;
+	padding: 9px;
+	background: none;
+	color: #787c82;
+	cursor: pointer;
+}
+
+.notice-dismiss:hover:before,
+.notice-dismiss:active:before,
+.notice-dismiss:focus:before {
+	color: #d63638;
+}
+
+.notice-dismiss:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.notice-success,
+div.updated {
+	border-right-color: #00a32a;
+}
+
+.notice-success.notice-alt {
+	background-color: #edfaef;
+}
+
+.notice-warning {
+	border-right-color: #dba617;
+}
+
+.notice-warning.notice-alt {
+	background-color: #fcf9e8;
+}
+
+.notice-error,
+div.error {
+	border-right-color: #d63638;
+}
+
+.notice-error.notice-alt {
+	background-color: #fcf0f1;
+}
+
+.notice-info {
+	border-right-color: #72aee6;
+}
+
+.notice-info.notice-alt {
+	background-color: #f0f6fc;
+}
+
+.update-message p:before,
+.updating-message p:before,
+.updated-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.wrap .notice,
+.wrap div.updated,
+.wrap div.error,
+.media-upload-form .notice,
+.media-upload-form div.error {
+	margin: 5px 0 15px;
+}
+
+.wrap #templateside .notice {
+	display: block;
+	margin: 0;
+	padding: 5px 8px;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.wrap #templateside span.notice {
+	margin-right: -12px;
+}
+
+#templateside li.notice a {
+	padding: 0;
+}
+
+/* Update icon. */
+.update-message p:before,
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+	color: #d63638;
+	content: "\f463";
+}
+
+/* Spins the update icon. */
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before,
+.plugins .column-auto-updates .dashicons-update.spin,
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	animation: rotation 2s infinite linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.updating-message p:before,
+	.import-php .updating-message:before,
+	.button.updating-message:before,
+	.button.installing:before,
+	.plugins .column-auto-updates .dashicons-update.spin,
+	.theme-overlay .theme-autoupdate .dashicons-update.spin {
+		animation: none;
+	}
+}
+
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	margin-left: 3px;
+}
+
+/* Updated icon (check mark). */
+.updated-message p:before,
+.installed p:before,
+.button.updated-message:before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+/* Error icon. */
+.update-message.notice-error p:before {
+	color: #d63638;
+	content: "\f534";
+}
+
+.wrap .notice p:before,
+.import-php .updating-message:before {
+	margin-left: 6px;
+}
+
+.import-php .updating-message:before {
+	vertical-align: bottom;
+}
+
+#update-nag,
+.update-nag {
+	display: inline-block;
+	line-height: 1.4;
+	padding: 11px 15px;
+	font-size: 14px;
+	margin: 25px 2px 0 20px;
+}
+
+ul#dismissed-updates {
+	display: none;
+}
+
+#dismissed-updates li > p {
+	margin-top: 0;
+}
+
+#dismiss,
+#undismiss {
+	margin-right: 0.5em;
+}
+
+form.upgrade {
+	margin-top: 8px;
+}
+
+form.upgrade .hint {
+	font-style: italic;
+	font-size: 85%;
+	margin: -0.5em 0 2em;
+}
+
+.update-php .spinner {
+	float: none;
+	margin: -4px 0;
+}
+
+h2.wp-current-version {
+	margin-bottom: .3em;
+}
+
+p.update-last-checked {
+	margin-top: 0;
+}
+
+p.auto-update-status {
+	margin-top: 2em;
+	line-height: 1.8;
+}
+
+#ajax-loading,
+.ajax-loading,
+.ajax-feedback,
+.imgedit-wait-spin,
+.list-ajax-loading { /* deprecated */
+	visibility: hidden;
+}
+
+#ajax-response.alignleft {
+	margin-right: 2em;
+}
+
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	margin: 3px -2px 0 5px;
+}
+
+.button-primary.updating-message:before {
+	color: #fff;
+}
+
+.button-primary.updated-message:before {
+	color: #9ec2e6;
+}
+
+.button.updated-message {
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+@media aural {
+	.wrap .notice p:before,
+	.button.installing:before,
+	.button.installed:before,
+	.update-message p:before {
+		speak: never;
+	}
+}
+
+
+/* @todo: this does not need its own section anymore */
+/*------------------------------------------------------------------------------
+  6.0 - Admin Header
+------------------------------------------------------------------------------*/
+#adminmenu a,
+#taglist a,
+#catlist a {
+	text-decoration: none;
+}
+
+/*------------------------------------------------------------------------------
+  6.1 - Screen Options Tabs
+------------------------------------------------------------------------------*/
+
+#screen-options-wrap,
+#contextual-help-wrap {
+	margin: 0;
+	padding: 8px 20px 12px;
+	position: relative;
+}
+
+#contextual-help-wrap {
+	overflow: auto;
+	margin-right: 0;
+}
+
+#screen-meta-links {
+	float: left;
+	margin: 0 0 0 20px;
+}
+
+/* screen options and help tabs revert */
+#screen-meta {
+	display: none;
+	margin: 0 0 -1px 20px;
+	position: relative;
+	background-color: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	box-shadow: 0 0 0 transparent;
+}
+
+#screen-options-link-wrap,
+#contextual-help-link-wrap {
+	float: right;
+	margin: 0 6px 0 0;
+}
+
+#screen-meta-links .screen-meta-toggle {
+	position: relative;
+	top: 0;
+}
+
+#screen-meta-links .show-settings {
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	height: auto;
+	margin-bottom: 0;
+	padding: 3px 16px 3px 6px;
+	background: #fff;
+	border-radius: 0 0 4px 4px;
+	color: #646970;
+	line-height: 1.7;
+	box-shadow: 0 0 0 transparent;
+	transition: box-shadow 0.1s linear;
+}
+
+#screen-meta-links .show-settings:hover,
+#screen-meta-links .show-settings:active,
+#screen-meta-links .show-settings:focus {
+	color: #2c3338;
+}
+
+#screen-meta-links .show-settings:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+#screen-meta-links .show-settings:active {
+	transform: none;
+}
+
+#screen-meta-links .show-settings:after {
+	left: 0;
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 0 0 5px;
+	bottom: 2px;
+	position: relative;
+	vertical-align: bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+#screen-meta-links .screen-meta-active:after {
+	content: "\f142";
+}
+
+/* end screen options and help tabs */
+
+.toggle-arrow {
+	background-repeat: no-repeat;
+	background-position: top right;
+	background-color: transparent;
+	height: 22px;
+	line-height: 22px;
+	display: block;
+}
+
+.toggle-arrow-active {
+	background-position: bottom right;
+}
+
+#screen-options-wrap h5, /* Back-compat for old plugins */
+#screen-options-wrap legend,
+#contextual-help-wrap h5 {
+	margin: 0;
+	padding: 8px 0;
+	font-size: 13px;
+	font-weight: 600;
+}
+
+.metabox-prefs label {
+	display: inline-block;
+	padding-left: 15px;
+	line-height: 2.35;
+}
+
+#number-of-columns {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 30px;
+}
+
+.metabox-prefs input[type=checkbox] {
+	margin-top: 0;
+	margin-left: 6px;
+}
+
+.metabox-prefs label input,
+.metabox-prefs label input[type=checkbox] {
+	margin: -4px 0 0 5px;
+}
+
+.metabox-prefs .columns-prefs label input {
+	margin: -1px 0 0 2px;
+}
+
+.metabox-prefs label a {
+	display: none;
+}
+
+.metabox-prefs .screen-options input,
+.metabox-prefs .screen-options label {
+	margin-top: 0;
+	margin-bottom: 0;
+	vertical-align: middle;
+}
+
+.metabox-prefs .screen-options .screen-per-page {
+	margin-left: 15px;
+	padding-left: 0;
+}
+
+.metabox-prefs .screen-options label {
+	line-height: 2.2;
+	padding-left: 0;
+}
+
+.screen-options + .screen-options {
+	margin-top: 10px;
+}
+
+.metabox-prefs .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+/*------------------------------------------------------------------------------
+  6.2 - Help Menu
+------------------------------------------------------------------------------*/
+
+#contextual-help-wrap {
+	padding: 0;
+}
+
+#contextual-help-columns {
+	position: relative;
+}
+
+#contextual-help-back {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 150px;
+	left: 170px;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	border-bottom: none;
+	background: #f0f6fc;
+}
+
+#contextual-help-wrap.no-sidebar #contextual-help-back {
+	left: 0;
+	border-left-width: 0;
+	border-bottom-left-radius: 2px;
+}
+
+.contextual-help-tabs {
+	float: right;
+	width: 150px;
+	margin: 0;
+}
+
+.contextual-help-tabs ul {
+	margin: 1em 0;
+}
+
+.contextual-help-tabs li {
+	margin-bottom: 0;
+	list-style-type: none;
+	border-style: solid;
+	border-width: 0 2px 0 0;
+	border-color: transparent;
+}
+
+.contextual-help-tabs a {
+	display: block;
+	padding: 5px 12px 5px 5px;
+	line-height: 1.4;
+	text-decoration: none;
+	border: 1px solid transparent;
+	border-left: none;
+	border-right: none;
+}
+
+.contextual-help-tabs a:hover {
+	color: #2c3338;
+}
+
+.contextual-help-tabs .active {
+	padding: 0;
+	margin: 0 0 0 -1px;
+	border-right: 2px solid #72aee6;
+	background: #f0f6fc;
+	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
+}
+
+.contextual-help-tabs .active a {
+	border-color: #c3c4c7;
+	color: #2c3338;
+}
+
+.contextual-help-tabs-wrap {
+	padding: 0 20px;
+	overflow: auto;
+}
+
+.help-tab-content {
+	display: none;
+	margin: 0 0 12px 22px;
+	line-height: 1.6;
+}
+
+.help-tab-content.active {
+	display: block;
+}
+
+.help-tab-content ul li {
+	list-style-type: disc;
+	margin-right: 18px;
+}
+
+.contextual-help-sidebar {
+	width: 150px;
+	float: left;
+	padding: 0 12px 0 8px;
+	overflow: auto;
+}
+
+/*------------------------------------------------------------------------------
+  8.0 - Layout Blocks
+------------------------------------------------------------------------------*/
+
+html.wp-toolbar {
+	padding-top: 32px;
+	box-sizing: border-box;
+	-ms-overflow-style: scrollbar; /* See ticket #48545 */
+}
+
+.widefat th,
+.widefat td {
+	color: #50575e;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	font-weight: 400;
+}
+
+.widefat thead tr th,
+.widefat thead tr td,
+.widefat tfoot tr th,
+.widefat tfoot tr td {
+	color: #2c3338;
+}
+
+.widefat td p {
+	margin: 2px 0 0.8em;
+}
+
+.widefat p,
+.widefat ol,
+.widefat ul {
+	color: #2c3338;
+}
+
+.widefat .column-comment p {
+	margin: 0.6em 0;
+}
+
+.widefat .column-comment ul {
+	list-style: initial;
+	margin-right: 2em;
+}
+
+/* Screens with postboxes */
+.postbox-container {
+	float: right;
+}
+
+.postbox-container .meta-box-sortables {
+	box-sizing: border-box;
+}
+
+#wpbody-content .metabox-holder {
+	padding-top: 10px;
+}
+
+.metabox-holder .postbox-container .meta-box-sortables {
+	/* The jQuery UI Sortables need some initial height to work properly. */
+	min-height: 1px;
+	position: relative;
+}
+
+#post-body-content {
+	width: 100%;
+	min-width: 463px;
+	float: right;
+}
+
+#post-body.columns-2 #postbox-container-1 {
+	float: left;
+	margin-left: -300px;
+	width: 280px;
+}
+
+#post-body.columns-2 #side-sortables {
+	min-height: 250px;
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content .metabox-holder .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+	}
+}
+
+.js .widget .widget-top,
+.js .postbox .hndle {
+	cursor: move;
+}
+
+.js .widget .widget-top.is-non-sortable,
+.js .postbox .hndle.is-non-sortable {
+	cursor: auto;
+}
+
+/* Configurable dashboard widgets "Configure" edit-box link. */
+.hndle a {
+	font-size: 12px;
+	font-weight: 400;
+}
+
+.postbox-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.postbox-header .hndle {
+	flex-grow: 1;
+	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.postbox-header .handle-actions {
+	flex-shrink: 0;
+}
+
+/* Post box order and toggle buttons. */
+.postbox .handle-order-higher,
+.postbox .handle-order-lower,
+.postbox .handlediv {
+	width: 36px;
+	height: 36px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	cursor: pointer;
+}
+
+.postbox .handle-order-higher,
+.postbox .handle-order-lower {
+	color: #787c82;
+	width: 1.62rem;
+}
+
+/* Post box order buttons in the block editor meta boxes area. */
+.edit-post-meta-boxes-area .postbox .handle-order-higher,
+.edit-post-meta-boxes-area .postbox .handle-order-lower {
+	width: 44px;
+	height: 44px;
+	color: #1d2327
+}
+
+.postbox .handle-order-higher[aria-disabled="true"],
+.postbox .handle-order-lower[aria-disabled="true"] {
+	cursor: default;
+	color: #a7aaad;
+}
+
+.sortable-placeholder {
+	border: 1px dashed #c3c4c7;
+	margin-bottom: 20px;
+}
+
+.postbox,
+.stuffbox {
+	margin-bottom: 20px;
+	padding: 0;
+	line-height: 1;
+}
+
+.postbox.closed {
+	border-bottom: 0;
+}
+
+/* user-select is not a part of the CSS standard - may change behavior in the future */
+.postbox .hndle,
+.stuffbox .hndle {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.postbox .inside {
+	padding: 0 12px 12px;
+	line-height: 1.4;
+	font-size: 13px;
+}
+
+.stuffbox .inside {
+	padding: 0;
+	line-height: 1.4;
+	font-size: 13px;
+	margin-top: 0;
+}
+
+.postbox .inside {
+	margin: 11px 0;
+	position: relative;
+}
+
+.postbox .inside > p:last-child,
+.rss-widget ul li:last-child {
+	margin-bottom: 1px !important;
+}
+
+.postbox.closed h3 {
+	border: none;
+	box-shadow: none;
+}
+
+.postbox table.form-table {
+	margin-bottom: 0;
+}
+
+.postbox table.widefat {
+	box-shadow: none;
+}
+
+.temp-border {
+	border: 1px dotted #c3c4c7;
+}
+
+.columns-prefs label {
+	padding: 0 0 0 10px;
+}
+
+/* @todo: what is this doing here */
+#dashboard_right_now .versions .b,
+#post-status-display,
+#post-visibility-display,
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+.media-item .percent,
+.plugins .name,
+#pass-strength-result.strong,
+#pass-strength-result.short,
+#ed_reply_toolbar #ed_reply_strong,
+.item-controls .item-order a,
+.feature-filter .feature-name,
+#comment-status-display {
+	font-weight: 600;
+}
+
+/*------------------------------------------------------------------------------
+  21.0 - Admin Footer
+------------------------------------------------------------------------------*/
+
+#wpfooter {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	padding: 10px 20px;
+	color: #50575e;
+}
+
+#wpfooter p {
+	font-size: 13px;
+	margin: 0;
+	line-height: 1.55;
+}
+
+#footer-thankyou {
+	font-style: italic;
+}
+
+/*------------------------------------------------------------------------------
+  25.0 - Tabbed Admin Screen Interface (Experimental)
+------------------------------------------------------------------------------*/
+
+.nav-tab {
+	float: right;
+	border: 1px solid #c3c4c7;
+	border-bottom: none;
+	margin-right: 0.5em; /* half the font size so set the font size properly */
+	padding: 5px 10px;
+	font-size: 14px;
+	line-height: 1.71428571;
+	font-weight: 600;
+	background: #dcdcde;
+	color: #50575e;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+h3 .nav-tab, /* Back-compat for pre-4.4 */
+.nav-tab-small .nav-tab {
+	padding: 5px 14px;
+	font-size: 12px;
+	line-height: 1.33;
+}
+
+.nav-tab:hover,
+.nav-tab:focus {
+	background-color: #fff;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab:focus:active {
+	box-shadow: none;
+}
+
+.nav-tab-active {
+	margin-bottom: -1px;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab-active:hover,
+.nav-tab-active:focus,
+.nav-tab-active:focus:active {
+	border-bottom: 1px solid #f0f0f1;
+	background: #f0f0f1;
+	color: #000;
+}
+
+h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
+.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
+.nav-tab-wrapper {
+	border-bottom: 1px solid #c3c4c7;
+	margin: 0;
+	padding-top: 9px;
+	padding-bottom: 0;
+	line-height: inherit;
+}
+
+/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
+.nav-tab-wrapper:not(.wp-clearfix):after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/*------------------------------------------------------------------------------
+  26.0 - Misc
+------------------------------------------------------------------------------*/
+
+.spinner {
+	background: url(../images/spinner.gif) no-repeat;
+	background-size: 20px 20px;
+	display: inline-block;
+	visibility: hidden;
+	float: left;
+	vertical-align: middle;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	width: 20px;
+	height: 20px;
+	margin: 4px 10px 0;
+}
+
+.spinner.is-active,
+.loading-content .spinner {
+	visibility: visible;
+}
+
+#template > div {
+	margin-left: 16em;
+}
+#template .notice {
+	margin-top: 1em;
+	margin-left: 3%;
+}
+#template .notice p {
+	width: auto;
+}
+#template .submit .spinner {
+	float: none;
+}
+
+.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+.metabox-holder h2.hndle {
+	font-size: 14px;
+	padding: 8px 12px;
+	margin: 0;
+	line-height: 1.4;
+}
+
+/* Back-compat for nav-menus screen */
+.nav-menus-php .metabox-holder h3 {
+	padding: 10px 14px 11px 10px;
+	line-height: 1.5;
+}
+
+#templateside ul li a {
+	text-decoration: none;
+}
+
+.plugin-install #description,
+.plugin-install-network #description {
+	width: 60%;
+}
+
+table .vers,
+table .column-visible,
+table .column-rating {
+	text-align: right;
+}
+
+.attention,
+.error-message {
+	color: #d63638;
+	font-weight: 600;
+}
+
+/* Scrollbar fix for bulk upgrade iframe */
+body.iframe {
+	height: 98%;
+}
+
+/* Upgrader styles, Specific to Language Packs */
+.lp-show-latest p {
+	display: none;
+}
+.lp-show-latest p:last-child,
+.lp-show-latest .lp-error p {
+	display: block;
+}
+
+/* - Only used once or twice in all of WP - deprecate for global style
+------------------------------------------------------------------------------*/
+.media-icon {
+	width: 62px; /* icon + border */
+	text-align: center;
+}
+
+.media-icon img {
+	border: 1px solid #dcdcde;
+	border: 1px solid rgba(0, 0, 0, 0.07);
+}
+
+#howto {
+	font-size: 11px;
+	margin: 0 5px;
+	display: block;
+}
+
+.importers {
+	font-size: 16px;
+	width: auto;
+}
+
+.importers td {
+	padding-left: 14px;
+	line-height: 1.4;
+}
+
+.importers .import-system {
+	max-width: 250px;
+}
+
+.importers td.desc {
+	max-width: 500px;
+}
+
+.importer-title,
+.importer-desc,
+.importer-action {
+	display: block;
+}
+
+.importer-title {
+	color: #000;
+	font-size: 14px;
+	font-weight: 400;
+	margin-bottom: .2em;
+}
+
+.importer-action {
+	line-height: 1.55; /* Same as with .updating-message */
+	color: #50575e;
+	margin-bottom: 1em;
+}
+
+#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
+#post-body #post-body-content #namediv h2 {
+	margin-top: 0;
+}
+
+.edit-comment-author {
+	color: #1d2327;
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#namediv h3 label, /* Back-compat for pre-4.4 */
+#namediv h2 label {
+	vertical-align: baseline;
+}
+
+#namediv table {
+	width: 100%;
+}
+
+#namediv td.first {
+	width: 10px;
+	white-space: nowrap;
+}
+
+#namediv input {
+	width: 100%;
+}
+
+#namediv p {
+	margin: 10px 0;
+}
+
+/* - Used - but could/should be deprecated with a CSS reset
+------------------------------------------------------------------------------*/
+.zerosize {
+	height: 0;
+	width: 0;
+	margin: 0;
+	border: 0;
+	padding: 0;
+	overflow: hidden;
+	position: absolute;
+}
+
+br.clear {
+	height: 2px;
+	line-height: 0.15;
+}
+
+.checkbox {
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+.post-categories {
+	display: inline;
+	margin: 0;
+	padding: 0;
+}
+
+.post-categories li {
+	display: inline;
+}
+
+/* Star Ratings - Back-compat for pre-3.8 */
+div.star-holder {
+	position: relative;
+	height: 17px;
+	width: 100px;
+	background: url(../images/stars.png?ver=20121108) repeat-x bottom right;
+}
+
+div.star-holder .star-rating {
+	background: url(../images/stars.png?ver=20121108) repeat-x top right;
+	height: 17px;
+	float: right;
+}
+
+/* Star Ratings */
+.star-rating {
+	white-space: nowrap;
+}
+.star-rating .star {
+	display: inline-block;
+	width: 20px;
+	height: 20px;
+	-webkit-font-smoothing: antialiased;
+	font-size: 20px;
+	line-height: 1;
+	font-family: dashicons;
+	text-decoration: inherit;
+	font-weight: 400;
+	font-style: normal;
+	vertical-align: top;
+	transition: color .1s ease-in;
+	text-align: center;
+	color: #dba617;
+}
+
+.star-rating .star-full:before {
+	content: "\f155";
+}
+
+.star-rating .star-half:before {
+	content: "\f459";
+}
+
+.rtl .star-rating .star-half {
+	transform: rotateY(-180deg);
+}
+
+.star-rating .star-empty:before {
+	content: "\f154";
+}
+
+div.action-links {
+	font-weight: 400;
+	margin: 6px 0 0;
+}
+
+/* Plugin install thickbox */
+#plugin-information {
+	background: #fff;
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	height: 100%;
+	padding: 0;
+}
+
+#plugin-information-scrollable {
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 100%;
+}
+
+#plugin-information-title {
+	padding: 0 26px;
+	background: #f6f7f7;
+	font-size: 22px;
+	font-weight: 600;
+	line-height: 2.4;
+	position: relative;
+	height: 56px;
+}
+
+#plugin-information-title.with-banner {
+	margin-left: 0;
+	height: 250px;
+	background-size: cover;
+}
+
+#plugin-information-title h2 {
+	font-size: 1em;
+	font-weight: 600;
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+#plugin-information-title.with-banner h2 {
+	position: relative;
+	font-family: "Helvetica Neue", sans-serif;
+	display: inline-block;
+	font-size: 30px;
+	line-height: 1.68;
+	box-sizing: border-box;
+	max-width: 100%;
+	padding: 0 15px;
+	margin-top: 174px;
+	color: #fff;
+	background: rgba(29, 35, 39, 0.9);
+	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+	box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+	border-radius: 8px;
+}
+
+#plugin-information-title div.vignette {
+	display: none;
+}
+
+#plugin-information-title.with-banner div.vignette {
+	position: absolute;
+	display: block;
+	top: 0;
+	right: 0;
+	height: 250px;
+	width: 100%;
+	background: transparent;
+	box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#plugin-information-tabs {
+	padding: 0 16px;
+	position: relative;
+	left: 0;
+	right: 0;
+	min-height: 36px;
+	font-size: 0;
+	z-index: 1;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#plugin-information-tabs a {
+	position: relative;
+	display: inline-block;
+	padding: 9px 10px;
+	margin: 0;
+	height: 18px;
+	line-height: 1.3;
+	font-size: 14px;
+	text-decoration: none;
+	transition: none;
+}
+
+#plugin-information-tabs a.current {
+	margin: 0 -1px -1px;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #fff;
+	padding-top: 8px;
+	color: #2c3338;
+}
+
+#plugin-information-tabs.with-banner a.current {
+	border-top: none;
+	padding-top: 9px;
+}
+
+#plugin-information-tabs a:active,
+#plugin-information-tabs a:focus {
+	outline: none;
+}
+
+#plugin-information-content {
+	overflow: hidden; /* equal height column trick */
+	background: #fff;
+	position: relative;
+	top: 0;
+	left: 0;
+	right: 0;
+	min-height: 100%;
+	/* Height of title + tabs + install now */
+	min-height: calc( 100% - 152px );
+}
+
+#plugin-information-content.with-banner {
+	/* Height of banner + tabs + install now */
+	min-height: calc( 100% - 346px );
+}
+
+#section-holder {
+	position: relative;
+	top: 0;
+	left: 250px;
+	bottom: 0;
+	right: 0;
+	margin-top: 10px;
+	margin-left: 250px; /* FYI box */
+	padding: 10px 26px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+}
+
+#section-holder .notice {
+	margin: 5px 0 15px;
+}
+
+#section-holder .updated {
+	margin: 16px 0;
+}
+
+#plugin-information .fyi {
+	float: left;
+	position: relative;
+	top: 0;
+	left: 0;
+	padding: 16px 16px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+	width: 217px;
+	border-right: 1px solid #dcdcde;
+	background: #f6f7f7;
+	color: #646970;
+}
+
+#plugin-information .fyi strong {
+	color: #3c434a;
+}
+
+#plugin-information .fyi h3 {
+	font-weight: 600;
+	text-transform: uppercase;
+	font-size: 12px;
+	color: #646970;
+	margin: 24px 0 8px;
+}
+
+#plugin-information .fyi h2 {
+	font-size: 0.9em;
+	margin-bottom: 0;
+	margin-left: 0;
+}
+
+#plugin-information .fyi ul {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+
+#plugin-information .fyi li {
+	margin: 0 0 10px;
+}
+
+#plugin-information .fyi-description {
+	margin-top: 0;
+}
+
+#plugin-information .counter-container {
+	margin: 3px 0;
+}
+
+#plugin-information .counter-label {
+	float: right;
+	margin-left: 5px;
+	min-width: 55px;
+}
+
+#plugin-information .counter-back {
+	height: 17px;
+	width: 92px;
+	background-color: #dcdcde;
+	float: right;
+}
+
+#plugin-information .counter-bar {
+	height: 17px;
+	background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
+	float: right;
+}
+
+#plugin-information .counter-count {
+	margin-right: 5px;
+}
+
+#plugin-information .fyi ul.contributors {
+	margin-top: 10px;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-left: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-left: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li img {
+	vertical-align: middle;
+	margin-left: 4px;
+}
+
+#plugin-information-footer {
+	padding: 13px 16px;
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	height: 40px; /* actual height: 40+13+13+1=67 */
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+/* rtl:ignore */
+#plugin-information .section {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+#plugin-information .section ul,
+#plugin-information .section ol {
+	list-style-type: disc;
+	margin-left: 24px;
+}
+
+#plugin-information .section,
+#plugin-information .section p {
+	font-size: 14px;
+	line-height: 1.7;
+}
+
+#plugin-information #section-screenshots ol {
+	list-style: none;
+	margin: 0;
+}
+
+#plugin-information #section-screenshots li img {
+	vertical-align: text-top;
+	margin-top: 16px;
+	max-width: 100%;
+	width: auto;
+	height: auto;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+/* rtl:ignore */
+#plugin-information #section-screenshots li p {
+	font-style: italic;
+	padding-left: 20px;
+}
+
+#plugin-information pre {
+	padding: 7px;
+	overflow: auto;
+	border: 1px solid #c3c4c7;
+}
+
+#plugin-information blockquote {
+	border-right: 2px solid #dcdcde;
+	color: #646970;
+	font-style: italic;
+	margin: 1em 0;
+	padding: 0 1em 0 0;
+}
+
+/* rtl:ignore */
+#plugin-information .review {
+	overflow: hidden; /* clearfix */
+	width: 100%;
+	margin-bottom: 20px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+#plugin-information .review-title-section {
+	overflow: hidden; /* clearfix */
+}
+
+/* rtl:ignore */
+#plugin-information .review-title-section h4 {
+	display: inline-block;
+	float: left;
+	margin: 0 6px 0 0;
+}
+
+#plugin-information .reviewer-info p {
+	clear: both;
+	margin: 0;
+	padding-top: 2px;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .avatar {
+	float: left;
+	margin: 4px 6px 0 0;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .star-rating {
+	float: left;
+}
+
+/* rtl:ignore */
+#plugin-information .review-meta {
+	float: left;
+	margin-left: 0.75em;
+}
+
+/* rtl:ignore */
+#plugin-information .review-body {
+	float: left;
+	width: 100%;
+}
+
+.plugin-version-author-uri {
+	font-size: 13px;
+}
+
+/* For non-js plugin installation screen ticket #36430. */
+.update-php .button.button-primary {
+	margin-left: 1em;
+}
+
+@media screen and (max-width: 771px) {
+	#plugin-information-title.with-banner {
+		height: 100px;
+	}
+
+	#plugin-information-title.with-banner h2 {
+		margin-top: 30px;
+		font-size: 20px;
+		line-height: 2;
+		max-width: 85%;
+	}
+
+	#plugin-information-title.with-banner div.vignette {
+		height: 100px;
+	}
+
+	#plugin-information-tabs {
+		overflow: hidden; /* clearfix */
+		padding: 0;
+		height: auto; /* let tabs wrap */
+	}
+
+	#plugin-information-tabs a.current {
+		margin-bottom: 0;
+		border-bottom: none;
+	}
+
+	#plugin-information .fyi {
+		float: none;
+		border: 1px solid #dcdcde;
+		position: static;
+		width: auto;
+		margin: 26px 26px 0;
+		padding-bottom: 0; /* reset from the two column height fix */
+	}
+
+	#section-holder {
+		position: static;
+		margin: 0;
+		padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
+	}
+
+	#plugin-information .fyi h3,
+	#plugin-information .fyi small {
+		display: none;
+	}
+
+	#plugin-information-footer {
+		padding: 12px 16px 0;
+		height: 46px;
+	}
+}
+
+/* Thickbox for the Plugin details modal. */
+#TB_window.plugin-details-modal {
+	background: #fff;
+}
+
+#TB_window.plugin-details-modal.thickbox-loading:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	right: 50%;
+	top: 50%;
+	z-index: -1;
+	margin: -10px -10px 0 0;
+	background: #fff url(../images/spinner.gif) no-repeat center;
+	background-size: 20px 20px;
+	transform: translateZ(0);
+}
+
+@media print,
+	(-webkit-min-device-pixel-ratio: 1.25),
+	(min-resolution: 120dpi) {
+
+	#TB_window.plugin-details-modal.thickbox-loading:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+.plugin-details-modal #TB_title {
+	float: right;
+	height: 1px;
+}
+
+.plugin-details-modal #TB_ajaxWindowTitle {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton {
+	right: auto;
+	left: -30px;
+	color: #f0f0f1;
+}
+
+.plugin-details-modal #TB_closeWindowButton:hover,
+.plugin-details-modal #TB_closeWindowButton:focus {
+	color: #135e96;
+	outline: none;
+	box-shadow: none;
+}
+
+.plugin-details-modal .tb-close-icon {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton:after {
+	content: "\f335";
+	font: normal 32px/29px 'dashicons';
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* move plugin install close icon to top on narrow screens */
+@media screen and (max-width: 830px) {
+	.plugin-details-modal #TB_closeWindowButton {
+		left: 0;
+		top: -30px;
+	}
+}
+
+/* @todo: move this. */
+img {
+	border: none;
+}
+
+/* Metabox collapse arrow indicators */
+.sidebar-name .toggle-indicator::before,
+.meta-box-sortables .postbox .toggle-indicator::before,
+.meta-box-sortables .postbox .order-higher-indicator::before,
+.meta-box-sortables .postbox .order-lower-indicator::before,
+.bulk-action-notice .toggle-indicator::before,
+.privacy-text-box .toggle-indicator::before {
+	content: "\f142";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.js .widgets-holder-wrap.closed .toggle-indicator::before,
+.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
+.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
+.privacy-text-box.closed .toggle-indicator::before {
+	content: "\f140";
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before {
+	content: "\f343";
+	color: inherit;
+}
+
+.postbox .handle-order-lower .order-lower-indicator::before {
+	content: "\f347";
+	color: inherit;
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before,
+.postbox .handle-order-lower .order-lower-indicator::before {
+	position: relative;
+    top: 0.11rem;
+	width: 20px;
+	height: 20px;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	width: 20px;
+	border-radius: 50%;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	position: relative;
+	top: 0.05rem;
+	text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.rtl .postbox .handlediv .toggle-indicator::before {
+	text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.bulk-action-notice .toggle-indicator::before {
+	line-height: 16px;
+	vertical-align: top;
+	color: #787c82;
+}
+
+.postbox .handle-order-higher:focus,
+.postbox .handle-order-lower:focus,
+.postbox .handlediv:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.postbox .handle-order-higher:focus .order-higher-indicator::before,
+.postbox .handle-order-lower:focus .order-lower-indicator::before,
+.postbox .handlediv:focus .toggle-indicator::before {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+/* @todo: appears to be Press This only and overridden */
+#photo-add-url-div input[type="text"] {
+	width: 300px;
+}
+
+/* Theme/Plugin file editor */
+.alignleft h2 {
+	margin: 0;
+}
+
+#template textarea {
+	font-family: Consolas, Monaco, monospace;
+	font-size: 13px;
+	background: #f6f7f7;
+	-o-tab-size: 4;
+	tab-size: 4;
+}
+
+#template textarea,
+#template .CodeMirror {
+	width: 100%;
+	min-height: 60vh;
+	height: calc( 100vh - 295px );
+	border: 1px solid #dcdcde;
+	box-sizing: border-box;
+}
+
+#templateside > h2 {
+	padding-top: 6px;
+	padding-bottom: 7px;
+	margin: 0;
+}
+
+#templateside ol,
+#templateside ul {
+	margin: 0;
+	padding: 0;
+}
+#templateside > ul {
+	box-sizing: border-box;
+	margin-top: 0;
+	overflow: auto;
+	padding: 0;
+	min-height: 60vh;
+	height: calc(100vh - 295px);
+	background-color: #f6f7f7;
+	border: 1px solid #dcdcde;
+	border-right: none;
+}
+#templateside ul ul {
+	padding-right: 12px;
+}
+#templateside > ul > li > ul[role=group] {
+	padding-right: 0;
+}
+
+/*
+ * Styles for Theme and Plugin file editors.
+ */
+
+/* Hide collapsed items. */
+[role="treeitem"][aria-expanded="false"] > ul {
+	display: none;
+}
+
+/* Use arrow dashicons for folder states, but hide from screen readers. */
+[role="treeitem"] span[aria-hidden] {
+	display: inline;
+	font-family: dashicons;
+	font-size: 20px;
+	position: absolute;
+	pointer-events: none;
+}
+[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
+	content: "\f141";
+}
+[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
+	content: "\f140";
+}
+[role="treeitem"] .folder-label {
+	display: block;
+	padding: 3px 12px 3px 3px;
+	cursor: pointer;
+}
+
+/* Remove outline, and create our own focus and hover styles */
+[role="treeitem"] {
+	outline: 0;
+}
+[role="treeitem"] .folder-label.focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+[role="treeitem"].hover,
+[role="treeitem"] .folder-label.hover {
+	background-color: #f0f0f1;
+}
+
+.tree-folder {
+	margin: 0;
+	position: relative;
+}
+[role="treeitem"] li {
+	position: relative;
+}
+
+/* Styles for folder indicators/depth */
+.tree-folder .tree-folder::after {
+	content: "";
+	display: block;
+	position: absolute;
+	right: 2px;
+	border-right: 1px solid #c3c4c7;
+	top: -13px;
+	bottom: 10px;
+}
+.tree-folder > li::before {
+	content: "";
+	position: absolute;
+	display: block;
+	border-right: 1px solid #c3c4c7;
+	right: 2px;
+	top: -5px;
+	height: 18px;
+	width: 7px;
+	border-bottom: 1px solid #c3c4c7;
+}
+.tree-folder > li::after {
+	content: "";
+	position: absolute;
+	display: block;
+	border-right: 1px solid #c3c4c7;
+	right: 2px;
+	bottom: -7px;
+	top: 0;
+}
+
+/* current-file needs to adjustment for .notice styles */
+#templateside .current-file {
+	margin: -4px 0 -2px;
+}
+.tree-folder > .current-file::before {
+	right: 4px;
+	height: 15px;
+	width: 0;
+	border-right: none;
+	top: 3px;
+}
+.tree-folder > .current-file::after {
+	bottom: -4px;
+	height: 7px;
+	right: 2px;
+	top: auto;
+}
+
+/* Lines shouldn't continue on last item */
+.tree-folder > li:last-child::after,
+.tree-folder li:last-child > .tree-folder::after {
+	display: none;
+}
+
+#theme-plugin-editor-selector,
+#theme-plugin-editor-label,
+#documentation label {
+	font-weight: 600;
+}
+
+#theme-plugin-editor-label {
+	display: inline-block;
+	margin-bottom: 1em;
+}
+
+/* rtl:ignore */
+#template textarea,
+#docs-list {
+	direction: ltr;
+}
+
+.fileedit-sub #theme,
+.fileedit-sub #plugin {
+	max-width: 40%;
+}
+.fileedit-sub .alignright {
+	text-align: left;
+}
+
+#template p {
+	width: 97%;
+}
+
+#file-editor-linting-error {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+#file-editor-linting-error > .notice {
+	margin: 0;
+	display: inline-block;
+}
+#file-editor-linting-error > .notice > p {
+	width: auto;
+}
+#template .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+#template .submit input[type=submit][disabled] {
+	cursor: not-allowed;
+}
+#templateside {
+	float: left;
+	width: 16em;
+	word-wrap: break-word;
+}
+
+#postcustomstuff p.submit {
+	margin: 0;
+}
+
+#templateside h4 {
+	margin: 1em 0 0;
+}
+
+#templateside li {
+	margin: 4px 0;
+}
+
+#templateside li:not(.howto) a,
+.theme-editor-php .highlight {
+	display: block;
+	padding: 3px 12px 3px 0;
+	text-decoration: none;
+}
+
+#templateside li:not(.howto) > a:first-of-type {
+	padding-top: 0;
+}
+
+#templateside li.howto {
+	padding: 6px 12px 12px;
+}
+
+.theme-editor-php .highlight {
+	margin: -3px -12px -3px 3px;
+}
+
+#templateside .highlight {
+	border: none;
+	font-weight: 600;
+}
+
+.nonessential {
+	color: #646970;
+	font-size: 11px;
+	font-style: italic;
+	padding-right: 12px;
+}
+
+#documentation {
+	margin-top: 10px;
+}
+
+#documentation label {
+	line-height: 1.8;
+	vertical-align: baseline;
+}
+
+.fileedit-sub {
+	padding: 10px 0 8px;
+	line-height: 180%;
+}
+
+#file-editor-warning .file-editor-warning-content {
+	margin: 25px;
+}
+
+/* @todo: can we use a common class for these? */
+.nav-menus-php .item-edit:before,
+.widget-top .widget-action .toggle-indicator:before,
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.widget-top .widget-action .toggle-indicator:before {
+	padding: 1px 0 1px 2px;
+	border-radius: 50%;
+}
+
+.handlediv,
+.postbox .handlediv.button-link,
+.item-edit,
+.toggle-indicator,
+.accordion-section-title:after {
+	color: #787c82;
+}
+
+.widget-action {
+	color: #50575e; /* #fafafa background in the Widgets screen */
+}
+
+.widget-top:hover .widget-action,
+.widget-action:focus,
+.handlediv:hover,
+.handlediv:focus,
+.postbox .handlediv.button-link:hover,
+.postbox .handlediv.button-link:focus,
+.item-edit:hover,
+.item-edit:focus,
+.sidebar-name:hover .toggle-indicator,
+.accordion-section-title:hover:after {
+	color: #1d2327;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.widget-top .widget-action:focus .toggle-indicator:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	float: left;
+	left: 20px;
+	top: -2px;
+}
+
+.control-section.open .accordion-section-title:after,
+#customize-info.open .accordion-section-title:after,
+.nav-menus-php .menu-item-edit-active .item-edit:before,
+.widget.open .widget-top .widget-action .toggle-indicator:before,
+.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+/*!
+ * jQuery UI Draggable/Sortable 1.11.4
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+.ui-draggable-handle,
+.ui-sortable-handle {
+	touch-action: none;
+}
+
+/* Accordion */
+.accordion-section {
+	border-bottom: 1px solid #dcdcde;
+	margin: 0;
+}
+
+.accordion-section.open .accordion-section-content,
+.no-js .accordion-section .accordion-section-content {
+	display: block;
+}
+
+.accordion-section.open:hover {
+	border-bottom-color: #dcdcde;
+}
+
+.accordion-section-content {
+	display: none;
+	padding: 10px 20px 15px;
+	overflow: hidden;
+	background: #fff;
+}
+
+.accordion-section-title {
+	margin: 0;
+	padding: 12px 15px 15px;
+	position: relative;
+	border-right: 1px solid #dcdcde;
+	border-left: 1px solid #dcdcde;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.js .accordion-section-title {
+	cursor: pointer;
+}
+
+.js .accordion-section-title:after {
+	position: absolute;
+	top: 12px;
+	left: 10px;
+	z-index: 1;
+}
+
+.accordion-section-title:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.accordion-section-title:hover:after,
+.accordion-section-title:focus:after {
+	border-color: #a7aaad transparent;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.cannot-expand .accordion-section-title {
+	cursor: auto;
+}
+
+.cannot-expand .accordion-section-title:after {
+	display: none;
+}
+
+.control-section .accordion-section-title,
+.customize-pane-child .accordion-section-title {
+	border-right: none;
+	border-left: none;
+	padding: 10px 14px 11px 10px;
+	line-height: 1.55;
+	background: #fff;
+}
+
+.control-section .accordion-section-title:after,
+.customize-pane-child .accordion-section-title:after {
+	top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	color: #1d2327;
+	background: #f6f7f7;
+}
+
+.control-section.open .accordion-section-title {
+	/* When expanded */
+	border-bottom: 1px solid #dcdcde;
+}
+
+/* Edit Site */
+.network-admin .edit-site-actions {
+	margin-top: 0;
+}
+
+/* My Sites */
+.my-sites {
+	display: block;
+	overflow: auto;
+	zoom: 1;
+}
+
+.my-sites li {
+	display: block;
+	padding: 8px 3%;
+	min-height: 130px;
+	margin: 0;
+}
+
+@media only screen and (max-width: 599px) {
+	.my-sites li {
+		min-height: 0;
+	}
+}
+
+@media only screen and (min-width: 600px) {
+	.my-sites.striped li {
+		background-color: #fff;
+		position: relative;
+	}
+	.my-sites.striped li:after {
+		content: "";
+		width: 1px;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		background: #c3c4c7;
+	}
+
+}
+@media only screen and (min-width: 600px) and (max-width: 699px) {
+	.my-sites li{
+		float: right;
+		width: 44%;
+	}
+	.my-sites.striped li {
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(2n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(2n+2):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(4n+1),
+	.my-sites li:nth-of-type(4n+2) {
+		background-color: #f6f7f7;
+	}
+
+}
+
+@media only screen and (min-width: 700px) and (max-width: 1199px) {
+	.my-sites li {
+		float: right;
+		width: 27.333333%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(3n+3):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(6n+1),
+	.my-sites li:nth-of-type(6n+2),
+	.my-sites li:nth-of-type(6n+3) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1399px) {
+	.my-sites li {
+		float: right;
+		width: 21%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(4n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(4n+4):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(8n+1),
+	.my-sites li:nth-of-type(8n+2),
+	.my-sites li:nth-of-type(8n+3),
+	.my-sites li:nth-of-type(8n+4) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1400px) and (max-width: 1599px) {
+	.my-sites li {
+		float: right;
+		width: 16%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(5n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(5n+5):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(10n+1),
+	.my-sites li:nth-of-type(10n+2),
+	.my-sites li:nth-of-type(10n+3),
+	.my-sites li:nth-of-type(10n+4),
+	.my-sites li:nth-of-type(10n+5) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1600px) {
+	.my-sites li {
+		float: right;
+		width: 12.666666%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(6n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(6n+6):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(12n+1),
+	.my-sites li:nth-of-type(12n+2),
+	.my-sites li:nth-of-type(12n+3),
+	.my-sites li:nth-of-type(12n+4),
+	.my-sites li:nth-of-type(12n+5),
+	.my-sites li:nth-of-type(12n+6) {
+		background-color: #f6f7f7;
+	}
+}
+
+.my-sites li a {
+	text-decoration: none;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	/* Back-compat for pre-3.8 */
+	div.star-holder,
+	div.star-holder .star-rating {
+		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;
+		background-size: 21px 37px;
+	}
+
+	.spinner {
+		background-image: url(../images/spinner-2x.gif);
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	html.wp-toolbar {
+		padding-top: 46px;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: -39px;
+	}
+
+	body {
+		min-width: 240px;
+		overflow-x: hidden;
+	}
+
+	body * {
+		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+	}
+
+	#wpcontent {
+		position: relative;
+		margin-right: 0;
+		padding-right: 10px;
+	}
+
+	#wpbody-content {
+		padding-bottom: 100px;
+	}
+
+	.wrap {
+		clear: both;
+		margin-left: 12px;
+		margin-right: 0;
+	}
+
+	/* categories */
+	#col-left,
+	#col-right {
+		float: none;
+		width: auto;
+	}
+
+	#col-left .col-wrap,
+	#col-right .col-wrap {
+		padding: 0;
+	}
+
+	/* Hidden Elements */
+	#collapse-menu,
+	.post-format-select {
+		display: none !important;
+	}
+
+	.wrap h1.wp-heading-inline {
+		margin-bottom: 0.5em;
+	}
+
+	.wrap .add-new-h2, /* deprecated */
+	.wrap .add-new-h2:active, /* deprecated */
+	.wrap .page-title-action,
+	.wrap .page-title-action:active {
+		padding: 10px 15px;
+		font-size: 14px;
+		white-space: nowrap;
+	}
+
+	/* Feedback Messages */
+	.notice,
+	.wrap div.updated,
+	.wrap div.error,
+	.media-upload-form div.error {
+		margin: 20px 0 10px;
+		padding: 5px 10px;
+		font-size: 14px;
+		line-height: 175%;
+	}
+
+	.wp-core-ui .notice.is-dismissible {
+		padding-left: 46px;
+	}
+
+	.notice-dismiss {
+		padding: 13px;
+	}
+
+	.wrap .icon32 + h2 {
+		margin-top: -2px;
+	}
+
+	.wp-responsive-open #wpbody {
+		left: -16em;
+	}
+
+	code {
+		word-wrap: break-word;
+		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
+		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
+	}
+
+	/* General Metabox */
+	.postbox {
+		font-size: 14px;
+	}
+
+	.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+	.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder h2 {
+		padding: 12px;
+	}
+
+	.postbox .handlediv {
+		margin-top: 3px;
+	}
+
+	/* Subsubsub Nav */
+	.subsubsub {
+		font-size: 16px;
+		text-align: center;
+		margin-bottom: 15px;
+	}
+
+	/* Theme/Plugin File Editor */
+
+	#template textarea,
+	#template .CodeMirror {
+		box-sizing: border-box;
+	}
+
+	#templateside {
+		float: none;
+		width: auto;
+	}
+
+	#templateside > ul {
+		border-right: 1px solid #dcdcde;
+	}
+
+	#templateside li {
+		margin: 0;
+	}
+
+	#templateside li:not(.howto) a {
+		display: block;
+		padding: 5px;
+	}
+	#templateside li.howto {
+		padding: 12px;
+	}
+
+	#templateside .highlight {
+		padding: 5px;
+		margin-right: -5px;
+		margin-top: -5px;
+	}
+
+	#template > div,
+	#template .notice {
+		float: none;
+		margin: 1em 0;
+		width: auto;
+	}
+
+	#template .CodeMirror,
+	#template textarea {
+		width: 100%;
+	}
+
+	#templateside ul ul {
+		padding-right: 1.5em;
+	}
+	[role="treeitem"] .folder-label {
+		display: block;
+		padding: 5px;
+	}
+	.tree-folder > li::before,
+	.tree-folder > li::after,
+	.tree-folder .tree-folder::after {
+		right: -8px;
+	}
+	.tree-folder > li::before {
+		top: 0;
+		height: 13px;
+	}
+	.tree-folder > .current-file::before {
+		right: -5px;
+		top: 7px;
+		width: 4px;
+	}
+	.tree-folder > .current-file::after {
+		height: 9px;
+		right: -8px;
+	}
+	.wrap #templateside span.notice {
+		margin-right: -5px;
+		width: 100%;
+	}
+
+	.fileedit-sub .alignright {
+		float: right;
+		margin-top: 15px;
+		width: 100%;
+		text-align: right;
+	}
+
+	.fileedit-sub .alignright label {
+		display: block;
+	}
+
+	.fileedit-sub #theme,
+	.fileedit-sub #plugin {
+		margin-right: 0;
+		max-width: 70%;
+	}
+
+	.fileedit-sub input[type="submit"] {
+		margin-bottom: 0;
+	}
+
+	#documentation label[for="docs-list"] {
+		display: block;
+	}
+
+	#documentation select[name="docs-list"] {
+		margin-right: 0;
+		max-width: 60%;
+	}
+
+	#documentation input[type="button"] {
+		margin-bottom: 0;
+	}
+
+	#wpfooter {
+		display: none;
+	}
+
+	#comments-form .checkforspam {
+		display: none;
+	}
+
+	.edit-comment-author {
+		margin: 2px 0 0;
+	}
+
+	.filter-drawer .filter-group-feature input,
+	.filter-drawer .filter-group-feature label {
+		line-height: 2.1;
+	}
+
+	.filter-drawer .filter-group-feature label {
+		margin-right: 32px;
+	}
+
+	.wp-filter .button.drawer-toggle {
+		font-size: 13px;
+		line-height: 2;
+		height: 28px;
+	}
+
+	/* Fix help tab columns for smaller screens */
+	#screen-meta #contextual-help-wrap {
+		overflow: visible;
+	}
+
+	#screen-meta #contextual-help-back,
+	#screen-meta .contextual-help-sidebar {
+		display: none;
+	}
+
+	#screen-meta .contextual-help-tabs {
+		clear: both;
+		width: 100%;
+		float: none;
+	}
+
+	#screen-meta .contextual-help-tabs ul {
+		margin: 0 0 1em;
+		padding: 1em 0 0;
+	}
+
+	#screen-meta .contextual-help-tabs .active {
+		margin: 0;
+	}
+
+	#screen-meta .contextual-help-tabs-wrap {
+		clear: both;
+		max-width: 100%;
+		float: none;
+	}
+
+	#screen-meta,
+	#screen-meta-links {
+		margin-left: 10px;
+	}
+
+	#screen-meta-links {
+		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		font-size: 1rem;
+	}
+
+	.wp-filter .search-form.search-plugins {
+		/* This element is a flex item. */
+		min-width: 100%;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	/* Disable horizontal scroll when responsive menu is open
+	   since we push the main content off to the right. */
+	#wpwrap.wp-responsive-open {
+		overflow-x: hidden;
+	}
+
+	html.wp-toolbar {
+		padding-top: 0;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: 7px;
+	}
+
+	#wpbody {
+		padding-top: 46px;
+	}
+
+	/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
+	div#post-body.metabox-holder.columns-1 {
+		overflow-x: hidden;
+	}
+
+	h1.nav-tab-wrapper,
+	.wrap h2.nav-tab-wrapper,
+	.nav-tab-wrapper {
+		border-bottom: 0;
+	}
+
+	h1 .nav-tab,
+	h2 .nav-tab,
+	h3 .nav-tab,
+	nav .nav-tab {
+		margin: 10px 0 0 10px;
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.nav-tab-active:hover,
+	.nav-tab-active:focus,
+	.nav-tab-active:focus:active {
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	/* Prevent default center alignment and larger font for the Right Now widget when
+	   the network dashboard is viewed on a small mobile device. */
+	#network_dashboard_right_now .subsubsub {
+		font-size: 14px;
+		text-align: right;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/common.css

@@ -0,0 +1,4126 @@
+/* 2 column liquid layout */
+#wpwrap {
+	height: auto;
+	min-height: 100%;
+	width: 100%;
+	position: relative;
+	-webkit-font-smoothing: subpixel-antialiased;
+}
+
+#wpcontent {
+	height: 100%;
+	padding-left: 20px;
+}
+
+#wpcontent,
+#wpfooter {
+	margin-left: 160px;
+}
+
+.folded #wpcontent,
+.folded #wpfooter {
+	margin-left: 36px;
+}
+
+#wpbody-content {
+	padding-bottom: 65px;
+	float: left;
+	width: 100%;
+	overflow: visible;
+}
+
+/* inner 2 column liquid layout */
+
+.inner-sidebar {
+	float: right;
+	clear: right;
+	display: none;
+	width: 281px;
+	position: relative;
+}
+
+.columns-2 .inner-sidebar {
+	margin-right: auto;
+	width: 286px;
+	display: block;
+}
+
+.inner-sidebar #side-sortables,
+.columns-2 .inner-sidebar #side-sortables {
+	min-height: 300px;
+	width: 280px;
+	padding: 0;
+}
+
+.has-right-sidebar .inner-sidebar {
+	display: block;
+}
+
+.has-right-sidebar #post-body {
+	float: left;
+	clear: left;
+	width: 100%;
+	margin-right: -2000px;
+}
+
+.has-right-sidebar #post-body-content {
+	margin-right: 300px;
+	float: none;
+	width: auto;
+}
+
+/* 2 columns main area */
+
+#col-left {
+	float: left;
+	width: 35%;
+}
+
+#col-right {
+	float: right;
+	width: 65%;
+}
+
+#col-left .col-wrap {
+	padding: 0 6px 0 0;
+}
+
+#col-right .col-wrap {
+	padding: 0 0 0 6px;
+}
+
+/* utility classes */
+.alignleft {
+	float: left;
+}
+
+.alignright {
+	float: right;
+}
+
+.textleft {
+	text-align: left;
+}
+
+.textright {
+	text-align: right;
+}
+
+.clear {
+	clear: both;
+}
+
+/* modern clearfix */
+.wp-clearfix:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span,
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+.button .screen-reader-text {
+	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
+}
+
+.screen-reader-shortcut {
+	position: absolute;
+	top: -1000em;
+}
+
+.screen-reader-shortcut:focus {
+	left: 6px;
+	top: -25px;
+	height: auto;
+	width: auto;
+	display: block;
+	font-size: 14px;
+	font-weight: 600;
+	padding: 15px 23px 14px;
+	background: #f0f0f1;
+	color: #2271b1;
+	z-index: 100000;
+	line-height: normal;
+	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	text-decoration: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.hidden,
+.js .closed .inside,
+.js .hide-if-js,
+.no-js .hide-if-no-js,
+.js.wp-core-ui .hide-if-js,
+.js .wp-core-ui .hide-if-js,
+.no-js.wp-core-ui .hide-if-no-js,
+.no-js .wp-core-ui .hide-if-no-js {
+	display: none;
+}
+
+/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
+.widget-top,
+.menu-item-handle,
+.widget-inside,
+#menu-settings-column .accordion-container,
+#menu-management .menu-edit,
+.manage-menus,
+table.widefat,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.wp-editor-container,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+table.widefat,
+.wp-editor-container,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	background: #fff;
+}
+
+/* general */
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: #f0f0f1;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-size: 13px;
+	line-height: 1.4em;
+	min-width: 600px;
+}
+
+body.iframe {
+	min-width: 0;
+	padding-top: 1px;
+}
+
+body.modal-open {
+	overflow: hidden;
+}
+
+body.mobile.modal-open #wpwrap {
+	overflow: hidden;
+	position: fixed;
+	height: 100%;
+}
+
+iframe,
+img {
+	border: 0;
+}
+
+td {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+}
+
+/* Any change to the default link style must be applied to button-link too. */
+a {
+	color: #2271b1;
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+a,
+div {
+	outline: 0;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus,
+a:focus .media-icon img,
+a:focus .plugin-icon,
+.wp-person a:focus .gravatar {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+		/* Only visible in Windows High Contrast mode */
+		outline: 1px solid transparent;
+}
+
+#adminmenu a:focus {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+.screen-reader-text:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+blockquote,
+q {
+	quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: "";
+	content: none;
+}
+
+p,
+.wp-die-message {
+	font-size: 13px;
+	line-height: 1.5;
+	margin: 1em 0;
+}
+
+blockquote {
+	margin: 1em;
+}
+
+li,
+dd {
+	margin-bottom: 6px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	display: block;
+	font-weight: 600;
+}
+
+h1 {
+	color: #1d2327;
+	font-size: 2em;
+	margin: .67em 0;
+}
+
+h2,
+h3 {
+	color: #1d2327;
+	font-size: 1.3em;
+	margin: 1em 0;
+}
+
+.update-core-php h2 {
+	margin-top: 4em;
+}
+
+.update-php h2,
+.update-messages h2,
+h4 {
+	font-size: 1em;
+	margin: 1.33em 0;
+}
+
+h5 {
+	font-size: 0.83em;
+	margin: 1.67em 0;
+}
+
+h6 {
+	font-size: 0.67em;
+	margin: 2.33em 0;
+}
+
+ul,
+ol {
+	padding: 0;
+}
+
+ul {
+	list-style: none;
+}
+
+ol {
+	list-style-type: decimal;
+	margin-left: 2em;
+}
+
+ul.ul-disc {
+	list-style: disc outside;
+}
+
+ul.ul-square {
+	list-style: square outside;
+}
+
+ol.ol-decimal {
+	list-style: decimal outside;
+}
+
+ul.ul-disc,
+ul.ul-square,
+ol.ol-decimal {
+	margin-left: 1.8em;
+}
+
+ul.ul-disc > li,
+ul.ul-square > li,
+ol.ol-decimal > li {
+	margin: 0 0 0.5em;
+}
+
+/* rtl:ignore */
+.ltr {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+.code,
+code {
+	font-family: Consolas, Monaco, monospace;
+	direction: ltr;
+	unicode-bidi: embed;
+}
+
+kbd,
+code {
+	padding: 3px 5px 2px;
+	margin: 0 1px;
+	background: #f0f0f1;
+	background: rgba(0, 0, 0, 0.07);
+	font-size: 13px;
+}
+
+.subsubsub {
+	list-style: none;
+	margin: 8px 0 0;
+	padding: 0;
+	font-size: 13px;
+	float: left;
+	color: #646970;
+}
+
+.subsubsub a {
+	line-height: 2;
+	padding: .2em;
+	text-decoration: none;
+}
+
+.subsubsub a .count,
+.subsubsub a.current .count {
+	color: #50575e; /* #f1f1f1 background */
+	font-weight: 400;
+}
+
+.subsubsub a.current {
+	font-weight: 600;
+	border: none;
+}
+
+.subsubsub li {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* .widefat - main style for tables */
+.widefat {
+	border-spacing: 0;
+	width: 100%;
+	clear: both;
+	margin: 0;
+}
+
+.widefat * {
+	word-wrap: break-word;
+}
+
+.widefat a,
+.widefat button.button-link {
+	text-decoration: none;
+}
+
+.widefat td,
+.widefat th {
+	padding: 8px 10px;
+}
+
+.widefat thead th,
+.widefat thead td {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.widefat tfoot th,
+.widefat tfoot td {
+	border-top: 1px solid #c3c4c7;
+	border-bottom: none;
+}
+
+.widefat .no-items td {
+	border-bottom-width: 0;
+}
+
+.widefat td {
+	vertical-align: top;
+}
+
+.widefat td,
+.widefat td p,
+.widefat td ol,
+.widefat td ul {
+	font-size: 13px;
+	line-height: 1.5em;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	text-align: left;
+	line-height: 1.3em;
+	font-size: 14px;
+}
+
+.widefat th input,
+.updates-table td input,
+.widefat thead td input,
+.widefat tfoot td input {
+	margin: 0 0 0 8px;
+	padding: 0;
+	vertical-align: text-top;
+}
+
+.widefat .check-column {
+	width: 2.2em;
+	padding: 6px 0 25px;
+	vertical-align: top;
+}
+
+.widefat tbody th.check-column {
+	padding: 9px 0 22px;
+}
+
+.widefat thead td.check-column,
+.widefat tbody th.check-column,
+.updates-table tbody td.check-column,
+.widefat tfoot td.check-column {
+	padding: 11px 0 0 3px;
+}
+
+.widefat thead td.check-column,
+.widefat tfoot td.check-column {
+	padding-top: 4px;
+	vertical-align: middle;
+}
+
+.update-php div.updated,
+.update-php div.error {
+	margin-left: 0;
+}
+
+.no-js .widefat thead .check-column input,
+.no-js .widefat tfoot .check-column input {
+	display: none;
+}
+
+.widefat .num,
+.column-comments,
+.column-links,
+.column-posts {
+	text-align: center;
+}
+
+.widefat th#comments {
+	vertical-align: middle;
+}
+
+.wrap {
+	margin: 10px 20px 0 2px;
+}
+
+.wrap.block-editor-no-js {
+	padding-left: 20px;
+}
+
+.wrap > h2:first-child, /* Back-compat for pre-4.4 */
+.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
+.postbox .inside h2, /* Back-compat for pre-4.4 */
+.wrap h1 {
+	font-size: 23px;
+	font-weight: 400;
+	margin: 0;
+	padding: 9px 0 4px;
+	line-height: 1.3;
+}
+
+.wrap h1.wp-heading-inline {
+	display: inline-block;
+	margin-right: 5px;
+}
+
+.wp-header-end {
+	visibility: hidden;
+	margin: -2px 0 0;
+}
+
+.subtitle {
+	margin: 0;
+	padding-left: 25px;
+	color: #50575e;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1;
+}
+
+.subtitle strong {
+	word-break: break-all;
+}
+
+.wrap .add-new-h2, /* deprecated */
+.wrap .add-new-h2:active, /* deprecated */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+	margin-left: 4px;
+	padding: 4px 8px;
+	position: relative;
+	top: -3px;
+	text-decoration: none;
+	border: 1px solid #2271b1;
+	border-radius: 2px;
+	text-shadow: none;
+	font-weight: 600;
+	font-size: 13px;
+	line-height: normal; /* IE8-IE11 need this for buttons */
+	color: #2271b1; /* use the standard color used for buttons */
+	background: #f6f7f7;
+	cursor: pointer;
+}
+
+.wrap .wp-heading-inline + .page-title-action {
+	margin-left: 0;
+}
+
+.wrap .add-new-h2:hover, /* deprecated */
+.wrap .page-title-action:hover {
+	background: #f0f0f1;
+	border-color: #0a4b78;
+	color: #0a4b78;
+}
+
+/* lower specificity: color needs to be overridden by :hover and :active */
+.page-title-action:focus {
+	color: #0a4b78;
+}
+
+/* Dashicon for language options on General Settings and Profile screens */
+.form-table th label[for="locale"] .dashicons,
+.form-table th label[for="WPLANG"] .dashicons {
+	margin-left: 5px;
+}
+
+.wrap .page-title-action:focus {
+	border-color: #3582c4;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.wrap h1.long-header {
+	padding-right: 0;
+}
+
+.wp-dialog {
+	background-color: #fff;
+}
+
+.widgets-chooser ul,
+#widgets-left .widget-in-question .widget-top,
+#available-widgets .widget-top:hover,
+div#widgets-right .widget-top:hover,
+#widgets-left .widget-top:hover {
+	border-color: #8c8f94;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.sorthelper {
+	background-color: #c5d9ed;
+}
+
+.ac_match,
+.subsubsub a.current {
+	color: #000;
+}
+
+.striped > tbody > :nth-child(odd),
+ul.striped > :nth-child(odd),
+.alternate {
+	background-color: #f6f7f7;
+}
+
+.bar {
+	background-color: #f0f0f1;
+	border-right-color: #4f94d4;
+}
+
+/* Helper classes for plugins to leverage the active WordPress color scheme */
+
+.highlight {
+	background-color: #f0f6fc;
+	color: #3c434a;
+}
+
+.wp-ui-primary {
+	color: #fff;
+	background-color: #2c3338;
+}
+.wp-ui-text-primary {
+	color: #2c3338;
+}
+
+.wp-ui-highlight {
+	color: #fff;
+	background-color: #2271b1;
+}
+.wp-ui-text-highlight {
+	color: #2271b1;
+}
+
+.wp-ui-notification {
+	color: #fff;
+	background-color: #d63638;
+}
+.wp-ui-text-notification {
+	color: #d63638;
+}
+
+.wp-ui-text-icon {
+	color: #8c8f94; /* same as new icons */
+}
+
+/* For emoji replacement images */
+img.emoji {
+	display: inline !important;
+	border: none !important;
+	height: 1em !important;
+	width: 1em !important;
+	margin: 0 .07em !important;
+	vertical-align: -0.1em !important;
+	background: none !important;
+	padding: 0 !important;
+	box-shadow: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Text Styles
+------------------------------------------------------------------------------*/
+
+.widget .widget-top,
+.postbox .hndle,
+.stuffbox .hndle,
+.control-section .accordion-section-title,
+.sidebar-name,
+#nav-menu-header,
+#nav-menu-footer,
+.menu-item-handle,
+.checkbox,
+.side-info,
+#your-profile #rich_editing,
+.widefat thead th,
+.widefat thead td,
+.widefat tfoot th,
+.widefat tfoot td {
+	line-height: 1.4em;
+}
+
+.widget .widget-top,
+.menu-item-handle {
+	background: #f6f7f7;
+	color: #1d2327;
+}
+
+.stuffbox .hndle {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.quicktags {
+	background-color: #c3c4c7;
+	color: #000;
+	font-size: 12px;
+}
+
+.icon32 {
+	display: none;
+}
+
+/* @todo can we combine these into a class or use an existing dashicon one? */
+.welcome-panel .welcome-panel-close:before,
+.tagchecklist .ntdelbutton .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:before,
+.notice-dismiss:before {
+	background: none;
+	color: #787c82;
+	content: "\f153";
+	display: block;
+	font: normal 16px/20px dashicons;
+	speak: never;
+	height: 20px;
+	text-align: center;
+	width: 20px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.welcome-panel .welcome-panel-close:before {
+	margin: 0;
+}
+
+.tagchecklist .ntdelbutton .remove-tag-icon:before {
+	margin-left: 2px;
+	border-radius: 50%;
+	color: #2271b1;
+	/* vertically center the icon cross browsers */
+	line-height: 1.28;
+}
+
+.tagchecklist .ntdelbutton:focus {
+	outline: 0;
+}
+
+.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:hover:before,
+#bulk-titles .ntdelbutton:focus:before {
+	color: #d63638;
+}
+
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.key-labels label {
+	line-height: 24px;
+}
+
+strong, b {
+	font-weight: 600;
+}
+
+.pre {
+	/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
+	white-space: pre-wrap; /* css-3 */
+	word-wrap: break-word; /* IE 5.5 - 7 */
+}
+
+.howto {
+	color: #646970;
+	display: block;
+}
+
+p.install-help {
+	margin: 8px 0;
+	font-style: italic;
+}
+
+.no-break {
+	white-space: nowrap;
+}
+
+hr {
+	border: 0;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #f6f7f7;
+}
+
+.row-actions span.delete a,
+.row-actions span.trash a,
+.row-actions span.spam a,
+.plugins a.delete,
+#all-plugins-table .plugins a.delete,
+#search-plugins-table .plugins a.delete,
+.submitbox .submitdelete,
+#media-items a.delete,
+#media-items a.delete-permanently,
+#nav-menu-footer .menu-delete,
+#delete-link a.delete,
+a#remove-post-thumbnail,
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
+	color: #b32d2e;
+}
+
+abbr.required,
+span.required,
+.file-error,
+.row-actions .delete a:hover,
+.row-actions .trash a:hover,
+.row-actions .spam a:hover,
+.plugins a.delete:hover,
+#all-plugins-table .plugins a.delete:hover,
+#search-plugins-table .plugins a.delete:hover,
+.submitbox .submitdelete:hover,
+#media-items a.delete:hover,
+#media-items a.delete-permanently:hover,
+#nav-menu-footer .menu-delete:hover,
+#delete-link a.delete:hover,
+a#remove-post-thumbnail:hover,
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
+	color: #b32d2e;
+	border: none;
+}
+
+/*------------------------------------------------------------------------------
+  3.0 - Actions
+------------------------------------------------------------------------------*/
+
+#major-publishing-actions {
+	padding: 10px;
+	clear: both;
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#delete-action {
+	float: left;
+	line-height: 2.30769231; /* 30px */
+}
+
+#delete-link {
+	line-height: 2.30769231; /* 30px */
+	vertical-align: middle;
+	text-align: left;
+	margin-left: 8px;
+}
+
+#delete-link a {
+	text-decoration: none;
+}
+
+#publishing-action {
+	text-align: right;
+	float: right;
+	line-height: 1.9;
+}
+
+#publishing-action .spinner {
+	float: none;
+	margin-top: 5px;
+}
+
+#misc-publishing-actions {
+	padding: 6px 0 0;
+}
+
+.misc-pub-section {
+	padding: 6px 10px 8px;
+}
+
+.word-wrap-break-word,
+.misc-pub-filename {
+	word-wrap: break-word;
+}
+
+#minor-publishing-actions {
+	padding: 10px 10px 0;
+	text-align: right;
+}
+
+#save-post {
+	float: left;
+}
+
+.preview {
+	float: right;
+}
+
+#sticky-span {
+	margin-left: 18px;
+}
+
+.approve,
+.unapproved .unapprove {
+	display: none;
+}
+
+.unapproved .approve,
+.spam .approve,
+.trash .approve {
+	display: inline;
+}
+
+td.action-links,
+th.action-links {
+	text-align: right;
+}
+
+#misc-publishing-actions .notice {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+/* Filter bar */
+.wp-filter {
+	display: inline-block;
+	position: relative;
+	box-sizing: border-box;
+	margin: 12px 0 25px;
+	padding: 0 10px;
+	width: 100%;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	border: 1px solid #c3c4c7;
+	background: #fff;
+	color: #50575e;
+	font-size: 13px;
+}
+
+.wp-filter a {
+	text-decoration: none;
+}
+
+.filter-count {
+	display: inline-block;
+	vertical-align: middle;
+	min-width: 4em;
+}
+
+.title-count,
+.filter-count .count {
+	display: inline-block;
+	position: relative;
+	top: -1px;
+	padding: 4px 10px;
+	border-radius: 30px;
+	background: #646970;
+	color: #fff;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+/* not a part of filter bar, but derived from it, so here for now */
+.title-count {
+	display: inline;
+	top: -3px;
+	margin-left: 5px;
+	margin-right: 20px;
+}
+
+.filter-items {
+	float: left;
+}
+
+.filter-links {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li > a {
+	display: inline-block;
+	margin: 0 10px;
+	padding: 15px 0;
+	border-bottom: 4px solid #fff;
+	color: #646970;
+	cursor: pointer;
+}
+
+.filter-links .current {
+	box-shadow: none;
+	border-bottom: 4px solid #646970;
+	color: #1d2327;
+}
+
+.filter-links li > a:hover,
+.filter-links li > a:focus,
+.show-filters .filter-links a.current:hover,
+.show-filters .filter-links a.current:focus {
+	color: #135e96;
+}
+
+.wp-filter .search-form {
+	float: right;
+	margin: 10px 0;
+}
+
+.wp-filter .search-form input[type="search"] {
+	margin: 1px 0;
+	width: 280px;
+	max-width: 100%;
+}
+
+.wp-filter .search-form select {
+	margin: 0;
+}
+
+/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
+.plugin-install-php .wp-filter {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.wp-filter .search-form.search-plugins {
+	/* This element is a flex item: the inherited float won't have any effect. */
+	margin-top: 0;
+}
+
+.wp-filter .search-form.search-plugins select,
+.wp-filter .search-form.search-plugins .wp-filter-search {
+	display: inline-block;
+	margin-top: 10px;
+	vertical-align: top;
+}
+
+.wp-filter .button.drawer-toggle {
+	margin: 10px 9px 0;
+	padding: 0 10px 0 6px;
+	border-color: transparent;
+	background-color: transparent;
+	color: #646970;
+	vertical-align: baseline;
+	box-shadow: none;
+}
+
+.wp-filter .drawer-toggle:before {
+	content: "\f111";
+	margin: 0 5px 0 0;
+	color: #646970;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .drawer-toggle:hover:before,
+.wp-filter .button.drawer-toggle:focus,
+.wp-filter .drawer-toggle:focus:before {
+	background-color: transparent;
+	color: #135e96;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .button.drawer-toggle:focus:active {
+	border-color: transparent;
+}
+
+.wp-filter .button.drawer-toggle:focus {
+	border-color: #4f94d4;
+}
+
+.wp-filter .button.drawer-toggle:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
+}
+
+.wp-filter .drawer-toggle.current:before {
+	color: #fff;
+}
+
+.filter-drawer,
+.wp-filter .favorites-form {
+	display: none;
+	margin: 0 -10px 0 -20px;
+	padding: 20px;
+	border-top: 1px solid #f0f0f1;
+	background: #f6f7f7;
+	overflow: hidden;
+}
+
+.show-filters .filter-drawer,
+.show-favorites-form .favorites-form {
+	display: block;
+}
+
+.show-filters .filter-links a.current {
+	border-bottom: none;
+}
+
+.show-filters .wp-filter .button.drawer-toggle {
+	border-radius: 2px;
+	background: #646970;
+	color: #fff;
+}
+
+.show-filters .wp-filter .drawer-toggle:hover,
+.show-filters .wp-filter .drawer-toggle:focus {
+	background: #2271b1;
+}
+
+.show-filters .wp-filter .drawer-toggle:before {
+	color: #fff;
+}
+
+.filter-group {
+	box-sizing: border-box;
+	position: relative;
+	float: left;
+	margin: 0 1% 0 0;
+	padding: 20px 10px 10px;
+	width: 24%;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+.filter-group legend {
+	position: absolute;
+	top: 10px;
+	display: block;
+	margin: 0;
+	padding: 0;
+	font-size: 1em;
+	font-weight: 600;
+}
+
+.filter-drawer .filter-group-feature {
+	margin: 28px 0 0;
+	list-style-type: none;
+	font-size: 12px;
+}
+
+.filter-drawer .filter-group-feature input,
+.filter-drawer .filter-group-feature label {
+	line-height: 1.4;
+}
+
+.filter-drawer .filter-group-feature input {
+	position: absolute;
+	margin: 0;
+}
+
+.filter-group .filter-group-feature label {
+	display: block;
+	margin: 14px 0 14px 23px;
+}
+
+.filter-drawer .buttons {
+	clear: both;
+	margin-bottom: 20px;
+}
+
+.filter-drawer .filter-group + .buttons {
+	margin-bottom: 0;
+	padding-top: 20px;
+}
+
+.filter-drawer .buttons .button span {
+	display: inline-block;
+	opacity: 0.8;
+	font-size: 12px;
+	text-indent: 10px;
+}
+
+.wp-filter .button.clear-filters {
+	display: none;
+	margin-left: 10px;
+}
+
+.wp-filter .button-link.edit-filters {
+	padding: 0 5px;
+	line-height: 2.2;
+}
+
+.filtered-by {
+	display: none;
+	margin: 0;
+}
+
+.filtered-by > span {
+	font-weight: 600;
+}
+
+.filtered-by a {
+	margin-left: 10px;
+}
+
+.filtered-by .tags {
+	display: inline;
+}
+
+.filtered-by .tag {
+	margin: 0 5px;
+	padding: 4px 8px;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+	font-size: 11px;
+}
+
+.filters-applied .filter-group,
+.filters-applied .filter-drawer .buttons,
+.filters-applied .filter-drawer br {
+	display: none;
+}
+
+.filters-applied .filtered-by {
+	display: block;
+}
+
+.filters-applied .filter-drawer {
+	padding: 20px;
+}
+
+.show-filters .favorites-form,
+.show-filters .content-filterable,
+.show-filters.filters-applied.loading-content .content-filterable,
+.loading-content .content-filterable,
+.error .content-filterable {
+	display: none;
+}
+
+.show-filters.filters-applied .content-filterable {
+	display: block;
+}
+
+.loading-content .spinner {
+	display: block;
+	margin: 40px auto 0;
+	float: none;
+}
+
+@media only screen and (max-width: 1120px) {
+	.filter-drawer {
+		border-bottom: 1px solid #f0f0f1;
+	}
+
+	.filter-group {
+		margin-bottom: 0;
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.filter-group li {
+		margin: 10px 0;
+	}
+}
+
+@media only screen and (max-width: 1000px) {
+	.filter-items {
+		float: none;
+	}
+
+	.wp-filter .media-toolbar-primary,
+	.wp-filter .media-toolbar-secondary,
+	.wp-filter .search-form {
+		float: none; /* Remove float from media-views.css */
+		position: relative;
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 782px) {
+	.filter-group li {
+		padding: 0;
+		width: 50%;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	.filter-count {
+		display: none;
+	}
+
+	.wp-filter .drawer-toggle {
+		margin: 10px 0;
+	}
+
+	.filter-group li,
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+/*------------------------------------------------------------------------------
+  4.0 - Notifications
+------------------------------------------------------------------------------*/
+
+.notice,
+div.updated,
+div.error {
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-left-width: 4px;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	margin: 5px 15px 2px;
+	padding: 1px 12px;
+}
+
+div[class="update-message"] { /* back-compat for pre-4.6 */
+	padding: 0.5em 12px 0.5em 0;
+}
+
+.notice p,
+.notice-title,
+div.updated p,
+div.error p,
+.form-table td .notice p {
+	margin: 0.5em 0;
+	padding: 2px;
+}
+
+.error a {
+	text-decoration: underline;
+}
+
+.updated a {
+	padding-bottom: 2px;
+}
+
+.notice-alt {
+	box-shadow: none;
+}
+
+.notice-large {
+	padding: 10px 20px;
+}
+
+.notice-title {
+	display: inline-block;
+	color: #1d2327;
+	font-size: 18px;
+}
+
+.wp-core-ui .notice.is-dismissible {
+	padding-right: 38px;
+	position: relative;
+}
+
+.notice-dismiss {
+	position: absolute;
+	top: 0;
+	right: 1px;
+	border: none;
+	margin: 0;
+	padding: 9px;
+	background: none;
+	color: #787c82;
+	cursor: pointer;
+}
+
+.notice-dismiss:hover:before,
+.notice-dismiss:active:before,
+.notice-dismiss:focus:before {
+	color: #d63638;
+}
+
+.notice-dismiss:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.notice-success,
+div.updated {
+	border-left-color: #00a32a;
+}
+
+.notice-success.notice-alt {
+	background-color: #edfaef;
+}
+
+.notice-warning {
+	border-left-color: #dba617;
+}
+
+.notice-warning.notice-alt {
+	background-color: #fcf9e8;
+}
+
+.notice-error,
+div.error {
+	border-left-color: #d63638;
+}
+
+.notice-error.notice-alt {
+	background-color: #fcf0f1;
+}
+
+.notice-info {
+	border-left-color: #72aee6;
+}
+
+.notice-info.notice-alt {
+	background-color: #f0f6fc;
+}
+
+.update-message p:before,
+.updating-message p:before,
+.updated-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.wrap .notice,
+.wrap div.updated,
+.wrap div.error,
+.media-upload-form .notice,
+.media-upload-form div.error {
+	margin: 5px 0 15px;
+}
+
+.wrap #templateside .notice {
+	display: block;
+	margin: 0;
+	padding: 5px 8px;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.wrap #templateside span.notice {
+	margin-left: -12px;
+}
+
+#templateside li.notice a {
+	padding: 0;
+}
+
+/* Update icon. */
+.update-message p:before,
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+	color: #d63638;
+	content: "\f463";
+}
+
+/* Spins the update icon. */
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before,
+.plugins .column-auto-updates .dashicons-update.spin,
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	animation: rotation 2s infinite linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.updating-message p:before,
+	.import-php .updating-message:before,
+	.button.updating-message:before,
+	.button.installing:before,
+	.plugins .column-auto-updates .dashicons-update.spin,
+	.theme-overlay .theme-autoupdate .dashicons-update.spin {
+		animation: none;
+	}
+}
+
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	margin-right: 3px;
+}
+
+/* Updated icon (check mark). */
+.updated-message p:before,
+.installed p:before,
+.button.updated-message:before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+/* Error icon. */
+.update-message.notice-error p:before {
+	color: #d63638;
+	content: "\f534";
+}
+
+.wrap .notice p:before,
+.import-php .updating-message:before {
+	margin-right: 6px;
+}
+
+.import-php .updating-message:before {
+	vertical-align: bottom;
+}
+
+#update-nag,
+.update-nag {
+	display: inline-block;
+	line-height: 1.4;
+	padding: 11px 15px;
+	font-size: 14px;
+	margin: 25px 20px 0 2px;
+}
+
+ul#dismissed-updates {
+	display: none;
+}
+
+#dismissed-updates li > p {
+	margin-top: 0;
+}
+
+#dismiss,
+#undismiss {
+	margin-left: 0.5em;
+}
+
+form.upgrade {
+	margin-top: 8px;
+}
+
+form.upgrade .hint {
+	font-style: italic;
+	font-size: 85%;
+	margin: -0.5em 0 2em;
+}
+
+.update-php .spinner {
+	float: none;
+	margin: -4px 0;
+}
+
+h2.wp-current-version {
+	margin-bottom: .3em;
+}
+
+p.update-last-checked {
+	margin-top: 0;
+}
+
+p.auto-update-status {
+	margin-top: 2em;
+	line-height: 1.8;
+}
+
+#ajax-loading,
+.ajax-loading,
+.ajax-feedback,
+.imgedit-wait-spin,
+.list-ajax-loading { /* deprecated */
+	visibility: hidden;
+}
+
+#ajax-response.alignleft {
+	margin-left: 2em;
+}
+
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	margin: 3px 5px 0 -2px;
+}
+
+.button-primary.updating-message:before {
+	color: #fff;
+}
+
+.button-primary.updated-message:before {
+	color: #9ec2e6;
+}
+
+.button.updated-message {
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+@media aural {
+	.wrap .notice p:before,
+	.button.installing:before,
+	.button.installed:before,
+	.update-message p:before {
+		speak: never;
+	}
+}
+
+
+/* @todo: this does not need its own section anymore */
+/*------------------------------------------------------------------------------
+  6.0 - Admin Header
+------------------------------------------------------------------------------*/
+#adminmenu a,
+#taglist a,
+#catlist a {
+	text-decoration: none;
+}
+
+/*------------------------------------------------------------------------------
+  6.1 - Screen Options Tabs
+------------------------------------------------------------------------------*/
+
+#screen-options-wrap,
+#contextual-help-wrap {
+	margin: 0;
+	padding: 8px 20px 12px;
+	position: relative;
+}
+
+#contextual-help-wrap {
+	overflow: auto;
+	margin-left: 0;
+}
+
+#screen-meta-links {
+	float: right;
+	margin: 0 20px 0 0;
+}
+
+/* screen options and help tabs revert */
+#screen-meta {
+	display: none;
+	margin: 0 20px -1px 0;
+	position: relative;
+	background-color: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	box-shadow: 0 0 0 transparent;
+}
+
+#screen-options-link-wrap,
+#contextual-help-link-wrap {
+	float: left;
+	margin: 0 0 0 6px;
+}
+
+#screen-meta-links .screen-meta-toggle {
+	position: relative;
+	top: 0;
+}
+
+#screen-meta-links .show-settings {
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	height: auto;
+	margin-bottom: 0;
+	padding: 3px 6px 3px 16px;
+	background: #fff;
+	border-radius: 0 0 4px 4px;
+	color: #646970;
+	line-height: 1.7;
+	box-shadow: 0 0 0 transparent;
+	transition: box-shadow 0.1s linear;
+}
+
+#screen-meta-links .show-settings:hover,
+#screen-meta-links .show-settings:active,
+#screen-meta-links .show-settings:focus {
+	color: #2c3338;
+}
+
+#screen-meta-links .show-settings:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+#screen-meta-links .show-settings:active {
+	transform: none;
+}
+
+#screen-meta-links .show-settings:after {
+	right: 0;
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 5px 0 0;
+	bottom: 2px;
+	position: relative;
+	vertical-align: bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+#screen-meta-links .screen-meta-active:after {
+	content: "\f142";
+}
+
+/* end screen options and help tabs */
+
+.toggle-arrow {
+	background-repeat: no-repeat;
+	background-position: top left;
+	background-color: transparent;
+	height: 22px;
+	line-height: 22px;
+	display: block;
+}
+
+.toggle-arrow-active {
+	background-position: bottom left;
+}
+
+#screen-options-wrap h5, /* Back-compat for old plugins */
+#screen-options-wrap legend,
+#contextual-help-wrap h5 {
+	margin: 0;
+	padding: 8px 0;
+	font-size: 13px;
+	font-weight: 600;
+}
+
+.metabox-prefs label {
+	display: inline-block;
+	padding-right: 15px;
+	line-height: 2.35;
+}
+
+#number-of-columns {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 30px;
+}
+
+.metabox-prefs input[type=checkbox] {
+	margin-top: 0;
+	margin-right: 6px;
+}
+
+.metabox-prefs label input,
+.metabox-prefs label input[type=checkbox] {
+	margin: -4px 5px 0 0;
+}
+
+.metabox-prefs .columns-prefs label input {
+	margin: -1px 2px 0 0;
+}
+
+.metabox-prefs label a {
+	display: none;
+}
+
+.metabox-prefs .screen-options input,
+.metabox-prefs .screen-options label {
+	margin-top: 0;
+	margin-bottom: 0;
+	vertical-align: middle;
+}
+
+.metabox-prefs .screen-options .screen-per-page {
+	margin-right: 15px;
+	padding-right: 0;
+}
+
+.metabox-prefs .screen-options label {
+	line-height: 2.2;
+	padding-right: 0;
+}
+
+.screen-options + .screen-options {
+	margin-top: 10px;
+}
+
+.metabox-prefs .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+/*------------------------------------------------------------------------------
+  6.2 - Help Menu
+------------------------------------------------------------------------------*/
+
+#contextual-help-wrap {
+	padding: 0;
+}
+
+#contextual-help-columns {
+	position: relative;
+}
+
+#contextual-help-back {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 150px;
+	right: 170px;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	border-bottom: none;
+	background: #f0f6fc;
+}
+
+#contextual-help-wrap.no-sidebar #contextual-help-back {
+	right: 0;
+	border-right-width: 0;
+	border-bottom-right-radius: 2px;
+}
+
+.contextual-help-tabs {
+	float: left;
+	width: 150px;
+	margin: 0;
+}
+
+.contextual-help-tabs ul {
+	margin: 1em 0;
+}
+
+.contextual-help-tabs li {
+	margin-bottom: 0;
+	list-style-type: none;
+	border-style: solid;
+	border-width: 0 0 0 2px;
+	border-color: transparent;
+}
+
+.contextual-help-tabs a {
+	display: block;
+	padding: 5px 5px 5px 12px;
+	line-height: 1.4;
+	text-decoration: none;
+	border: 1px solid transparent;
+	border-right: none;
+	border-left: none;
+}
+
+.contextual-help-tabs a:hover {
+	color: #2c3338;
+}
+
+.contextual-help-tabs .active {
+	padding: 0;
+	margin: 0 -1px 0 0;
+	border-left: 2px solid #72aee6;
+	background: #f0f6fc;
+	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
+}
+
+.contextual-help-tabs .active a {
+	border-color: #c3c4c7;
+	color: #2c3338;
+}
+
+.contextual-help-tabs-wrap {
+	padding: 0 20px;
+	overflow: auto;
+}
+
+.help-tab-content {
+	display: none;
+	margin: 0 22px 12px 0;
+	line-height: 1.6;
+}
+
+.help-tab-content.active {
+	display: block;
+}
+
+.help-tab-content ul li {
+	list-style-type: disc;
+	margin-left: 18px;
+}
+
+.contextual-help-sidebar {
+	width: 150px;
+	float: right;
+	padding: 0 8px 0 12px;
+	overflow: auto;
+}
+
+/*------------------------------------------------------------------------------
+  8.0 - Layout Blocks
+------------------------------------------------------------------------------*/
+
+html.wp-toolbar {
+	padding-top: 32px;
+	box-sizing: border-box;
+	-ms-overflow-style: scrollbar; /* See ticket #48545 */
+}
+
+.widefat th,
+.widefat td {
+	color: #50575e;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	font-weight: 400;
+}
+
+.widefat thead tr th,
+.widefat thead tr td,
+.widefat tfoot tr th,
+.widefat tfoot tr td {
+	color: #2c3338;
+}
+
+.widefat td p {
+	margin: 2px 0 0.8em;
+}
+
+.widefat p,
+.widefat ol,
+.widefat ul {
+	color: #2c3338;
+}
+
+.widefat .column-comment p {
+	margin: 0.6em 0;
+}
+
+.widefat .column-comment ul {
+	list-style: initial;
+	margin-left: 2em;
+}
+
+/* Screens with postboxes */
+.postbox-container {
+	float: left;
+}
+
+.postbox-container .meta-box-sortables {
+	box-sizing: border-box;
+}
+
+#wpbody-content .metabox-holder {
+	padding-top: 10px;
+}
+
+.metabox-holder .postbox-container .meta-box-sortables {
+	/* The jQuery UI Sortables need some initial height to work properly. */
+	min-height: 1px;
+	position: relative;
+}
+
+#post-body-content {
+	width: 100%;
+	min-width: 463px;
+	float: left;
+}
+
+#post-body.columns-2 #postbox-container-1 {
+	float: right;
+	margin-right: -300px;
+	width: 280px;
+}
+
+#post-body.columns-2 #side-sortables {
+	min-height: 250px;
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content .metabox-holder .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+	}
+}
+
+.js .widget .widget-top,
+.js .postbox .hndle {
+	cursor: move;
+}
+
+.js .widget .widget-top.is-non-sortable,
+.js .postbox .hndle.is-non-sortable {
+	cursor: auto;
+}
+
+/* Configurable dashboard widgets "Configure" edit-box link. */
+.hndle a {
+	font-size: 12px;
+	font-weight: 400;
+}
+
+.postbox-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.postbox-header .hndle {
+	flex-grow: 1;
+	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.postbox-header .handle-actions {
+	flex-shrink: 0;
+}
+
+/* Post box order and toggle buttons. */
+.postbox .handle-order-higher,
+.postbox .handle-order-lower,
+.postbox .handlediv {
+	width: 36px;
+	height: 36px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	cursor: pointer;
+}
+
+.postbox .handle-order-higher,
+.postbox .handle-order-lower {
+	color: #787c82;
+	width: 1.62rem;
+}
+
+/* Post box order buttons in the block editor meta boxes area. */
+.edit-post-meta-boxes-area .postbox .handle-order-higher,
+.edit-post-meta-boxes-area .postbox .handle-order-lower {
+	width: 44px;
+	height: 44px;
+	color: #1d2327
+}
+
+.postbox .handle-order-higher[aria-disabled="true"],
+.postbox .handle-order-lower[aria-disabled="true"] {
+	cursor: default;
+	color: #a7aaad;
+}
+
+.sortable-placeholder {
+	border: 1px dashed #c3c4c7;
+	margin-bottom: 20px;
+}
+
+.postbox,
+.stuffbox {
+	margin-bottom: 20px;
+	padding: 0;
+	line-height: 1;
+}
+
+.postbox.closed {
+	border-bottom: 0;
+}
+
+/* user-select is not a part of the CSS standard - may change behavior in the future */
+.postbox .hndle,
+.stuffbox .hndle {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.postbox .inside {
+	padding: 0 12px 12px;
+	line-height: 1.4;
+	font-size: 13px;
+}
+
+.stuffbox .inside {
+	padding: 0;
+	line-height: 1.4;
+	font-size: 13px;
+	margin-top: 0;
+}
+
+.postbox .inside {
+	margin: 11px 0;
+	position: relative;
+}
+
+.postbox .inside > p:last-child,
+.rss-widget ul li:last-child {
+	margin-bottom: 1px !important;
+}
+
+.postbox.closed h3 {
+	border: none;
+	box-shadow: none;
+}
+
+.postbox table.form-table {
+	margin-bottom: 0;
+}
+
+.postbox table.widefat {
+	box-shadow: none;
+}
+
+.temp-border {
+	border: 1px dotted #c3c4c7;
+}
+
+.columns-prefs label {
+	padding: 0 10px 0 0;
+}
+
+/* @todo: what is this doing here */
+#dashboard_right_now .versions .b,
+#post-status-display,
+#post-visibility-display,
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+.media-item .percent,
+.plugins .name,
+#pass-strength-result.strong,
+#pass-strength-result.short,
+#ed_reply_toolbar #ed_reply_strong,
+.item-controls .item-order a,
+.feature-filter .feature-name,
+#comment-status-display {
+	font-weight: 600;
+}
+
+/*------------------------------------------------------------------------------
+  21.0 - Admin Footer
+------------------------------------------------------------------------------*/
+
+#wpfooter {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding: 10px 20px;
+	color: #50575e;
+}
+
+#wpfooter p {
+	font-size: 13px;
+	margin: 0;
+	line-height: 1.55;
+}
+
+#footer-thankyou {
+	font-style: italic;
+}
+
+/*------------------------------------------------------------------------------
+  25.0 - Tabbed Admin Screen Interface (Experimental)
+------------------------------------------------------------------------------*/
+
+.nav-tab {
+	float: left;
+	border: 1px solid #c3c4c7;
+	border-bottom: none;
+	margin-left: 0.5em; /* half the font size so set the font size properly */
+	padding: 5px 10px;
+	font-size: 14px;
+	line-height: 1.71428571;
+	font-weight: 600;
+	background: #dcdcde;
+	color: #50575e;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+h3 .nav-tab, /* Back-compat for pre-4.4 */
+.nav-tab-small .nav-tab {
+	padding: 5px 14px;
+	font-size: 12px;
+	line-height: 1.33;
+}
+
+.nav-tab:hover,
+.nav-tab:focus {
+	background-color: #fff;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab:focus:active {
+	box-shadow: none;
+}
+
+.nav-tab-active {
+	margin-bottom: -1px;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab-active:hover,
+.nav-tab-active:focus,
+.nav-tab-active:focus:active {
+	border-bottom: 1px solid #f0f0f1;
+	background: #f0f0f1;
+	color: #000;
+}
+
+h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
+.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
+.nav-tab-wrapper {
+	border-bottom: 1px solid #c3c4c7;
+	margin: 0;
+	padding-top: 9px;
+	padding-bottom: 0;
+	line-height: inherit;
+}
+
+/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
+.nav-tab-wrapper:not(.wp-clearfix):after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/*------------------------------------------------------------------------------
+  26.0 - Misc
+------------------------------------------------------------------------------*/
+
+.spinner {
+	background: url(../images/spinner.gif) no-repeat;
+	background-size: 20px 20px;
+	display: inline-block;
+	visibility: hidden;
+	float: right;
+	vertical-align: middle;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	width: 20px;
+	height: 20px;
+	margin: 4px 10px 0;
+}
+
+.spinner.is-active,
+.loading-content .spinner {
+	visibility: visible;
+}
+
+#template > div {
+	margin-right: 16em;
+}
+#template .notice {
+	margin-top: 1em;
+	margin-right: 3%;
+}
+#template .notice p {
+	width: auto;
+}
+#template .submit .spinner {
+	float: none;
+}
+
+.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+.metabox-holder h2.hndle {
+	font-size: 14px;
+	padding: 8px 12px;
+	margin: 0;
+	line-height: 1.4;
+}
+
+/* Back-compat for nav-menus screen */
+.nav-menus-php .metabox-holder h3 {
+	padding: 10px 10px 11px 14px;
+	line-height: 1.5;
+}
+
+#templateside ul li a {
+	text-decoration: none;
+}
+
+.plugin-install #description,
+.plugin-install-network #description {
+	width: 60%;
+}
+
+table .vers,
+table .column-visible,
+table .column-rating {
+	text-align: left;
+}
+
+.attention,
+.error-message {
+	color: #d63638;
+	font-weight: 600;
+}
+
+/* Scrollbar fix for bulk upgrade iframe */
+body.iframe {
+	height: 98%;
+}
+
+/* Upgrader styles, Specific to Language Packs */
+.lp-show-latest p {
+	display: none;
+}
+.lp-show-latest p:last-child,
+.lp-show-latest .lp-error p {
+	display: block;
+}
+
+/* - Only used once or twice in all of WP - deprecate for global style
+------------------------------------------------------------------------------*/
+.media-icon {
+	width: 62px; /* icon + border */
+	text-align: center;
+}
+
+.media-icon img {
+	border: 1px solid #dcdcde;
+	border: 1px solid rgba(0, 0, 0, 0.07);
+}
+
+#howto {
+	font-size: 11px;
+	margin: 0 5px;
+	display: block;
+}
+
+.importers {
+	font-size: 16px;
+	width: auto;
+}
+
+.importers td {
+	padding-right: 14px;
+	line-height: 1.4;
+}
+
+.importers .import-system {
+	max-width: 250px;
+}
+
+.importers td.desc {
+	max-width: 500px;
+}
+
+.importer-title,
+.importer-desc,
+.importer-action {
+	display: block;
+}
+
+.importer-title {
+	color: #000;
+	font-size: 14px;
+	font-weight: 400;
+	margin-bottom: .2em;
+}
+
+.importer-action {
+	line-height: 1.55; /* Same as with .updating-message */
+	color: #50575e;
+	margin-bottom: 1em;
+}
+
+#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
+#post-body #post-body-content #namediv h2 {
+	margin-top: 0;
+}
+
+.edit-comment-author {
+	color: #1d2327;
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#namediv h3 label, /* Back-compat for pre-4.4 */
+#namediv h2 label {
+	vertical-align: baseline;
+}
+
+#namediv table {
+	width: 100%;
+}
+
+#namediv td.first {
+	width: 10px;
+	white-space: nowrap;
+}
+
+#namediv input {
+	width: 100%;
+}
+
+#namediv p {
+	margin: 10px 0;
+}
+
+/* - Used - but could/should be deprecated with a CSS reset
+------------------------------------------------------------------------------*/
+.zerosize {
+	height: 0;
+	width: 0;
+	margin: 0;
+	border: 0;
+	padding: 0;
+	overflow: hidden;
+	position: absolute;
+}
+
+br.clear {
+	height: 2px;
+	line-height: 0.15;
+}
+
+.checkbox {
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+.post-categories {
+	display: inline;
+	margin: 0;
+	padding: 0;
+}
+
+.post-categories li {
+	display: inline;
+}
+
+/* Star Ratings - Back-compat for pre-3.8 */
+div.star-holder {
+	position: relative;
+	height: 17px;
+	width: 100px;
+	background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
+}
+
+div.star-holder .star-rating {
+	background: url(../images/stars.png?ver=20121108) repeat-x top left;
+	height: 17px;
+	float: left;
+}
+
+/* Star Ratings */
+.star-rating {
+	white-space: nowrap;
+}
+.star-rating .star {
+	display: inline-block;
+	width: 20px;
+	height: 20px;
+	-webkit-font-smoothing: antialiased;
+	font-size: 20px;
+	line-height: 1;
+	font-family: dashicons;
+	text-decoration: inherit;
+	font-weight: 400;
+	font-style: normal;
+	vertical-align: top;
+	transition: color .1s ease-in;
+	text-align: center;
+	color: #dba617;
+}
+
+.star-rating .star-full:before {
+	content: "\f155";
+}
+
+.star-rating .star-half:before {
+	content: "\f459";
+}
+
+.rtl .star-rating .star-half {
+	transform: rotateY(180deg);
+}
+
+.star-rating .star-empty:before {
+	content: "\f154";
+}
+
+div.action-links {
+	font-weight: 400;
+	margin: 6px 0 0;
+}
+
+/* Plugin install thickbox */
+#plugin-information {
+	background: #fff;
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	height: 100%;
+	padding: 0;
+}
+
+#plugin-information-scrollable {
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 100%;
+}
+
+#plugin-information-title {
+	padding: 0 26px;
+	background: #f6f7f7;
+	font-size: 22px;
+	font-weight: 600;
+	line-height: 2.4;
+	position: relative;
+	height: 56px;
+}
+
+#plugin-information-title.with-banner {
+	margin-right: 0;
+	height: 250px;
+	background-size: cover;
+}
+
+#plugin-information-title h2 {
+	font-size: 1em;
+	font-weight: 600;
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+#plugin-information-title.with-banner h2 {
+	position: relative;
+	font-family: "Helvetica Neue", sans-serif;
+	display: inline-block;
+	font-size: 30px;
+	line-height: 1.68;
+	box-sizing: border-box;
+	max-width: 100%;
+	padding: 0 15px;
+	margin-top: 174px;
+	color: #fff;
+	background: rgba(29, 35, 39, 0.9);
+	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+	box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+	border-radius: 8px;
+}
+
+#plugin-information-title div.vignette {
+	display: none;
+}
+
+#plugin-information-title.with-banner div.vignette {
+	position: absolute;
+	display: block;
+	top: 0;
+	left: 0;
+	height: 250px;
+	width: 100%;
+	background: transparent;
+	box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#plugin-information-tabs {
+	padding: 0 16px;
+	position: relative;
+	right: 0;
+	left: 0;
+	min-height: 36px;
+	font-size: 0;
+	z-index: 1;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#plugin-information-tabs a {
+	position: relative;
+	display: inline-block;
+	padding: 9px 10px;
+	margin: 0;
+	height: 18px;
+	line-height: 1.3;
+	font-size: 14px;
+	text-decoration: none;
+	transition: none;
+}
+
+#plugin-information-tabs a.current {
+	margin: 0 -1px -1px;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #fff;
+	padding-top: 8px;
+	color: #2c3338;
+}
+
+#plugin-information-tabs.with-banner a.current {
+	border-top: none;
+	padding-top: 9px;
+}
+
+#plugin-information-tabs a:active,
+#plugin-information-tabs a:focus {
+	outline: none;
+}
+
+#plugin-information-content {
+	overflow: hidden; /* equal height column trick */
+	background: #fff;
+	position: relative;
+	top: 0;
+	right: 0;
+	left: 0;
+	min-height: 100%;
+	/* Height of title + tabs + install now */
+	min-height: calc( 100% - 152px );
+}
+
+#plugin-information-content.with-banner {
+	/* Height of banner + tabs + install now */
+	min-height: calc( 100% - 346px );
+}
+
+#section-holder {
+	position: relative;
+	top: 0;
+	right: 250px;
+	bottom: 0;
+	left: 0;
+	margin-top: 10px;
+	margin-right: 250px; /* FYI box */
+	padding: 10px 26px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+}
+
+#section-holder .notice {
+	margin: 5px 0 15px;
+}
+
+#section-holder .updated {
+	margin: 16px 0;
+}
+
+#plugin-information .fyi {
+	float: right;
+	position: relative;
+	top: 0;
+	right: 0;
+	padding: 16px 16px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+	width: 217px;
+	border-left: 1px solid #dcdcde;
+	background: #f6f7f7;
+	color: #646970;
+}
+
+#plugin-information .fyi strong {
+	color: #3c434a;
+}
+
+#plugin-information .fyi h3 {
+	font-weight: 600;
+	text-transform: uppercase;
+	font-size: 12px;
+	color: #646970;
+	margin: 24px 0 8px;
+}
+
+#plugin-information .fyi h2 {
+	font-size: 0.9em;
+	margin-bottom: 0;
+	margin-right: 0;
+}
+
+#plugin-information .fyi ul {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+
+#plugin-information .fyi li {
+	margin: 0 0 10px;
+}
+
+#plugin-information .fyi-description {
+	margin-top: 0;
+}
+
+#plugin-information .counter-container {
+	margin: 3px 0;
+}
+
+#plugin-information .counter-label {
+	float: left;
+	margin-right: 5px;
+	min-width: 55px;
+}
+
+#plugin-information .counter-back {
+	height: 17px;
+	width: 92px;
+	background-color: #dcdcde;
+	float: left;
+}
+
+#plugin-information .counter-bar {
+	height: 17px;
+	background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
+	float: left;
+}
+
+#plugin-information .counter-count {
+	margin-left: 5px;
+}
+
+#plugin-information .fyi ul.contributors {
+	margin-top: 10px;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-right: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-right: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li img {
+	vertical-align: middle;
+	margin-right: 4px;
+}
+
+#plugin-information-footer {
+	padding: 13px 16px;
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	height: 40px; /* actual height: 40+13+13+1=67 */
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+/* rtl:ignore */
+#plugin-information .section {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+#plugin-information .section ul,
+#plugin-information .section ol {
+	list-style-type: disc;
+	margin-left: 24px;
+}
+
+#plugin-information .section,
+#plugin-information .section p {
+	font-size: 14px;
+	line-height: 1.7;
+}
+
+#plugin-information #section-screenshots ol {
+	list-style: none;
+	margin: 0;
+}
+
+#plugin-information #section-screenshots li img {
+	vertical-align: text-top;
+	margin-top: 16px;
+	max-width: 100%;
+	width: auto;
+	height: auto;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+/* rtl:ignore */
+#plugin-information #section-screenshots li p {
+	font-style: italic;
+	padding-left: 20px;
+}
+
+#plugin-information pre {
+	padding: 7px;
+	overflow: auto;
+	border: 1px solid #c3c4c7;
+}
+
+#plugin-information blockquote {
+	border-left: 2px solid #dcdcde;
+	color: #646970;
+	font-style: italic;
+	margin: 1em 0;
+	padding: 0 0 0 1em;
+}
+
+/* rtl:ignore */
+#plugin-information .review {
+	overflow: hidden; /* clearfix */
+	width: 100%;
+	margin-bottom: 20px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+#plugin-information .review-title-section {
+	overflow: hidden; /* clearfix */
+}
+
+/* rtl:ignore */
+#plugin-information .review-title-section h4 {
+	display: inline-block;
+	float: left;
+	margin: 0 6px 0 0;
+}
+
+#plugin-information .reviewer-info p {
+	clear: both;
+	margin: 0;
+	padding-top: 2px;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .avatar {
+	float: left;
+	margin: 4px 6px 0 0;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .star-rating {
+	float: left;
+}
+
+/* rtl:ignore */
+#plugin-information .review-meta {
+	float: left;
+	margin-left: 0.75em;
+}
+
+/* rtl:ignore */
+#plugin-information .review-body {
+	float: left;
+	width: 100%;
+}
+
+.plugin-version-author-uri {
+	font-size: 13px;
+}
+
+/* For non-js plugin installation screen ticket #36430. */
+.update-php .button.button-primary {
+	margin-right: 1em;
+}
+
+@media screen and (max-width: 771px) {
+	#plugin-information-title.with-banner {
+		height: 100px;
+	}
+
+	#plugin-information-title.with-banner h2 {
+		margin-top: 30px;
+		font-size: 20px;
+		line-height: 2;
+		max-width: 85%;
+	}
+
+	#plugin-information-title.with-banner div.vignette {
+		height: 100px;
+	}
+
+	#plugin-information-tabs {
+		overflow: hidden; /* clearfix */
+		padding: 0;
+		height: auto; /* let tabs wrap */
+	}
+
+	#plugin-information-tabs a.current {
+		margin-bottom: 0;
+		border-bottom: none;
+	}
+
+	#plugin-information .fyi {
+		float: none;
+		border: 1px solid #dcdcde;
+		position: static;
+		width: auto;
+		margin: 26px 26px 0;
+		padding-bottom: 0; /* reset from the two column height fix */
+	}
+
+	#section-holder {
+		position: static;
+		margin: 0;
+		padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
+	}
+
+	#plugin-information .fyi h3,
+	#plugin-information .fyi small {
+		display: none;
+	}
+
+	#plugin-information-footer {
+		padding: 12px 16px 0;
+		height: 46px;
+	}
+}
+
+/* Thickbox for the Plugin details modal. */
+#TB_window.plugin-details-modal {
+	background: #fff;
+}
+
+#TB_window.plugin-details-modal.thickbox-loading:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	z-index: -1;
+	margin: -10px 0 0 -10px;
+	background: #fff url(../images/spinner.gif) no-repeat center;
+	background-size: 20px 20px;
+	transform: translateZ(0);
+}
+
+@media print,
+	(-webkit-min-device-pixel-ratio: 1.25),
+	(min-resolution: 120dpi) {
+
+	#TB_window.plugin-details-modal.thickbox-loading:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+.plugin-details-modal #TB_title {
+	float: left;
+	height: 1px;
+}
+
+.plugin-details-modal #TB_ajaxWindowTitle {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton {
+	left: auto;
+	right: -30px;
+	color: #f0f0f1;
+}
+
+.plugin-details-modal #TB_closeWindowButton:hover,
+.plugin-details-modal #TB_closeWindowButton:focus {
+	color: #135e96;
+	outline: none;
+	box-shadow: none;
+}
+
+.plugin-details-modal .tb-close-icon {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton:after {
+	content: "\f335";
+	font: normal 32px/29px 'dashicons';
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* move plugin install close icon to top on narrow screens */
+@media screen and (max-width: 830px) {
+	.plugin-details-modal #TB_closeWindowButton {
+		right: 0;
+		top: -30px;
+	}
+}
+
+/* @todo: move this. */
+img {
+	border: none;
+}
+
+/* Metabox collapse arrow indicators */
+.sidebar-name .toggle-indicator::before,
+.meta-box-sortables .postbox .toggle-indicator::before,
+.meta-box-sortables .postbox .order-higher-indicator::before,
+.meta-box-sortables .postbox .order-lower-indicator::before,
+.bulk-action-notice .toggle-indicator::before,
+.privacy-text-box .toggle-indicator::before {
+	content: "\f142";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.js .widgets-holder-wrap.closed .toggle-indicator::before,
+.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
+.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
+.privacy-text-box.closed .toggle-indicator::before {
+	content: "\f140";
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before {
+	content: "\f343";
+	color: inherit;
+}
+
+.postbox .handle-order-lower .order-lower-indicator::before {
+	content: "\f347";
+	color: inherit;
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before,
+.postbox .handle-order-lower .order-lower-indicator::before {
+	position: relative;
+    top: 0.11rem;
+	width: 20px;
+	height: 20px;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	width: 20px;
+	border-radius: 50%;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	position: relative;
+	top: 0.05rem;
+	text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.rtl .postbox .handlediv .toggle-indicator::before {
+	text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.bulk-action-notice .toggle-indicator::before {
+	line-height: 16px;
+	vertical-align: top;
+	color: #787c82;
+}
+
+.postbox .handle-order-higher:focus,
+.postbox .handle-order-lower:focus,
+.postbox .handlediv:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.postbox .handle-order-higher:focus .order-higher-indicator::before,
+.postbox .handle-order-lower:focus .order-lower-indicator::before,
+.postbox .handlediv:focus .toggle-indicator::before {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+/* @todo: appears to be Press This only and overridden */
+#photo-add-url-div input[type="text"] {
+	width: 300px;
+}
+
+/* Theme/Plugin file editor */
+.alignleft h2 {
+	margin: 0;
+}
+
+#template textarea {
+	font-family: Consolas, Monaco, monospace;
+	font-size: 13px;
+	background: #f6f7f7;
+	-o-tab-size: 4;
+	tab-size: 4;
+}
+
+#template textarea,
+#template .CodeMirror {
+	width: 100%;
+	min-height: 60vh;
+	height: calc( 100vh - 295px );
+	border: 1px solid #dcdcde;
+	box-sizing: border-box;
+}
+
+#templateside > h2 {
+	padding-top: 6px;
+	padding-bottom: 7px;
+	margin: 0;
+}
+
+#templateside ol,
+#templateside ul {
+	margin: 0;
+	padding: 0;
+}
+#templateside > ul {
+	box-sizing: border-box;
+	margin-top: 0;
+	overflow: auto;
+	padding: 0;
+	min-height: 60vh;
+	height: calc(100vh - 295px);
+	background-color: #f6f7f7;
+	border: 1px solid #dcdcde;
+	border-left: none;
+}
+#templateside ul ul {
+	padding-left: 12px;
+}
+#templateside > ul > li > ul[role=group] {
+	padding-left: 0;
+}
+
+/*
+ * Styles for Theme and Plugin file editors.
+ */
+
+/* Hide collapsed items. */
+[role="treeitem"][aria-expanded="false"] > ul {
+	display: none;
+}
+
+/* Use arrow dashicons for folder states, but hide from screen readers. */
+[role="treeitem"] span[aria-hidden] {
+	display: inline;
+	font-family: dashicons;
+	font-size: 20px;
+	position: absolute;
+	pointer-events: none;
+}
+[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
+	content: "\f139";
+}
+[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
+	content: "\f140";
+}
+[role="treeitem"] .folder-label {
+	display: block;
+	padding: 3px 3px 3px 12px;
+	cursor: pointer;
+}
+
+/* Remove outline, and create our own focus and hover styles */
+[role="treeitem"] {
+	outline: 0;
+}
+[role="treeitem"] .folder-label.focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+[role="treeitem"].hover,
+[role="treeitem"] .folder-label.hover {
+	background-color: #f0f0f1;
+}
+
+.tree-folder {
+	margin: 0;
+	position: relative;
+}
+[role="treeitem"] li {
+	position: relative;
+}
+
+/* Styles for folder indicators/depth */
+.tree-folder .tree-folder::after {
+	content: "";
+	display: block;
+	position: absolute;
+	left: 2px;
+	border-left: 1px solid #c3c4c7;
+	top: -13px;
+	bottom: 10px;
+}
+.tree-folder > li::before {
+	content: "";
+	position: absolute;
+	display: block;
+	border-left: 1px solid #c3c4c7;
+	left: 2px;
+	top: -5px;
+	height: 18px;
+	width: 7px;
+	border-bottom: 1px solid #c3c4c7;
+}
+.tree-folder > li::after {
+	content: "";
+	position: absolute;
+	display: block;
+	border-left: 1px solid #c3c4c7;
+	left: 2px;
+	bottom: -7px;
+	top: 0;
+}
+
+/* current-file needs to adjustment for .notice styles */
+#templateside .current-file {
+	margin: -4px 0 -2px;
+}
+.tree-folder > .current-file::before {
+	left: 4px;
+	height: 15px;
+	width: 0;
+	border-left: none;
+	top: 3px;
+}
+.tree-folder > .current-file::after {
+	bottom: -4px;
+	height: 7px;
+	left: 2px;
+	top: auto;
+}
+
+/* Lines shouldn't continue on last item */
+.tree-folder > li:last-child::after,
+.tree-folder li:last-child > .tree-folder::after {
+	display: none;
+}
+
+#theme-plugin-editor-selector,
+#theme-plugin-editor-label,
+#documentation label {
+	font-weight: 600;
+}
+
+#theme-plugin-editor-label {
+	display: inline-block;
+	margin-bottom: 1em;
+}
+
+/* rtl:ignore */
+#template textarea,
+#docs-list {
+	direction: ltr;
+}
+
+.fileedit-sub #theme,
+.fileedit-sub #plugin {
+	max-width: 40%;
+}
+.fileedit-sub .alignright {
+	text-align: right;
+}
+
+#template p {
+	width: 97%;
+}
+
+#file-editor-linting-error {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+#file-editor-linting-error > .notice {
+	margin: 0;
+	display: inline-block;
+}
+#file-editor-linting-error > .notice > p {
+	width: auto;
+}
+#template .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+#template .submit input[type=submit][disabled] {
+	cursor: not-allowed;
+}
+#templateside {
+	float: right;
+	width: 16em;
+	word-wrap: break-word;
+}
+
+#postcustomstuff p.submit {
+	margin: 0;
+}
+
+#templateside h4 {
+	margin: 1em 0 0;
+}
+
+#templateside li {
+	margin: 4px 0;
+}
+
+#templateside li:not(.howto) a,
+.theme-editor-php .highlight {
+	display: block;
+	padding: 3px 0 3px 12px;
+	text-decoration: none;
+}
+
+#templateside li:not(.howto) > a:first-of-type {
+	padding-top: 0;
+}
+
+#templateside li.howto {
+	padding: 6px 12px 12px;
+}
+
+.theme-editor-php .highlight {
+	margin: -3px 3px -3px -12px;
+}
+
+#templateside .highlight {
+	border: none;
+	font-weight: 600;
+}
+
+.nonessential {
+	color: #646970;
+	font-size: 11px;
+	font-style: italic;
+	padding-left: 12px;
+}
+
+#documentation {
+	margin-top: 10px;
+}
+
+#documentation label {
+	line-height: 1.8;
+	vertical-align: baseline;
+}
+
+.fileedit-sub {
+	padding: 10px 0 8px;
+	line-height: 180%;
+}
+
+#file-editor-warning .file-editor-warning-content {
+	margin: 25px;
+}
+
+/* @todo: can we use a common class for these? */
+.nav-menus-php .item-edit:before,
+.widget-top .widget-action .toggle-indicator:before,
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.widget-top .widget-action .toggle-indicator:before {
+	padding: 1px 2px 1px 0;
+	border-radius: 50%;
+}
+
+.handlediv,
+.postbox .handlediv.button-link,
+.item-edit,
+.toggle-indicator,
+.accordion-section-title:after {
+	color: #787c82;
+}
+
+.widget-action {
+	color: #50575e; /* #fafafa background in the Widgets screen */
+}
+
+.widget-top:hover .widget-action,
+.widget-action:focus,
+.handlediv:hover,
+.handlediv:focus,
+.postbox .handlediv.button-link:hover,
+.postbox .handlediv.button-link:focus,
+.item-edit:hover,
+.item-edit:focus,
+.sidebar-name:hover .toggle-indicator,
+.accordion-section-title:hover:after {
+	color: #1d2327;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.widget-top .widget-action:focus .toggle-indicator:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	float: right;
+	right: 20px;
+	top: -2px;
+}
+
+.control-section.open .accordion-section-title:after,
+#customize-info.open .accordion-section-title:after,
+.nav-menus-php .menu-item-edit-active .item-edit:before,
+.widget.open .widget-top .widget-action .toggle-indicator:before,
+.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+/*!
+ * jQuery UI Draggable/Sortable 1.11.4
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+.ui-draggable-handle,
+.ui-sortable-handle {
+	touch-action: none;
+}
+
+/* Accordion */
+.accordion-section {
+	border-bottom: 1px solid #dcdcde;
+	margin: 0;
+}
+
+.accordion-section.open .accordion-section-content,
+.no-js .accordion-section .accordion-section-content {
+	display: block;
+}
+
+.accordion-section.open:hover {
+	border-bottom-color: #dcdcde;
+}
+
+.accordion-section-content {
+	display: none;
+	padding: 10px 20px 15px;
+	overflow: hidden;
+	background: #fff;
+}
+
+.accordion-section-title {
+	margin: 0;
+	padding: 12px 15px 15px;
+	position: relative;
+	border-left: 1px solid #dcdcde;
+	border-right: 1px solid #dcdcde;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.js .accordion-section-title {
+	cursor: pointer;
+}
+
+.js .accordion-section-title:after {
+	position: absolute;
+	top: 12px;
+	right: 10px;
+	z-index: 1;
+}
+
+.accordion-section-title:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.accordion-section-title:hover:after,
+.accordion-section-title:focus:after {
+	border-color: #a7aaad transparent;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.cannot-expand .accordion-section-title {
+	cursor: auto;
+}
+
+.cannot-expand .accordion-section-title:after {
+	display: none;
+}
+
+.control-section .accordion-section-title,
+.customize-pane-child .accordion-section-title {
+	border-left: none;
+	border-right: none;
+	padding: 10px 10px 11px 14px;
+	line-height: 1.55;
+	background: #fff;
+}
+
+.control-section .accordion-section-title:after,
+.customize-pane-child .accordion-section-title:after {
+	top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	color: #1d2327;
+	background: #f6f7f7;
+}
+
+.control-section.open .accordion-section-title {
+	/* When expanded */
+	border-bottom: 1px solid #dcdcde;
+}
+
+/* Edit Site */
+.network-admin .edit-site-actions {
+	margin-top: 0;
+}
+
+/* My Sites */
+.my-sites {
+	display: block;
+	overflow: auto;
+	zoom: 1;
+}
+
+.my-sites li {
+	display: block;
+	padding: 8px 3%;
+	min-height: 130px;
+	margin: 0;
+}
+
+@media only screen and (max-width: 599px) {
+	.my-sites li {
+		min-height: 0;
+	}
+}
+
+@media only screen and (min-width: 600px) {
+	.my-sites.striped li {
+		background-color: #fff;
+		position: relative;
+	}
+	.my-sites.striped li:after {
+		content: "";
+		width: 1px;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		right: 0;
+		background: #c3c4c7;
+	}
+
+}
+@media only screen and (min-width: 600px) and (max-width: 699px) {
+	.my-sites li{
+		float: left;
+		width: 44%;
+	}
+	.my-sites.striped li {
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(2n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(2n+2):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(4n+1),
+	.my-sites li:nth-of-type(4n+2) {
+		background-color: #f6f7f7;
+	}
+
+}
+
+@media only screen and (min-width: 700px) and (max-width: 1199px) {
+	.my-sites li {
+		float: left;
+		width: 27.333333%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(3n+3):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(6n+1),
+	.my-sites li:nth-of-type(6n+2),
+	.my-sites li:nth-of-type(6n+3) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1399px) {
+	.my-sites li {
+		float: left;
+		width: 21%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(4n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(4n+4):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(8n+1),
+	.my-sites li:nth-of-type(8n+2),
+	.my-sites li:nth-of-type(8n+3),
+	.my-sites li:nth-of-type(8n+4) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1400px) and (max-width: 1599px) {
+	.my-sites li {
+		float: left;
+		width: 16%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(5n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(5n+5):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(10n+1),
+	.my-sites li:nth-of-type(10n+2),
+	.my-sites li:nth-of-type(10n+3),
+	.my-sites li:nth-of-type(10n+4),
+	.my-sites li:nth-of-type(10n+5) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1600px) {
+	.my-sites li {
+		float: left;
+		width: 12.666666%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(6n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(6n+6):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(12n+1),
+	.my-sites li:nth-of-type(12n+2),
+	.my-sites li:nth-of-type(12n+3),
+	.my-sites li:nth-of-type(12n+4),
+	.my-sites li:nth-of-type(12n+5),
+	.my-sites li:nth-of-type(12n+6) {
+		background-color: #f6f7f7;
+	}
+}
+
+.my-sites li a {
+	text-decoration: none;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	/* Back-compat for pre-3.8 */
+	div.star-holder,
+	div.star-holder .star-rating {
+		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
+		background-size: 21px 37px;
+	}
+
+	.spinner {
+		background-image: url(../images/spinner-2x.gif);
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	html.wp-toolbar {
+		padding-top: 46px;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: -39px;
+	}
+
+	body {
+		min-width: 240px;
+		overflow-x: hidden;
+	}
+
+	body * {
+		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+	}
+
+	#wpcontent {
+		position: relative;
+		margin-left: 0;
+		padding-left: 10px;
+	}
+
+	#wpbody-content {
+		padding-bottom: 100px;
+	}
+
+	.wrap {
+		clear: both;
+		margin-right: 12px;
+		margin-left: 0;
+	}
+
+	/* categories */
+	#col-left,
+	#col-right {
+		float: none;
+		width: auto;
+	}
+
+	#col-left .col-wrap,
+	#col-right .col-wrap {
+		padding: 0;
+	}
+
+	/* Hidden Elements */
+	#collapse-menu,
+	.post-format-select {
+		display: none !important;
+	}
+
+	.wrap h1.wp-heading-inline {
+		margin-bottom: 0.5em;
+	}
+
+	.wrap .add-new-h2, /* deprecated */
+	.wrap .add-new-h2:active, /* deprecated */
+	.wrap .page-title-action,
+	.wrap .page-title-action:active {
+		padding: 10px 15px;
+		font-size: 14px;
+		white-space: nowrap;
+	}
+
+	/* Feedback Messages */
+	.notice,
+	.wrap div.updated,
+	.wrap div.error,
+	.media-upload-form div.error {
+		margin: 20px 0 10px;
+		padding: 5px 10px;
+		font-size: 14px;
+		line-height: 175%;
+	}
+
+	.wp-core-ui .notice.is-dismissible {
+		padding-right: 46px;
+	}
+
+	.notice-dismiss {
+		padding: 13px;
+	}
+
+	.wrap .icon32 + h2 {
+		margin-top: -2px;
+	}
+
+	.wp-responsive-open #wpbody {
+		right: -16em;
+	}
+
+	code {
+		word-wrap: break-word;
+		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
+		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
+	}
+
+	/* General Metabox */
+	.postbox {
+		font-size: 14px;
+	}
+
+	.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+	.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder h2 {
+		padding: 12px;
+	}
+
+	.postbox .handlediv {
+		margin-top: 3px;
+	}
+
+	/* Subsubsub Nav */
+	.subsubsub {
+		font-size: 16px;
+		text-align: center;
+		margin-bottom: 15px;
+	}
+
+	/* Theme/Plugin File Editor */
+
+	#template textarea,
+	#template .CodeMirror {
+		box-sizing: border-box;
+	}
+
+	#templateside {
+		float: none;
+		width: auto;
+	}
+
+	#templateside > ul {
+		border-left: 1px solid #dcdcde;
+	}
+
+	#templateside li {
+		margin: 0;
+	}
+
+	#templateside li:not(.howto) a {
+		display: block;
+		padding: 5px;
+	}
+	#templateside li.howto {
+		padding: 12px;
+	}
+
+	#templateside .highlight {
+		padding: 5px;
+		margin-left: -5px;
+		margin-top: -5px;
+	}
+
+	#template > div,
+	#template .notice {
+		float: none;
+		margin: 1em 0;
+		width: auto;
+	}
+
+	#template .CodeMirror,
+	#template textarea {
+		width: 100%;
+	}
+
+	#templateside ul ul {
+		padding-left: 1.5em;
+	}
+	[role="treeitem"] .folder-label {
+		display: block;
+		padding: 5px;
+	}
+	.tree-folder > li::before,
+	.tree-folder > li::after,
+	.tree-folder .tree-folder::after {
+		left: -8px;
+	}
+	.tree-folder > li::before {
+		top: 0;
+		height: 13px;
+	}
+	.tree-folder > .current-file::before {
+		left: -5px;
+		top: 7px;
+		width: 4px;
+	}
+	.tree-folder > .current-file::after {
+		height: 9px;
+		left: -8px;
+	}
+	.wrap #templateside span.notice {
+		margin-left: -5px;
+		width: 100%;
+	}
+
+	.fileedit-sub .alignright {
+		float: left;
+		margin-top: 15px;
+		width: 100%;
+		text-align: left;
+	}
+
+	.fileedit-sub .alignright label {
+		display: block;
+	}
+
+	.fileedit-sub #theme,
+	.fileedit-sub #plugin {
+		margin-left: 0;
+		max-width: 70%;
+	}
+
+	.fileedit-sub input[type="submit"] {
+		margin-bottom: 0;
+	}
+
+	#documentation label[for="docs-list"] {
+		display: block;
+	}
+
+	#documentation select[name="docs-list"] {
+		margin-left: 0;
+		max-width: 60%;
+	}
+
+	#documentation input[type="button"] {
+		margin-bottom: 0;
+	}
+
+	#wpfooter {
+		display: none;
+	}
+
+	#comments-form .checkforspam {
+		display: none;
+	}
+
+	.edit-comment-author {
+		margin: 2px 0 0;
+	}
+
+	.filter-drawer .filter-group-feature input,
+	.filter-drawer .filter-group-feature label {
+		line-height: 2.1;
+	}
+
+	.filter-drawer .filter-group-feature label {
+		margin-left: 32px;
+	}
+
+	.wp-filter .button.drawer-toggle {
+		font-size: 13px;
+		line-height: 2;
+		height: 28px;
+	}
+
+	/* Fix help tab columns for smaller screens */
+	#screen-meta #contextual-help-wrap {
+		overflow: visible;
+	}
+
+	#screen-meta #contextual-help-back,
+	#screen-meta .contextual-help-sidebar {
+		display: none;
+	}
+
+	#screen-meta .contextual-help-tabs {
+		clear: both;
+		width: 100%;
+		float: none;
+	}
+
+	#screen-meta .contextual-help-tabs ul {
+		margin: 0 0 1em;
+		padding: 1em 0 0;
+	}
+
+	#screen-meta .contextual-help-tabs .active {
+		margin: 0;
+	}
+
+	#screen-meta .contextual-help-tabs-wrap {
+		clear: both;
+		max-width: 100%;
+		float: none;
+	}
+
+	#screen-meta,
+	#screen-meta-links {
+		margin-right: 10px;
+	}
+
+	#screen-meta-links {
+		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		font-size: 1rem;
+	}
+
+	.wp-filter .search-form.search-plugins {
+		/* This element is a flex item. */
+		min-width: 100%;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	/* Disable horizontal scroll when responsive menu is open
+	   since we push the main content off to the right. */
+	#wpwrap.wp-responsive-open {
+		overflow-x: hidden;
+	}
+
+	html.wp-toolbar {
+		padding-top: 0;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: 7px;
+	}
+
+	#wpbody {
+		padding-top: 46px;
+	}
+
+	/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
+	div#post-body.metabox-holder.columns-1 {
+		overflow-x: hidden;
+	}
+
+	h1.nav-tab-wrapper,
+	.wrap h2.nav-tab-wrapper,
+	.nav-tab-wrapper {
+		border-bottom: 0;
+	}
+
+	h1 .nav-tab,
+	h2 .nav-tab,
+	h3 .nav-tab,
+	nav .nav-tab {
+		margin: 10px 10px 0 0;
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.nav-tab-active:hover,
+	.nav-tab-active:focus,
+	.nav-tab-active:focus:active {
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	/* Prevent default center alignment and larger font for the Right Now widget when
+	   the network dashboard is viewed on a small mobile device. */
+	#network_dashboard_right_now .subsubsub {
+		font-size: 14px;
+		text-align: left;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/customize-controls-rtl.css

@@ -0,0 +1,3002 @@
+/*! This file is auto-generated */
+body {
+	overflow: hidden;
+	-webkit-text-size-adjust: 100%;
+}
+
+.customize-controls-close,
+.widget-control-actions a {
+	text-decoration: none;
+}
+
+#customize-controls h3 {
+	font-size: 14px;
+}
+
+#customize-controls img {
+	max-width: 100%;
+}
+
+#customize-controls .submit {
+	text-align: center;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked {
+	background-color: rgba(0, 0, 0, 0.7);
+	padding: 25px;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message {
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 366px;
+	min-height: 64px;
+	width: auto;
+	padding: 25px 109px 25px 25px;
+	position: relative;
+	background: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	line-height: 1.5;
+	overflow-y: auto;
+	text-align: right;
+	top: calc( 50% - 100px );
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
+	margin-top: 0;
+}
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons {
+	margin-bottom: 0;
+}
+
+.customize-changeset-locked-avatar {
+	width: 64px;
+	position: absolute;
+	right: 25px;
+	top: 25px;
+}
+
+.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button {
+	margin-left: 10px;
+	margin-top: 0;
+}
+
+#customize-controls .description {
+	color: #50575e;
+}
+
+#customize-save-button-wrapper {
+	float: left;
+	margin-top: 9px;
+}
+
+body:not(.ready) #customize-save-button-wrapper .save {
+	visibility: hidden;
+}
+#customize-save-button-wrapper .save {
+	float: right;
+	border-radius: 3px;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	margin-top: 0;
+}
+
+#customize-save-button-wrapper .save:focus, #publish-settings:focus {
+	box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */
+}
+
+#customize-save-button-wrapper .save.has-next-sibling {
+	border-radius: 0 3px 3px 0;
+}
+
+#customize-sidebar-outer-content {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 100%;
+	margin: 0;
+	z-index: -1;
+	background: #f0f0f1;
+	transition: right .18s;
+	border-left: 1px solid #dcdcde;
+	border-right: 1px solid #dcdcde;
+	height: 100%;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .control-section-outer {
+	display: none !important;
+}
+
+#customize-outer-theme-controls .accordion-section-content {
+	padding: 12px;
+}
+
+#customize-outer-theme-controls .accordion-section-content.open {
+	display: block;
+}
+
+.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+	visibility: visible;
+	right: 100%;
+	transition: right .18s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+.customize-outer-pane-parent {
+	margin: 0;
+}
+
+.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main {
+	right: 300px;
+	opacity: 0.4;
+}
+
+.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+	right: 64%;
+}
+
+#customize-outer-theme-controls li.notice {
+	padding-top: 8px;
+	padding-bottom: 8px;
+	margin-right: 0;
+	margin-bottom: 10px;
+}
+
+#publish-settings {
+	text-indent: 0;
+	border-radius: 3px 0 0 3px;
+	padding-right: 0;
+	padding-left: 0;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	font-size: 14px;
+	width: 30px;
+	float: right;
+	transform: none;
+	margin-top: 0;
+	line-height: 2;
+}
+
+body:not(.ready) #publish-settings,
+body.trashing #customize-save-button-wrapper .save,
+body.trashing #publish-settings {
+	display: none;
+}
+
+#customize-header-actions .spinner {
+	margin-top: 13px;
+	margin-left: 4px;
+}
+
+.saving #customize-header-actions .spinner,
+.trashing #customize-header-actions .spinner {
+	visibility: visible;
+}
+
+#customize-header-actions {
+	border-bottom: 1px solid #dcdcde;
+}
+
+#customize-controls .wp-full-overlay-sidebar-content {
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
+	background: #f0f0f1;
+}
+
+#customize-controls .customize-info {
+	border: none;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 15px;
+}
+
+#customize-control-changeset_status .customize-inside-control-row,
+#customize-control-changeset_preview_link input {
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	box-sizing: content-box;
+	width: 100%;
+	margin-right: -12px;
+	padding-right: 12px;
+	padding-left: 12px;
+}
+
+#customize-control-trash_changeset {
+	margin-top: 20px;
+}
+#customize-control-trash_changeset .button-link {
+	position: relative;
+	padding-right: 24px;
+	display: inline-block;
+}
+#customize-control-trash_changeset .button-link:before {
+	content: "\f182";
+	font: normal 22px dashicons;
+	text-decoration: none;
+	position: absolute;
+	right: 0;
+	top: -2px;
+}
+
+#customize-controls .date-input:invalid {
+	border-color: #d63638;
+}
+
+#customize-control-changeset_status .customize-inside-control-row {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	font-weight: 500;
+}
+
+#customize-control-changeset_status .customize-inside-control-row:first-of-type {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-control-changeset_status .customize-control-title {
+	margin-bottom: 6px;
+}
+
+#customize-control-changeset_status input {
+	margin-right: 0;
+}
+
+#customize-control-changeset_preview_link {
+	position: relative;
+	display: block;
+}
+
+.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+	margin: 0;
+	position: absolute;
+	bottom: 9px;
+	left: 0;
+}
+
+.preview-link-wrapper {
+	position: relative;
+}
+
+.customize-copy-preview-link:before,
+.customize-copy-preview-link:after {
+	content: "";
+	height: 28px;
+	position: absolute;
+	background: #fff;
+	top: -1px;
+}
+
+.customize-copy-preview-link:before {
+	right: -10px;
+	width: 9px;
+	opacity: 0.75;
+}
+
+.customize-copy-preview-link:after {
+	right: -5px;
+	width: 4px;
+	opacity: 0.8;
+}
+
+#customize-control-changeset_preview_link input {
+	line-height: 2.85714286; /* 40px */
+	border-top: 1px solid #dcdcde;
+	border-right: none;
+	border-left: none;
+	text-indent: -999px;
+	color: #fff;
+	/* Only necessary for IE11 */
+	min-height: 40px;
+}
+
+#customize-control-changeset_preview_link label {
+	position: relative;
+	display: block;
+}
+
+#customize-control-changeset_preview_link a {
+	display: inline-block;
+	position: absolute;
+	white-space: nowrap;
+	overflow: hidden;
+	width: 90%;
+	bottom: 14px;
+	font-size: 14px;
+	text-decoration: none;
+}
+
+#customize-control-changeset_preview_link a.disabled,
+#customize-control-changeset_preview_link a.disabled:active,
+#customize-control-changeset_preview_link a.disabled:focus,
+#customize-control-changeset_preview_link a.disabled:visited {
+	color: #000;
+	opacity: 0.4;
+	cursor: default;
+	outline: none;
+	box-shadow: none;
+}
+
+#sub-accordion-section-publish_settings .customize-section-description-container {
+	display: none;
+}
+
+#customize-controls .customize-info.section-meta {
+	margin-bottom: 15px;
+}
+
+.customize-control-date_time .customize-control-description + .date-time-fields.includes-time {
+	margin-top: 10px;
+}
+
+.customize-control.customize-control-date_time .date-time-fields .date-input.day {
+	margin-left: 0;
+}
+
+.date-time-fields .date-input.month {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .date-input.day,
+.date-time-fields .date-input.hour,
+.date-time-fields .date-input.minute {
+	width: 46px;
+}
+
+.date-time-fields .date-input.year {
+	width: 65px;
+}
+
+.date-time-fields .date-input.meridian {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .time-row {
+	margin-top: 12px;
+}
+
+#customize-control-changeset_preview_link {
+	margin-top: 6px;
+}
+
+#customize-control-changeset_status {
+	margin-bottom: 0;
+	padding-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date {
+	box-sizing: content-box;
+	width: 100%;
+	margin-right: -12px;
+	padding: 12px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date .customize-control-description {
+	font-style: normal;
+}
+
+#customize-controls .customize-info.is-in-view,
+#customize-controls .customize-section-title.is-in-view {
+	position: absolute;
+	z-index: 9;
+	width: 100%;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#customize-controls .customize-section-title.is-in-view {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info.is-in-view + .accordion-section {
+	margin-top: 15px;
+}
+
+#customize-controls .customize-info.is-sticky,
+#customize-controls .customize-section-title.is-sticky {
+	position: fixed;
+	top: 46px;
+}
+
+#customize-controls .customize-info .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-right: none;
+	border-left: none;
+	border-bottom: none;
+	cursor: default;
+}
+
+#customize-controls .customize-info.open .accordion-section-title:after,
+#customize-controls .customize-info .accordion-section-title:hover:after,
+#customize-controls .customize-info .accordion-section-title:focus:after {
+	color: #2c3338;
+}
+
+#customize-controls .customize-info .accordion-section-title:after {
+	display: none;
+}
+
+#customize-controls .customize-info .preview-notice {
+	font-size: 13px;
+	line-height: 1.9;
+}
+
+#customize-controls .customize-pane-child .customize-section-title h3,
+#customize-controls .customize-pane-child h3.customize-section-title,
+#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
+#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,
+#customize-controls .customize-info .panel-title {
+	font-size: 20px;
+	font-weight: 200;
+	line-height: 26px;
+	display: block;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-section-title span.customize-action {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	position: absolute;
+	top: 4px;
+	left: 1px;
+	padding: 20px 10px 10px 20px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	box-shadow: none;
+	background: transparent;
+	color: #50575e;
+	border: none;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	position: absolute;
+	top: 5px;
+	right: 6px;
+}
+
+#customize-controls .customize-info.open .customize-help-toggle,
+#customize-controls .customize-info .customize-help-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:hover {
+	color: #2271b1;
+}
+
+#customize-controls .customize-info .customize-panel-description,
+#customize-controls .customize-info .customize-section-description,
+#customize-outer-theme-controls .customize-info .customize-section-description,
+#customize-controls .no-widget-areas-rendered-notice {
+	color: #50575e;
+	display: none;
+	background: #fff;
+	padding: 12px 15px;
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice {
+	border-top: none;
+}
+.no-widget-areas-rendered-notice {
+	font-style: italic;
+}
+.no-widget-areas-rendered-notice p:first-child {
+	margin-top: 0;
+}
+.no-widget-areas-rendered-notice p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-info .customize-section-description {
+	margin-bottom: 15px;
+}
+
+#customize-controls .customize-info .customize-panel-description p:first-child,
+#customize-controls .customize-info .customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info .customize-panel-description p:last-child,
+#customize-controls .customize-info .customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .current-panel .control-section > h3.accordion-section-title {
+	padding-left: 30px;
+}
+
+#customize-theme-controls .control-section,
+#customize-outer-theme-controls .control-section {
+	border: none;
+}
+
+#customize-theme-controls .accordion-section-title,
+#customize-outer-theme-controls .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-theme-controls .accordion-section-title,
+	#customize-outer-theme-controls .accordion-section-title {
+		transition: none;
+	}
+}
+
+#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-right: 4px solid #fff;
+}
+
+#customize-theme-controls .accordion-section-title:after,
+#customize-outer-theme-controls .accordion-section-title:after {
+	content: "\f341";
+	color: #a7aaad;
+}
+
+#customize-theme-controls .accordion-section-content,
+#customize-outer-theme-controls .accordion-section-content {
+	color: #50575e;
+	background: transparent;
+}
+
+#customize-controls .control-section:hover > .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:hover,
+#customize-controls .control-section.open .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-right-color: #2271b1;
+}
+
+#accordion-section-themes + .control-section {
+	border-top: 1px solid #dcdcde;
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	background: #f6f7f7;
+}
+
+#customize-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-theme-controls .control-section.open .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:focus:after,
+#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+	color: #2271b1;
+}
+
+#customize-theme-controls .control-section.open {
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#customize-theme-controls .control-section.open .accordion-section-title,
+#customize-outer-theme-controls .control-section.open .accordion-section-title {
+	border-bottom-color: #f0f0f1 !important;
+}
+
+#customize-theme-controls .control-section:last-of-type.open,
+#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
+#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu {
+	border-top: none;
+}
+
+#customize-theme-controls > ul {
+	margin: 0;
+}
+
+#customize-theme-controls .accordion-section-content {
+	position: absolute;
+	top: 0;
+	right: 100%;
+	width: 100%;
+	margin: 0;
+	padding: 12px;
+	box-sizing: border-box;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent,
+#customize-theme-controls .customize-pane-child {
+	overflow: visible;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-info,
+	#customize-theme-controls .customize-pane-parent,
+	#customize-theme-controls .customize-pane-child {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .customize-pane-child.skip-transition {
+	transition: none;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent {
+	position: relative;
+	visibility: visible;
+	height: auto;
+	max-height: none;
+	overflow: auto;
+	transform: none;
+}
+
+#customize-theme-controls .customize-pane-child {
+	position: absolute;
+	top: 0;
+	right: 0;
+	visibility: hidden;
+	height: 0;
+	max-height: none;
+	overflow: hidden;
+	transform: translateX(-100%);
+}
+
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel {
+	transform: none;
+}
+
+.section-open #customize-theme-controls .customize-pane-parent,
+.in-sub-panel #customize-theme-controls .customize-pane-parent,
+.section-open #customize-info,
+.in-sub-panel #customize-info,
+.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel {
+	visibility: hidden;
+	height: 0;
+	overflow: hidden;
+	transform: translateX(100%);
+}
+
+.section-open #customize-theme-controls .customize-pane-parent.busy,
+.in-sub-panel #customize-theme-controls .customize-pane-parent.busy,
+.section-open #customize-info.busy,
+.in-sub-panel #customize-info.busy,
+.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.busy {
+	visibility: visible;
+	height: auto;
+	overflow: auto;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content,
+#customize-theme-controls .customize-pane-child.accordion-sub-container {
+	display: block;
+	overflow-x: hidden;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content {
+	padding: 12px;
+}
+
+#customize-theme-controls .customize-pane-child.menu li {
+	position: static;
+}
+
+.customize-section-description-container,
+.control-section-nav_menu .customize-section-description-container,
+.control-section-new_menu .customize-section-description-container {
+	margin-bottom: 15px;
+}
+
+.control-section-nav_menu .customize-control,
+.control-section-new_menu .customize-control {
+	/* Override default `margin-bottom` for `.customize-control` */
+	margin-bottom: 0;
+}
+
+.customize-section-title {
+	margin: -12px -12px 0;
+	border-bottom: 1px solid #dcdcde;
+	background: #fff;
+}
+
+div.customize-section-description {
+	margin-top: 22px;
+}
+
+.customize-info div.customize-section-description {
+	margin-top: 0;
+}
+
+div.customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+div.customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	border-bottom: 1px solid #dcdcde;
+	padding: 12px;
+}
+
+.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	padding: 12px 12px 13px;
+}
+
+.customize-section-title h3,
+h3.customize-section-title {
+	padding: 10px 14px 12px 10px;
+	margin: 0;
+	line-height: 21px;
+	color: #50575e;
+}
+
+.accordion-sub-container.control-panel-content {
+	display: none;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.accordion-sub-container.control-panel-content.busy {
+	display: block;
+}
+
+.current-panel .accordion-sub-container.control-panel-content {
+	width: 100%;
+}
+
+.customize-controls-close {
+	display: block;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 45px;
+	height: 41px;
+	padding: 0 0 0 2px;
+	background: #f0f0f1;
+	border: none;
+	border-top: 4px solid #f0f0f1;
+	border-left: 1px solid #dcdcde;
+	color: #3c434a;
+	text-align: right;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+	box-sizing: content-box;
+}
+
+.customize-panel-back,
+.customize-section-back {
+	display: block;
+	float: right;
+	width: 48px;
+	height: 71px;
+	padding: 0 0 0 24px;
+	margin: 0;
+	background: #fff;
+	border: none;
+	border-left: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	box-shadow: none;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+}
+
+.customize-section-back {
+	height: 74px;
+}
+
+.ios .customize-panel-back {
+	display: none;
+}
+
+.ios .expanded.in-sub-panel .customize-panel-back {
+	display: block;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title {
+	margin-right: 48px;
+	border-right: none;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title:hover,
+#customize-controls .cannot-expand:hover .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-right-color: #fff;
+}
+
+.customize-controls-close:focus,
+.customize-controls-close:hover,
+.customize-controls-preview-toggle:focus,
+.customize-controls-preview-toggle:hover {
+	background: #fff;
+	color: #2271b1;
+	border-top-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+#customize-theme-controls .accordion-section-title:focus .customize-action {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: 1px;
+}
+
+.customize-panel-back:hover,
+.customize-panel-back:focus,
+.customize-section-back:hover,
+.customize-section-back:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-right-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.customize-controls-close:before {
+	font: normal 22px/45px dashicons;
+	content: "\f335";
+	position: relative;
+	top: -3px;
+	right: 13px;
+}
+
+.customize-panel-back:before,
+.customize-section-back:before {
+	font: normal 20px/72px dashicons;
+	content: "\f345";
+	position: relative;
+	right: 9px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+	background-color: #f0f0f1;
+	transition: padding ease-in-out .18s;
+}
+
+.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
+	padding-right: 62px;
+}
+
+p.customize-section-description {
+	font-style: normal;
+	margin-top: 22px;
+	margin-bottom: 0;
+}
+
+.customize-section-description ul {
+	margin-right: 1em;
+}
+
+.customize-section-description ul > li {
+	list-style: disc;
+}
+
+.section-description-buttons {
+	text-align: left;
+}
+
+.customize-control {
+	width: 100%;
+	float: right;
+	clear: both;
+	margin-bottom: 12px;
+}
+
+.customize-control input[type="text"],
+.customize-control input[type="password"],
+.customize-control input[type="email"],
+.customize-control input[type="number"],
+.customize-control input[type="search"],
+.customize-control input[type="tel"],
+.customize-control input[type="url"],
+.customize-control input[type="range"] {
+	width: 100%;
+	margin: 0;
+}
+
+.customize-control-hidden {
+	margin: 0;
+}
+
+.customize-control-textarea textarea {
+	width: 100%;
+	resize: vertical;
+}
+
+.customize-control select {
+	width: 100%;
+}
+
+.customize-control select[multiple] {
+	height: auto;
+}
+
+.customize-control-title {
+	display: block;
+	font-size: 14px;
+	line-height: 1.75;
+	font-weight: 600;
+	margin-bottom: 4px;
+}
+
+.customize-control-description {
+	display: block;
+	font-style: italic;
+	line-height: 1.4;
+	margin-top: 0;
+	margin-bottom: 5px;
+}
+
+.customize-section-description a.external-link:after {
+	font: 16px/11px dashicons;
+	content: "\f504";
+	top: 3px;
+	position: relative;
+	padding-right: 3px;
+	display: inline-block;
+	text-decoration: none;
+}
+
+.customize-control-color .color-picker,
+.customize-control-upload div {
+	line-height: 28px;
+}
+
+.customize-control .customize-inside-control-row {
+	line-height: 1.6;
+	display: block;
+	margin-right: 24px;
+	padding-top: 6px;
+	padding-bottom: 6px;
+}
+
+.customize-control-radio input,
+.customize-control-checkbox input,
+.customize-control-nav_menu_auto_add input {
+	margin-left: 4px;
+	margin-right: -24px;
+}
+
+.customize-control-radio {
+	padding: 5px 0 10px;
+}
+
+.customize-control-radio .customize-control-title {
+	margin-bottom: 0;
+	line-height: 1.6;
+}
+
+.customize-control-radio .customize-control-title + .customize-control-description {
+	margin-top: 7px;
+}
+
+.customize-control-radio label,
+.customize-control-checkbox label {
+	vertical-align: top;
+}
+
+.customize-control .attachment-thumb.type-icon {
+	float: right;
+	margin: 10px;
+	width: auto;
+}
+
+.customize-control .attachment-title {
+	font-weight: 600;
+	margin: 0;
+	padding: 5px 10px;
+}
+
+.customize-control .attachment-meta {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	margin: 0;
+	padding: 0 10px;
+}
+
+.customize-control .attachment-meta-title {
+	padding-top: 7px;
+}
+
+/* Remove descender space. */
+.customize-control .thumbnail-image,
+.customize-control-header .current,
+.customize-control .wp-media-wrapper.wp-video {
+	line-height: 0;
+}
+
+/* Remove descender space. */
+.customize-control-site_icon .favicon-preview .browser-preview {
+	vertical-align: top;
+}
+
+.customize-control .thumbnail-image img {
+	cursor: pointer;
+}
+
+#customize-controls .thumbnail-audio .thumbnail {
+	max-width: 64px;
+	max-height: 64px;
+	margin: 10px;
+	float: right;
+}
+
+#available-menu-items .accordion-section-content .new-content-item,
+.customize-control-dropdown-pages .new-content-item {
+	width: calc(100% - 30px);
+	padding: 8px 15px;
+	position: absolute;
+	bottom: 0;
+	z-index: 10;
+	background: #f0f0f1;
+	display: flex;
+}
+
+.customize-control-dropdown-pages .new-content-item {
+	width: 100%;
+	padding: 5px 1px 5px 0;
+	position: relative;
+}
+
+#available-menu-items .new-content-item .create-item-input,
+.customize-control-dropdown-pages .new-content-item .create-item-input {
+	flex-grow: 10;
+}
+
+#available-menu-items .new-content-item .add-content,
+.customize-control-dropdown-pages .new-content-item .add-content {
+	margin: 2px 6px 2px 0;
+	flex-grow: 1;
+}
+
+.customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
+	border: 1px solid #d63638;
+}
+
+.customize-control-dropdown-pages .add-new-toggle {
+	margin-right: 1px;
+	font-weight: 600;
+	line-height: 2.2;
+}
+
+#customize-preview iframe {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+}
+#customize-preview iframe + iframe {
+	visibility: hidden;
+}
+
+.wp-full-overlay-sidebar {
+	background: #f0f0f1;
+	border-left: 1px solid #dcdcde;
+}
+
+
+/**
+ * Notifications
+ */
+
+#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
+	margin: 4px 0 8px;
+	padding: 0;
+	cursor: default;
+}
+
+#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
+.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
+	box-shadow: inset 0 0 0 2px #d63638;
+	transition: .15s box-shadow linear;
+}
+
+#customize-controls .customize-control-notifications-container li.notice {
+	list-style: none;
+	margin: 0 0 6px;
+	padding: 9px 14px;
+	overflow: hidden;
+}
+#customize-controls .customize-control-notifications-container .notice.is-dismissible {
+	padding-left: 38px;
+}
+
+.customize-control-notifications-container li.notice:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container {
+	margin-top: 0;
+}
+
+#customize-controls .customize-control-widget_form .customize-control-notifications-container {
+	margin-top: 8px;
+}
+
+.customize-control-text.has-error input {
+	outline: 2px solid #d63638;
+}
+
+#customize-controls #customize-notifications-area {
+	position: absolute;
+	top: 46px;
+	width: 100%;
+	border-bottom: 1px solid #dcdcde;
+	display: block;
+	padding: 0;
+	margin: 0;
+}
+
+.wp-full-overlay.collapsed #customize-controls #customize-notifications-area {
+	display: none !important;
+}
+
+#customize-controls #customize-notifications-area:not(.has-overlay-notifications),
+#customize-controls .customize-section-title > .customize-control-notifications-container:not(.has-overlay-notifications),
+#customize-controls .panel-meta > .customize-control-notifications-container:not(.has-overlay-notifications) {
+	max-height: 210px;
+	overflow-x: hidden;
+	overflow-y: auto;
+}
+
+#customize-controls #customize-notifications-area > ul,
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	margin: 0;
+}
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container {
+	border-top: 1px solid #dcdcde;
+}
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	padding: 9px 14px;
+}
+#customize-controls #customize-notifications-area .notice.is-dismissible,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice.is-dismissible,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice.is-dismissible {
+	padding-left: 38px;
+}
+#customize-controls #customize-notifications-area .notice + .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice + .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice + .notice {
+	margin-top: 1px;
+}
+
+@keyframes customize-fade-in {
+	0%   { opacity: 0; }
+	100% { opacity: 1; }
+}
+
+#customize-controls .notice.notification-overlay,
+#customize-controls #customize-notifications-area .notice.notification-overlay {
+	margin: 0;
+	border-right: 0; /* @todo Appropriate styles could be added for notice-error, notice-warning, notice-success, etc */
+}
+
+#customize-controls .customize-control-notifications-container.has-overlay-notifications {
+	animation: customize-fade-in 0.5s;
+	z-index: 30;
+}
+
+/* Note: Styles for this are also defined in themes.css */
+#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
+	clear: both;
+	color: #1d2327;
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 2em 0;
+	text-align: center;
+	width: 100%;
+	display: block;
+	top: 50%;
+	position: relative;
+}
+
+/* Style for custom settings */
+
+/**
+ * Static front page
+ */
+
+#customize-control-show_on_front.has-error {
+	margin-bottom: 0;
+}
+#customize-control-show_on_front.has-error .customize-control-notifications-container {
+	margin-top: 12px;
+}
+
+/**
+ * Dropdowns
+ */
+
+.accordion-section .dropdown {
+	float: right;
+	display: block;
+	position: relative;
+	cursor: pointer;
+}
+
+.accordion-section .dropdown-content {
+	overflow: hidden;
+	float: right;
+	min-width: 30px;
+	height: 16px;
+	line-height: 16px;
+	margin-left: 16px;
+	padding: 4px 5px;
+	border: 2px solid #f0f0f1;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+/* @todo maybe no more used? */
+.customize-control .dropdown-arrow {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	width: 20px;
+	background: #f0f0f1;
+}
+
+.customize-control .dropdown-arrow:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	padding: 0;
+	text-indent: 0;
+	text-align: center;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #2c3338;
+}
+
+.customize-control .dropdown-status {
+	color: #2c3338;
+	background: #f0f0f1;
+	display: none;
+	max-width: 112px;
+}
+
+.customize-control-color .dropdown {
+	margin-left: 5px;
+	margin-bottom: 5px;
+}
+
+.customize-control-color .dropdown .dropdown-content {
+	background-color: #50575e;
+	border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.customize-control-color .dropdown:hover .dropdown-content {
+	border-color: rgba(0, 0, 0, 0.25);
+}
+
+/**
+ * iOS can't scroll iframes,
+ * instead it expands the iframe size to match the size of the content
+ */
+
+.ios .wp-full-overlay {
+	position: relative;
+}
+
+.ios #customize-controls .wp-full-overlay-sidebar-content {
+	-webkit-overflow-scrolling: touch;
+}
+
+/* Media controls */
+
+.customize-control .actions .button {
+	margin-top: 12px;
+}
+
+.customize-control-header .actions,
+.customize-control-header .uploaded {
+	margin-bottom: 18px;
+}
+
+.customize-control-header .uploaded button:not(.random),
+.customize-control-header .default button:not(.random) {
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	background: none;
+	border: none;
+	color: inherit;
+	cursor: pointer;
+}
+
+.customize-control-header button img {
+	display: block;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control .attachment-media-view .upload-button,
+.customize-control-header button.new,
+.customize-control-header button.remove {
+	width: auto;
+	height: auto;
+	white-space: normal;
+}
+
+.customize-control .attachment-media-view .thumbnail,
+.customize-control-header .current .container {
+	overflow: hidden;
+}
+
+.customize-control .attachment-media-view .placeholder,
+.customize-control .attachment-media-view .button-add-media,
+.customize-control-header .placeholder {
+	width: 100%;
+	position: relative;
+	text-align: center;
+	cursor: default;
+	border: 1px dashed #c3c4c7;
+	box-sizing: border-box;
+	padding: 9px 0;
+	line-height: 1.6;
+}
+
+.customize-control .attachment-media-view .button-add-media {
+	cursor: pointer;
+	background-color: #f0f0f1;
+	color: #2c3338;
+}
+
+.customize-control .attachment-media-view .button-add-media:hover {
+	background-color: #fff;
+}
+
+.customize-control .attachment-media-view .button-add-media:focus {
+	background-color: #fff;
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.customize-control-header .inner {
+	display: none;
+	position: absolute;
+	width: 100%;
+	color: #50575e;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.customize-control-header .inner,
+.customize-control-header .inner .dashicons {
+	line-height: 20px;
+	top: 8px;
+}
+
+.customize-control-header .list .inner,
+.customize-control-header .list .inner .dashicons {
+	top: 9px;
+}
+
+.customize-control-header .header-view {
+	position: relative;
+	width: 100%;
+	margin-bottom: 12px;
+}
+
+.customize-control-header .header-view:last-child {
+	margin-bottom: 0;
+}
+
+/* Convoluted, but 'outline' support isn't good enough yet */
+.customize-control-header .header-view:after {
+	border: 0;
+}
+
+.customize-control-header .header-view.selected .choice:focus {
+	outline: none;
+}
+
+.customize-control-header .header-view.selected:after {
+	content: "";
+	position: absolute;
+	height: auto;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border: 4px solid #72aee6;
+	border-radius: 2px;
+}
+
+.customize-control-header .header-view.button.selected {
+	border: 0;
+}
+
+/* Header control: overlay "close" button */
+
+.customize-control-header .uploaded .header-view .close {
+	font-size: 20px;
+	color: #fff;
+	background: #50575e;
+	background: rgba(0, 0, 0, 0.5);
+	position: absolute;
+	top: 10px;
+	right: -999px;
+	z-index: 1;
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.customize-control-header .header-view:hover .close,
+.customize-control-header .header-view .close:focus {
+	right: auto;
+	left: 10px;
+}
+
+.customize-control-header .header-view .close:focus {
+	outline: 1px solid #4f94d4;
+}
+
+/* Header control: randomiz(s)er */
+
+.customize-control-header .random.placeholder {
+	cursor: pointer;
+	border-radius: 2px;
+	height: 40px;
+}
+
+.customize-control-header button.random {
+	width: 100%;
+	height: auto;
+	min-height: 40px;
+	white-space: normal;
+}
+
+.customize-control-header button.random .dice {
+	margin-top: 4px;
+}
+
+.customize-control-header .placeholder:hover .dice,
+.customize-control-header .header-view:hover > button.random .dice {
+	animation: dice-color-change 3s infinite;
+}
+
+.button-see-me {
+	animation: bounce .7s 1;
+	transform-origin: center bottom;
+}
+
+@keyframes bounce {
+	from, 20%, 53%, 80%, to {
+		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+		transform: translate3d(0,0,0);
+	}
+
+	40%, 43% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -12px, 0);
+	}
+
+	70% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -6px, 0);
+	}
+
+	90% {
+		transform: translate3d(0,-1px,0);
+	}
+}
+
+.customize-control-header .choice {
+	position: relative;
+	display: block;
+	margin-bottom: 9px;
+}
+
+.customize-control-header .choice:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 3px 1px rgba(79, 148, 212, 0.8);
+}
+
+.customize-control-header .uploaded div:last-child > .choice {
+	margin-bottom: 0;
+}
+
+.customize-control .attachment-media-view .thumbnail-image img,
+.customize-control-header img {
+	max-width: 100%;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control-header .remove {
+	margin-left: 8px;
+}
+
+/* Background position control */
+.customize-control-background_position .background-position-control .button-group {
+	display: block;
+}
+
+/**
+ * Code Editor Control and Custom CSS Section
+ *
+ * Modifications to the Section Container to make the textarea full-width and
+ * full-height, if the control is the only control in the section.
+ */
+
+.customize-control-code_editor textarea {
+	width: 100%;
+	font-family: Consolas, Monaco, monospace;
+	font-size: 12px;
+	padding: 6px 8px;
+	-o-tab-size: 2;
+	tab-size: 2;
+}
+.customize-control-code_editor textarea,
+.customize-control-code_editor .CodeMirror {
+	height: 14em;
+}
+
+#customize-controls .customize-section-description-container.section-meta.customize-info {
+	border-bottom: none;
+}
+
+#sub-accordion-section-custom_css .customize-control-notifications-container {
+	margin-bottom: 15px;
+}
+
+#customize-control-custom_css textarea {
+	display: block;
+	height: 500px;
+}
+
+.customize-section-description-container + #customize-control-custom_css .customize-control-title {
+	margin-right: 12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+	border-left: 0;
+	border-right: 0;
+	height: calc( 100vh - 185px );
+	resize: none;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child {
+	margin-right: -12px;
+	width: 299px;
+	width: calc( 100% + 24px );
+	margin-bottom: -12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .CodeMirror {
+	height: calc( 100vh - 185px );
+}
+
+.CodeMirror-lint-tooltip,
+.CodeMirror-hints {
+	z-index: 500000 !important;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .customize-control-notifications-container {
+	margin-right: 12px;
+	margin-left: 12px;
+}
+
+.theme-browser .theme.active .theme-actions,
+.wp-customizer .theme-browser .theme .theme-actions {
+	padding: 9px 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+@media screen and (max-width: 640px) {
+	.customize-section-description-container + #customize-control-custom_css:last-child {
+		margin-left: 0;
+	}
+
+	.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+		height: calc( 100vh - 140px );
+	}
+}
+
+/**
+ * Themes
+ */
+
+#customize-theme-controls .control-panel-themes {
+	border-bottom: none;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-panel-themes > .accordion-section-title {
+	cursor: default;
+	background: #fff;
+	color: #50575e;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+	border-right: none;
+	border-left: none;
+	margin: 0 0 15px;
+	padding-left: 100px; /* Space for the button */
+}
+
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
+	border-top: 0;
+}
+
+#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes > .accordion-section-title {
+	margin: 0 0 15px;
+}
+
+#customize-controls .customize-themes-panel .accordion-section-title:hover,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	margin: 15px -8px;
+}
+
+#customize-controls .control-section-themes .accordion-section-title,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	padding-left: 100px; /* Space for the button */
+}
+
+.control-panel-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action,
+#customize-controls .control-section-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action {
+	font-size: 13px;
+	display: block;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme {
+	position: absolute;
+	left: 10px;
+	top: 50%;
+	margin-top: -14px;
+	font-weight: 400;
+}
+
+#customize-notifications-area .notification-message button.switch-to-editor {
+	display: block;
+	margin-top: 6px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:after {
+	display: none;
+}
+
+.control-panel-themes .customize-themes-full-container {
+	position: fixed;
+	top: 0;
+	right: 0;
+	transition: .18s right ease-in-out;
+	margin: 0 300px 0 0;
+	padding: 71px 0 25px;
+	overflow-y: scroll;
+	width: calc(100% - 300px);
+	height: calc(100% - 96px);
+	background: #f0f0f1;
+	z-index: 20;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.control-panel-themes .customize-themes-full-container {
+		transition: none;
+	}
+}
+
+@media screen and (min-width: 1670px) {
+	.control-panel-themes .customize-themes-full-container {
+		width: 82%;
+		left: 0;
+		right: initial;
+	}
+}
+
+.modal-open .control-panel-themes .customize-themes-full-container {
+	overflow-y: visible;
+}
+
+/* Animations for opening the themes panel */
+#customize-save-button-wrapper,
+#customize-header-actions .spinner,
+#customize-header-actions .customize-controls-preview-toggle {
+	transition: .18s margin ease-in-out;
+}
+
+#customize-footer-actions,
+#customize-footer-actions .collapse-sidebar {
+	bottom: 0;
+	transition: .18s bottom ease-in-out;
+}
+
+.in-themes-panel:not(.animating) #customize-header-actions .spinner,
+.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle,
+.in-themes-panel:not(.animating) #customize-preview,
+.in-themes-panel:not(.animating) #customize-footer-actions {
+	visibility: hidden;
+}
+
+.wp-full-overlay.in-themes-panel {
+	background: #f0f0f1; /* Prevents a black flash when fading in the panel */
+}
+
+.in-themes-panel #customize-save-button-wrapper,
+.in-themes-panel #customize-header-actions .spinner,
+.in-themes-panel #customize-header-actions .customize-controls-preview-toggle {
+	margin-top: -46px; /* Height of header actions bar */
+}
+
+.in-themes-panel #customize-footer-actions,
+.in-themes-panel #customize-footer-actions .collapse-sidebar {
+	bottom: -45px;
+}
+
+/* Don't show the theme count while the panel opens, as it's in the wrong place during the animation */
+.in-themes-panel.animating .control-panel-themes .filter-themes-count {
+	display: none;
+}
+
+.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content {
+	bottom: 0;
+}
+
+.themes-filter-bar .feature-filter-toggle {
+	float: left;
+	margin: 3px 25px 3px 0;
+}
+
+.themes-filter-bar .feature-filter-toggle:before {
+	content: "\f111";
+	margin: 0 0 0 5px;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .feature-filter-toggle.open {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+.themes-filter-bar .feature-filter-toggle .filter-count-filters {
+	display: none;
+}
+
+.filter-drawer {
+	box-sizing: border-box;
+	width: 100%;
+	position: absolute;
+	top: 46px;
+	right: 0;
+	padding: 25px 25px 25px 0;
+	border-top: 0;
+	margin: 0;
+	background: #f0f0f1;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.filter-drawer .filter-group {
+	margin: 0 0 0 25px;
+	width: calc( (100% - 75px) / 3);
+	min-width: 200px;
+	max-width: 320px;
+}
+
+/* Adds a delay before fading in to avoid it "jumping" */
+@keyframes themes-fade-in {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
+}
+
+.control-panel-themes .customize-themes-full-container.animate {
+	animation: .6s themes-fade-in 1;
+}
+
+.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count {
+	animation: .6s themes-fade-in 1;
+}
+
+.control-panel-themes .filter-themes-count {
+	position: relative;
+	float: left;
+	line-height: 2.6;
+}
+
+.control-panel-themes .filter-themes-count .themes-displayed {
+	font-weight: 600;
+	color: #50575e;
+}
+
+.customize-themes-notifications {
+	margin: 0;
+}
+
+.control-panel-themes .customize-themes-notifications .notice {
+	margin: 0 0 25px;
+}
+
+.customize-themes-full-container .customize-themes-section {
+	display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+	overflow: hidden;
+}
+
+.customize-themes-full-container .customize-themes-section.current-section {
+	display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+}
+
+.control-section .customize-section-text-before {
+	padding: 0 15px 8px 0;
+	margin: 15px 0 0;
+	line-height: 16px;
+	border-bottom: 1px solid #dcdcde;
+	color: #50575e;
+}
+
+.control-panel-themes .customize-themes-section-title {
+	width: 100%;
+	background: #fff;
+	box-shadow: none;
+	outline: none;
+	border-top: none;
+	border-bottom: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	border-left: none;
+	cursor: pointer;
+	padding: 10px 15px;
+	position: relative;
+	text-align: right;
+	font-size: 14px;
+	font-weight: 600;
+	color: #50575e;
+	text-shadow: none;
+}
+
+.control-panel-themes #accordion-section-installed_themes {
+	border-top: 1px solid #dcdcde;
+}
+
+.control-panel-themes .theme-section {
+	margin: 0;
+	position: relative;
+}
+
+.control-panel-themes .customize-themes-section-title:focus,
+.control-panel-themes .customize-themes-section-title:hover {
+	border-right-color: #2271b1;
+	color: #2271b1;
+	background: #f6f7f7;
+}
+
+.customize-themes-section-title:not(.selected):after {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 9px;
+	left: 15px;
+	width: 18px;
+	height: 18px;
+	border-radius: 100%;
+	border: 1px solid #c3c4c7;
+	background: #fff;
+}
+
+.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+	content: "\f147";
+	font: 16px/1 dashicons;
+	box-sizing: border-box;
+	width: 20px;
+	height: 20px;
+	padding: 3px 1px 1px 3px; /* Re-align the icon to the smaller grid */
+	border-radius: 100%;
+	position: absolute;
+	top: 9px;
+	left: 15px;
+	background: #2271b1;
+	color: #fff;
+}
+
+.control-panel-themes .customize-themes-section-title.selected {
+	color: #2271b1;
+}
+
+#customize-theme-controls .themes.accordion-section-content {
+	position: relative;
+	right: 0;
+	padding: 0;
+	width: 100%;
+}
+
+.loading .customize-themes-section .spinner {
+	display: block;
+	visibility: visible;
+	position: relative;
+	clear: both;
+	width: 20px;
+	height: 20px;
+	right: calc(50% - 10px);
+	float: none;
+	margin-top: 50px;
+}
+
+.customize-themes-section .no-themes,
+.customize-themes-section .no-themes-local {
+	display: none;
+}
+
+.themes-section-installed_themes .theme .notice-success:not(.updated-message) {
+	display: none; /* Hide "installed" notice on installed themes tab. */
+}
+
+.customize-control-theme .theme {
+	width: 100%;
+	margin: 0;
+	border: 1px solid #dcdcde;
+	background: #fff;
+}
+
+.customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions {
+	background: #fff;
+	border: none;
+}
+
+.customize-control.customize-control-theme { /* override most properties on .customize-control */
+	box-sizing: border-box;
+	width: 25%;
+	max-width: 600px; /* Max. screenshot size / 2 */
+	margin: 0 0 25px 25px;
+	padding: 0;
+	clear: none;
+}
+
+/* 5 columns above 2100px */
+@media screen and (min-width: 2101px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 125px ) / 5 - 1px ); /* 1px offset accounts for browser rounding, typical all grids */
+	}
+}
+
+/* 4 columns up to 2100px */
+@media screen and (min-width: 1601px) and (max-width: 2100px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 100px ) / 4 - 1px );
+	}
+}
+
+/* 3 columns up to 1600px */
+@media screen and (min-width: 1201px) and (max-width: 1600px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 75px ) / 3 - 1px );
+	}
+}
+
+/* 2 columns up to 1200px */
+@media screen and (min-width: 851px) and (max-width: 1200px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 50px ) / 2 - 1px );
+
+	}
+}
+
+/* 1 column up to 850 px */
+@media screen and (max-width: 850px) {
+	.customize-control.customize-control-theme {
+		width: 100%;
+	}
+}
+
+.wp-customizer .theme-browser .themes {
+	padding: 0 25px 25px 0;
+	transition: .18s margin-top linear;
+}
+
+.wp-customizer .theme-browser .theme .theme-actions {
+	opacity: 1;
+}
+
+#customize-controls h3.theme-name {
+	font-size: 15px;
+}
+
+#customize-controls .theme-overlay .theme-name {
+	font-size: 32px;
+}
+
+.customize-preview-header.themes-filter-bar {
+	position: fixed;
+	top: 0;
+	right: 300px;
+	width: calc(100% - 300px);
+	height: 46px;
+	background: #f0f0f1;
+	z-index: 10;
+	padding: 6px 25px;
+	box-sizing: border-box;
+	border-bottom: 1px solid #dcdcde;
+}
+
+@media screen and (min-width: 1670px) {
+	.customize-preview-header.themes-filter-bar {
+		width: 82%;
+		left: 0;
+		right: initial;
+	}
+}
+
+.themes-filter-bar .themes-filter-container {
+	margin: 0;
+	padding: 0;
+}
+
+.themes-filter-bar .wp-filter-search {
+	line-height: 1.8;
+	padding: 6px 30px 6px 10px;
+	max-width: 100%;
+	width: 40%;
+	min-width: 300px;
+	position: absolute;
+	top: 6px;
+	right: 25px;
+	height: 32px;
+	margin: 1px 0;
+}
+
+/* Unstick the filter bar on short windows/screens. This breakpoint is based on the
+   current length of .org feature filters assuming translations do not wrap lines. */
+@media screen and (max-height: 540px), screen and (max-width: 1018px) {
+	.customize-preview-header.themes-filter-bar {
+		position: relative;
+		right: 0;
+		width: 100%;
+		margin: 0 0 25px;
+	}
+	.filter-drawer {
+		top: 46px;
+	}
+	.wp-customizer .theme-browser .themes {
+		padding: 0 25px 25px 0;
+		overflow: hidden;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		margin-top: 0;
+		padding: 0;
+		height: 100%;
+		width: calc(100% - 300px);
+	}
+}
+
+@media screen and (max-width: 1018px) {
+	.filter-drawer .filter-group {
+		width: calc( (100% - 50px) / 2);
+	}
+}
+
+@media screen and (max-width: 900px) {
+	.customize-preview-header.themes-filter-bar {
+		height: 86px;
+		padding-top: 46px;
+	}
+
+	.themes-filter-bar .wp-filter-search {
+		width: calc(100% - 50px);
+		margin: 0;
+		min-width: 200px;
+	}
+
+	.filter-drawer {
+		top: 86px;
+	}
+
+	.control-panel-themes .filter-themes-count {
+		float: right;
+	}
+}
+
+@media screen and (max-width: 792px) {
+	.filter-drawer .filter-group {
+		width: calc( 100% - 25px);
+	}
+}
+
+.control-panel-themes .customize-themes-mobile-back {
+	display: none;
+}
+
+/* Mobile - toggle between themes and filters */
+@media screen and (max-width: 600px) {
+
+	.filter-drawer {
+		top: 132px;
+	}
+
+	.wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes {
+		display: block;
+		float: left;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		width: 100%;
+		margin: 0;
+		padding-top: 46px;
+		height: calc(100% - 46px);
+		z-index: 1;
+		display: none;
+	}
+
+	.showing-themes .control-panel-themes .customize-themes-full-container {
+		display: block;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back {
+		display: block;
+		position: fixed;
+		top: 0;
+		right: 0;
+		background: #f0f0f1;
+		color: #3c434a;
+		border-radius: 0;
+		box-shadow: none;
+		border: none;
+		height: 46px;
+		width: 100%;
+		z-index: 10;
+		text-align: right;
+		text-shadow: none;
+		border-bottom: 1px solid #dcdcde;
+		border-right: 4px solid transparent;
+		margin: 0;
+		padding: 0;
+		font-size: 0;
+		overflow: hidden;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before {
+		right: 0;
+		top: 0;
+		height: 46px;
+		width: 26px;
+		display: block;
+		line-height: 2.3;
+		padding: 0 8px;
+		border-left: 1px solid #dcdcde;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
+		color: #2271b1;
+		background: #f6f7f7;
+		border-right-color: #2271b1;
+		box-shadow: none;
+		/* Only visible in Windows High Contrast mode */
+		outline: 2px solid transparent;
+		outline-offset: -2px;
+	}
+
+	.showing-themes #customize-header-actions {
+		display: none;
+	}
+
+	#customize-controls {
+		width: 100%;
+	}
+}
+
+/* Details View */
+.wp-customizer .theme-overlay {
+	display: none;
+}
+
+.wp-customizer.modal-open .theme-overlay {
+	position: fixed;
+	right: 0;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	z-index: 109;
+}
+
+/* Avoid a z-index war by resetting elements that should be under the overlay.
+   This is likely required because of the way that sections and panels are positioned. */
+.wp-customizer.modal-open #customize-header-actions,
+.wp-customizer.modal-open .control-panel-themes .filter-themes-count,
+.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after {
+	z-index: -1;
+}
+
+.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible;
+}
+
+.wp-customizer .theme-overlay .theme-backdrop {
+	background: rgba(240, 240, 241, 0.75);
+	position: fixed;
+	z-index: 110;
+}
+
+.wp-customizer .theme-overlay .star-rating {
+	float: right;
+	margin-left: 8px;
+}
+
+.wp-customizer .theme-rating .num-ratings {
+	line-height: 20px;
+}
+
+.wp-customizer .theme-overlay .theme-wrap {
+	right: 90px;
+	left: 90px;
+	top: 45px;
+	bottom: 45px;
+	z-index: 120;
+}
+
+.wp-customizer .theme-overlay .theme-actions {
+	text-align: left; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
+	padding: 10px 25px;
+	background: #f0f0f1;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .theme-overlay .theme-actions .theme-install.preview {
+	margin-right: 8px;
+}
+
+.control-panel-themes .theme-actions .delete-theme {
+	right: 15px; /* these override themes.css on mobile */
+	left: auto;
+	bottom: auto;
+	position: absolute;
+}
+
+.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */
+}
+
+.wp-customizer .theme-header {
+	background: #f0f0f1;
+}
+
+.wp-customizer .theme-overlay .theme-header button,
+.wp-customizer .theme-overlay .theme-header .close:before {
+	color: #3c434a;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus,
+.wp-customizer .theme-overlay .theme-header .close:hover,
+.wp-customizer .theme-overlay .theme-header .right:focus,
+.wp-customizer .theme-overlay .theme-header .right:hover,
+.wp-customizer .theme-overlay .theme-header .left:focus,
+.wp-customizer .theme-overlay .theme-header .left:hover {
+	background: #fff;
+	border-bottom: 4px solid #2271b1;
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus:before,
+.wp-customizer .theme-overlay .theme-header .close:hover:before {
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header button.disabled,
+.wp-customizer .theme-overlay .theme-header button.disabled:hover,
+.wp-customizer .theme-overlay .theme-header button.disabled:focus {
+	border-bottom: none;
+	background: transparent;
+	color: #c3c4c7;
+}
+
+/* Small Screens */
+@media (max-width: 850px), (max-height: 472px) {
+	.wp-customizer .theme-overlay .theme-wrap {
+		right: 0;
+		left: 0;
+		top: 0;
+		bottom: 0;
+	}
+
+	.wp-customizer .theme-browser .themes {
+		padding-left: 25px;
+	}
+}
+
+/* Handle cheaters. */
+body.cheatin {
+	font-size: medium;
+	height: auto;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	margin: 50px auto 2em;
+	padding: 1em 2em;
+	max-width: 700px;
+	min-width: 0;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+body.cheatin h1 {
+	border-bottom: 1px solid #dcdcde;
+	clear: both;
+	color: #50575e;
+	font-size: 24px;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	margin: 30px 0 0;
+	padding: 0 0 7px;
+}
+
+body.cheatin p {
+	font-size: 14px;
+	line-height: 1.5;
+	margin: 25px 0 20px;
+}
+
+/**
+ * Widgets and Menus common styles
+ */
+
+/* higher specificity than .wp-core-ui .button */
+#customize-theme-controls .add-new-widget,
+#customize-theme-controls .add-new-menu-item {
+	cursor: pointer;
+	float: left;
+	margin: 0 10px 0 0;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.reordering .add-new-widget,
+.reordering .add-new-menu-item {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed; /* doesn't work in conjunction with pointer-events */
+}
+
+.add-new-widget:before,
+.add-new-menu-item:before,
+#available-menu-items .new-content-item .add-content:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	right: -2px;
+	top: 0;
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* Reordering */
+.reorder-toggle {
+	float: left;
+	padding: 5px 8px;
+	text-decoration: none;
+	cursor: pointer;
+	outline: none;
+}
+
+.reorder,
+.reordering .reorder-done {
+	display: block;
+	padding: 5px 8px;
+}
+
+.reorder-done,
+.reordering .reorder {
+	display: none;
+}
+
+.widget-reorder-nav span,
+.menu-item-reorder-nav button {
+	position: relative;
+	overflow: hidden;
+	float: right;
+	display: block;
+	width: 33px; /* was 42px for mobile */
+	height: 43px;
+	color: #8c8f94;
+	text-indent: -9999px;
+	cursor: pointer;
+	outline: none;
+}
+
+.menu-item-reorder-nav button {
+	width: 30px;
+	height: 40px;
+	background: transparent;
+	border: none;
+	box-shadow: none;
+}
+
+.widget-reorder-nav span:before,
+.menu-item-reorder-nav button:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/43px dashicons;
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus,
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+	color: #1d2327;
+	background: #f0f0f1;
+}
+
+.move-widget-down:before,
+.menus-move-down:before {
+	content: "\f347";
+}
+
+.move-widget-up:before,
+.menus-move-up:before {
+	content: "\f343";
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down,
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+	color: #dcdcde;
+	background-color: #fff;
+	cursor: default;
+	pointer-events: none;
+}
+
+/**
+ * New widget and Add-menu-items modes and panels
+ */
+
+.wp-full-overlay-main {
+	left: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
+	width: 100%;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover,
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	color: #2c3338;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+body.adding-widget .add-new-widget:before,
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+	transform: rotate(-45deg);
+}
+
+#available-widgets,
+#available-menu-items {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: -301px;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 4;
+	background: #f0f0f1;
+	transition: right .18s;
+	border-left: 1px solid #dcdcde;
+}
+
+#available-widgets .customize-section-title,
+#available-menu-items .customize-section-title {
+	display: none;
+}
+
+#available-widgets-list {
+	top: 60px;
+	position: absolute;
+	overflow: auto;
+	bottom: 0;
+	width: 100%;
+	border-top: 1px solid #dcdcde;
+}
+
+.no-widgets-found #available-widgets-list {
+	border-top: none;
+}
+
+#available-widgets-filter {
+	position: fixed;
+	top: 0;
+	z-index: 1;
+	width: 300px;
+	background: #f0f0f1;
+}
+
+/* search field container */
+#available-widgets-filter,
+#available-menu-items-search .accordion-section-title {
+	padding: 13px 15px;
+	box-sizing: border-box;
+}
+
+#available-widgets-filter input,
+#available-menu-items-search input {
+	width: 100%;
+	min-height: 32px;
+	margin: 1px 0;
+	padding: 0 30px;
+}
+
+#available-widgets-filter input::-ms-clear,
+#available-menu-items-search input::-ms-clear {
+	display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
+}
+
+#available-menu-items-search .search-icon,
+#available-widgets-filter .search-icon {
+	display: block;
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	right: 16px;
+	width: 30px;
+	height: 30px;
+	line-height: 2.1;
+	text-align: center;
+	color: #646970;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results {
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	left: 16px;
+	width: 30px;
+	height: 30px;
+	padding: 0;
+	border: 0;
+	cursor: pointer;
+	background: none;
+	color: #d63638;
+	text-decoration: none;
+	outline: 0;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results,
+#available-menu-items-search.loading .clear-results.is-visible {
+	display: none;
+}
+
+#available-widgets-filter .clear-results.is-visible,
+#available-menu-items-search .clear-results.is-visible {
+	display: block;
+}
+
+#available-widgets-filter .clear-results:before,
+#available-menu-items-search .clear-results:before {
+	content: "\f335";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#available-widgets-filter .clear-results:hover,
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:hover,
+#available-menu-items-search .clear-results:focus {
+	color: #d63638;
+}
+
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+#available-menu-items-search .search-icon:after,
+#available-widgets-filter .search-icon:after,
+.themes-filter-bar .search-icon:after {
+	content: "\f179";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .search-icon {
+	position: absolute;
+	top: 7px;
+	right: 26px;
+	z-index: 1;
+	color: #646970;
+	height: 30px;
+	width: 30px;
+	line-height: 2;
+	text-align: center;
+}
+
+.no-widgets-found-message {
+	display: none;
+	margin: 0;
+	padding: 0 15px;
+	line-height: inherit;
+}
+
+.no-widgets-found .no-widgets-found-message {
+	display: block;
+}
+
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover,
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+	border: none;
+	background: transparent;
+	box-shadow: none;
+}
+
+#available-widgets .widget-tpl,
+#available-menu-items .item-tpl {
+	position: relative;
+	padding: 15px 60px 15px 15px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+	cursor: pointer;
+	display: none;
+}
+
+#available-widgets .widget,
+#available-menu-items .item {
+	position: static;
+}
+
+
+/* Responsive */
+.customize-controls-preview-toggle {
+	display: none;
+}
+
+@media only screen and (max-width: 782px) {
+	.wp-customizer .theme:not(.active):hover .theme-actions,
+	.wp-customizer .theme:not(.active):focus .theme-actions {
+		display: block;
+	}
+
+	.wp-customizer .theme-browser .theme.active .theme-name span {
+		display: inline;
+	}
+
+	.customize-control-header button.random .dice {
+		margin-top: 0;
+	}
+
+	.customize-control-radio .customize-inside-control-row,
+	.customize-control-checkbox .customize-inside-control-row,
+	.customize-control-nav_menu_auto_add .customize-inside-control-row {
+		margin-right: 32px;
+	}
+
+	.customize-control-radio input,
+	.customize-control-checkbox input,
+	.customize-control-nav_menu_auto_add input {
+		margin-right: -32px;
+	}
+
+	.customize-control input[type="radio"] + label + br,
+	.customize-control input[type="checkbox"] + label + br {
+		line-height: 2.5; /* For widgets checkboxes */
+	}
+
+	.customize-control .date-time-fields select {
+		height: 39px;
+	}
+
+	.date-time-fields .date-input.month {
+		width: 79px;
+	}
+
+	.date-time-fields .date-input.day,
+	.date-time-fields .date-input.hour,
+	.date-time-fields .date-input.minute {
+		width: 55px;
+	}
+
+	.date-time-fields .date-input.year {
+		width: 80px;
+	}
+
+	#customize-control-changeset_preview_link a {
+		bottom: 16px;
+	}
+
+	.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+		bottom: 10px;
+	}
+
+	.media-widget-control .media-widget-buttons .button.edit-media,
+	.media-widget-control .media-widget-buttons .button.change-media,
+	.media-widget-control .media-widget-buttons .button.select-media {
+		margin-top: 12px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 3px 25px 3px 0;
+	}
+}
+
+@media screen and (max-width: 1200px) {
+	.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+		right: 67%;
+	}
+}
+
+@media screen and (max-width: 640px) {
+
+	/* when the sidebar is collapsed and switching to responsive view,
+	   bring it back see ticket #35220 */
+	.wp-full-overlay.collapsed #customize-controls {
+		margin-right: 0;
+	}
+
+	.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
+		bottom: 0;
+	}
+
+	.customize-controls-preview-toggle {
+		display: block;
+		position: absolute;
+		top: 0;
+		right: 48px;
+		line-height: 2.6;
+		font-size: 14px;
+		padding: 0 12px 4px;
+		margin: 0;
+		height: 45px;
+		background: #f0f0f1;
+		border: 0;
+		border-left: 1px solid #dcdcde;
+		border-top: 4px solid #f0f0f1;
+		color: #50575e;
+		cursor: pointer;
+		transition: color .1s ease-in-out, background .1s ease-in-out;
+	}
+
+	#customize-footer-actions,
+	/*#customize-preview,*/
+	.customize-controls-preview-toggle .controls,
+	.preview-only .wp-full-overlay-sidebar-content,
+	.preview-only .customize-controls-preview-toggle .preview {
+		display: none;
+	}
+
+	.preview-only #customize-save-button-wrapper {
+		margin-top: -46px;
+	}
+
+	.customize-controls-preview-toggle .preview:before,
+	.customize-controls-preview-toggle .controls:before {
+		font: normal 20px/1 dashicons;
+		content: "\f177";
+		position: relative;
+		top: 4px;
+		margin-left: 6px;
+	}
+
+	.customize-controls-preview-toggle .controls:before {
+		content: "\f540";
+	}
+
+	.preview-only #customize-controls {
+		height: 45px;
+	}
+
+	.preview-only #customize-preview,
+	.preview-only .customize-controls-preview-toggle .controls {
+		display: block;
+	}
+
+	.wp-core-ui.wp-customizer .button {
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
+		font-size: 14px;
+		vertical-align: middle;
+	}
+
+	#customize-control-changeset_status .customize-inside-control-row {
+		padding-top: 15px;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		width: 100%;
+	}
+
+	#available-widgets .customize-section-title,
+	#available-menu-items .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-widgets .customize-section-back,
+	#available-menu-items .customize-section-back {
+		height: 69px;
+	}
+
+	#available-widgets .customize-section-title h3,
+	#available-menu-items .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 14px 12px 10px;
+		margin: 0;
+		line-height: 24px;
+		color: #50575e;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets .customize-section-title .customize-action,
+	#available-menu-items .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets-filter {
+		position: relative;
+		width: 100%;
+		height: auto;
+	}
+
+	#available-widgets-list {
+		top: 130px;
+	}
+
+	#available-menu-items-search .clear-results,
+	#available-menu-items-search .search-icon {
+		top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
+	}
+
+	.reorder,
+	.reordering .reorder-done {
+		padding: 8px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 0;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.wp-full-overlay.expanded {
+		margin-right: 0;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		top: 46px;
+		z-index: 10;
+	}
+
+	body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		right: -100%;
+	}
+
+	body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		right: 0;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/customize-controls.css

@@ -0,0 +1,3001 @@
+body {
+	overflow: hidden;
+	-webkit-text-size-adjust: 100%;
+}
+
+.customize-controls-close,
+.widget-control-actions a {
+	text-decoration: none;
+}
+
+#customize-controls h3 {
+	font-size: 14px;
+}
+
+#customize-controls img {
+	max-width: 100%;
+}
+
+#customize-controls .submit {
+	text-align: center;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked {
+	background-color: rgba(0, 0, 0, 0.7);
+	padding: 25px;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 366px;
+	min-height: 64px;
+	width: auto;
+	padding: 25px 25px 25px 109px;
+	position: relative;
+	background: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	line-height: 1.5;
+	overflow-y: auto;
+	text-align: left;
+	top: calc( 50% - 100px );
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
+	margin-top: 0;
+}
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons {
+	margin-bottom: 0;
+}
+
+.customize-changeset-locked-avatar {
+	width: 64px;
+	position: absolute;
+	left: 25px;
+	top: 25px;
+}
+
+.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button {
+	margin-right: 10px;
+	margin-top: 0;
+}
+
+#customize-controls .description {
+	color: #50575e;
+}
+
+#customize-save-button-wrapper {
+	float: right;
+	margin-top: 9px;
+}
+
+body:not(.ready) #customize-save-button-wrapper .save {
+	visibility: hidden;
+}
+#customize-save-button-wrapper .save {
+	float: left;
+	border-radius: 3px;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	margin-top: 0;
+}
+
+#customize-save-button-wrapper .save:focus, #publish-settings:focus {
+	box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */
+}
+
+#customize-save-button-wrapper .save.has-next-sibling {
+	border-radius: 3px 0 0 3px;
+}
+
+#customize-sidebar-outer-content {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 100%;
+	margin: 0;
+	z-index: -1;
+	background: #f0f0f1;
+	transition: left .18s;
+	border-right: 1px solid #dcdcde;
+	border-left: 1px solid #dcdcde;
+	height: 100%;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .control-section-outer {
+	display: none !important;
+}
+
+#customize-outer-theme-controls .accordion-section-content {
+	padding: 12px;
+}
+
+#customize-outer-theme-controls .accordion-section-content.open {
+	display: block;
+}
+
+.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+	visibility: visible;
+	left: 100%;
+	transition: left .18s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+.customize-outer-pane-parent {
+	margin: 0;
+}
+
+.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main {
+	left: 300px;
+	opacity: 0.4;
+}
+
+.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+	left: 64%;
+}
+
+#customize-outer-theme-controls li.notice {
+	padding-top: 8px;
+	padding-bottom: 8px;
+	margin-left: 0;
+	margin-bottom: 10px;
+}
+
+#publish-settings {
+	text-indent: 0;
+	border-radius: 0 3px 3px 0;
+	padding-left: 0;
+	padding-right: 0;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	font-size: 14px;
+	width: 30px;
+	float: left;
+	transform: none;
+	margin-top: 0;
+	line-height: 2;
+}
+
+body:not(.ready) #publish-settings,
+body.trashing #customize-save-button-wrapper .save,
+body.trashing #publish-settings {
+	display: none;
+}
+
+#customize-header-actions .spinner {
+	margin-top: 13px;
+	margin-right: 4px;
+}
+
+.saving #customize-header-actions .spinner,
+.trashing #customize-header-actions .spinner {
+	visibility: visible;
+}
+
+#customize-header-actions {
+	border-bottom: 1px solid #dcdcde;
+}
+
+#customize-controls .wp-full-overlay-sidebar-content {
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
+	background: #f0f0f1;
+}
+
+#customize-controls .customize-info {
+	border: none;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 15px;
+}
+
+#customize-control-changeset_status .customize-inside-control-row,
+#customize-control-changeset_preview_link input {
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	box-sizing: content-box;
+	width: 100%;
+	margin-left: -12px;
+	padding-left: 12px;
+	padding-right: 12px;
+}
+
+#customize-control-trash_changeset {
+	margin-top: 20px;
+}
+#customize-control-trash_changeset .button-link {
+	position: relative;
+	padding-left: 24px;
+	display: inline-block;
+}
+#customize-control-trash_changeset .button-link:before {
+	content: "\f182";
+	font: normal 22px dashicons;
+	text-decoration: none;
+	position: absolute;
+	left: 0;
+	top: -2px;
+}
+
+#customize-controls .date-input:invalid {
+	border-color: #d63638;
+}
+
+#customize-control-changeset_status .customize-inside-control-row {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	font-weight: 500;
+}
+
+#customize-control-changeset_status .customize-inside-control-row:first-of-type {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-control-changeset_status .customize-control-title {
+	margin-bottom: 6px;
+}
+
+#customize-control-changeset_status input {
+	margin-left: 0;
+}
+
+#customize-control-changeset_preview_link {
+	position: relative;
+	display: block;
+}
+
+.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+	margin: 0;
+	position: absolute;
+	bottom: 9px;
+	right: 0;
+}
+
+.preview-link-wrapper {
+	position: relative;
+}
+
+.customize-copy-preview-link:before,
+.customize-copy-preview-link:after {
+	content: "";
+	height: 28px;
+	position: absolute;
+	background: #fff;
+	top: -1px;
+}
+
+.customize-copy-preview-link:before {
+	left: -10px;
+	width: 9px;
+	opacity: 0.75;
+}
+
+.customize-copy-preview-link:after {
+	left: -5px;
+	width: 4px;
+	opacity: 0.8;
+}
+
+#customize-control-changeset_preview_link input {
+	line-height: 2.85714286; /* 40px */
+	border-top: 1px solid #dcdcde;
+	border-left: none;
+	border-right: none;
+	text-indent: -999px;
+	color: #fff;
+	/* Only necessary for IE11 */
+	min-height: 40px;
+}
+
+#customize-control-changeset_preview_link label {
+	position: relative;
+	display: block;
+}
+
+#customize-control-changeset_preview_link a {
+	display: inline-block;
+	position: absolute;
+	white-space: nowrap;
+	overflow: hidden;
+	width: 90%;
+	bottom: 14px;
+	font-size: 14px;
+	text-decoration: none;
+}
+
+#customize-control-changeset_preview_link a.disabled,
+#customize-control-changeset_preview_link a.disabled:active,
+#customize-control-changeset_preview_link a.disabled:focus,
+#customize-control-changeset_preview_link a.disabled:visited {
+	color: #000;
+	opacity: 0.4;
+	cursor: default;
+	outline: none;
+	box-shadow: none;
+}
+
+#sub-accordion-section-publish_settings .customize-section-description-container {
+	display: none;
+}
+
+#customize-controls .customize-info.section-meta {
+	margin-bottom: 15px;
+}
+
+.customize-control-date_time .customize-control-description + .date-time-fields.includes-time {
+	margin-top: 10px;
+}
+
+.customize-control.customize-control-date_time .date-time-fields .date-input.day {
+	margin-right: 0;
+}
+
+.date-time-fields .date-input.month {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .date-input.day,
+.date-time-fields .date-input.hour,
+.date-time-fields .date-input.minute {
+	width: 46px;
+}
+
+.date-time-fields .date-input.year {
+	width: 65px;
+}
+
+.date-time-fields .date-input.meridian {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .time-row {
+	margin-top: 12px;
+}
+
+#customize-control-changeset_preview_link {
+	margin-top: 6px;
+}
+
+#customize-control-changeset_status {
+	margin-bottom: 0;
+	padding-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date {
+	box-sizing: content-box;
+	width: 100%;
+	margin-left: -12px;
+	padding: 12px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date .customize-control-description {
+	font-style: normal;
+}
+
+#customize-controls .customize-info.is-in-view,
+#customize-controls .customize-section-title.is-in-view {
+	position: absolute;
+	z-index: 9;
+	width: 100%;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#customize-controls .customize-section-title.is-in-view {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info.is-in-view + .accordion-section {
+	margin-top: 15px;
+}
+
+#customize-controls .customize-info.is-sticky,
+#customize-controls .customize-section-title.is-sticky {
+	position: fixed;
+	top: 46px;
+}
+
+#customize-controls .customize-info .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
+	cursor: default;
+}
+
+#customize-controls .customize-info.open .accordion-section-title:after,
+#customize-controls .customize-info .accordion-section-title:hover:after,
+#customize-controls .customize-info .accordion-section-title:focus:after {
+	color: #2c3338;
+}
+
+#customize-controls .customize-info .accordion-section-title:after {
+	display: none;
+}
+
+#customize-controls .customize-info .preview-notice {
+	font-size: 13px;
+	line-height: 1.9;
+}
+
+#customize-controls .customize-pane-child .customize-section-title h3,
+#customize-controls .customize-pane-child h3.customize-section-title,
+#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
+#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,
+#customize-controls .customize-info .panel-title {
+	font-size: 20px;
+	font-weight: 200;
+	line-height: 26px;
+	display: block;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-section-title span.customize-action {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	position: absolute;
+	top: 4px;
+	right: 1px;
+	padding: 20px 20px 10px 10px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	box-shadow: none;
+	background: transparent;
+	color: #50575e;
+	border: none;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	position: absolute;
+	top: 5px;
+	left: 6px;
+}
+
+#customize-controls .customize-info.open .customize-help-toggle,
+#customize-controls .customize-info .customize-help-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:hover {
+	color: #2271b1;
+}
+
+#customize-controls .customize-info .customize-panel-description,
+#customize-controls .customize-info .customize-section-description,
+#customize-outer-theme-controls .customize-info .customize-section-description,
+#customize-controls .no-widget-areas-rendered-notice {
+	color: #50575e;
+	display: none;
+	background: #fff;
+	padding: 12px 15px;
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice {
+	border-top: none;
+}
+.no-widget-areas-rendered-notice {
+	font-style: italic;
+}
+.no-widget-areas-rendered-notice p:first-child {
+	margin-top: 0;
+}
+.no-widget-areas-rendered-notice p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-info .customize-section-description {
+	margin-bottom: 15px;
+}
+
+#customize-controls .customize-info .customize-panel-description p:first-child,
+#customize-controls .customize-info .customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info .customize-panel-description p:last-child,
+#customize-controls .customize-info .customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .current-panel .control-section > h3.accordion-section-title {
+	padding-right: 30px;
+}
+
+#customize-theme-controls .control-section,
+#customize-outer-theme-controls .control-section {
+	border: none;
+}
+
+#customize-theme-controls .accordion-section-title,
+#customize-outer-theme-controls .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-theme-controls .accordion-section-title,
+	#customize-outer-theme-controls .accordion-section-title {
+		transition: none;
+	}
+}
+
+#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-left: 4px solid #fff;
+}
+
+#customize-theme-controls .accordion-section-title:after,
+#customize-outer-theme-controls .accordion-section-title:after {
+	content: "\f345";
+	color: #a7aaad;
+}
+
+#customize-theme-controls .accordion-section-content,
+#customize-outer-theme-controls .accordion-section-content {
+	color: #50575e;
+	background: transparent;
+}
+
+#customize-controls .control-section:hover > .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:hover,
+#customize-controls .control-section.open .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-left-color: #2271b1;
+}
+
+#accordion-section-themes + .control-section {
+	border-top: 1px solid #dcdcde;
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	background: #f6f7f7;
+}
+
+#customize-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-theme-controls .control-section.open .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:focus:after,
+#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+	color: #2271b1;
+}
+
+#customize-theme-controls .control-section.open {
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#customize-theme-controls .control-section.open .accordion-section-title,
+#customize-outer-theme-controls .control-section.open .accordion-section-title {
+	border-bottom-color: #f0f0f1 !important;
+}
+
+#customize-theme-controls .control-section:last-of-type.open,
+#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
+#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu {
+	border-top: none;
+}
+
+#customize-theme-controls > ul {
+	margin: 0;
+}
+
+#customize-theme-controls .accordion-section-content {
+	position: absolute;
+	top: 0;
+	left: 100%;
+	width: 100%;
+	margin: 0;
+	padding: 12px;
+	box-sizing: border-box;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent,
+#customize-theme-controls .customize-pane-child {
+	overflow: visible;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-info,
+	#customize-theme-controls .customize-pane-parent,
+	#customize-theme-controls .customize-pane-child {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .customize-pane-child.skip-transition {
+	transition: none;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent {
+	position: relative;
+	visibility: visible;
+	height: auto;
+	max-height: none;
+	overflow: auto;
+	transform: none;
+}
+
+#customize-theme-controls .customize-pane-child {
+	position: absolute;
+	top: 0;
+	left: 0;
+	visibility: hidden;
+	height: 0;
+	max-height: none;
+	overflow: hidden;
+	transform: translateX(100%);
+}
+
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel {
+	transform: none;
+}
+
+.section-open #customize-theme-controls .customize-pane-parent,
+.in-sub-panel #customize-theme-controls .customize-pane-parent,
+.section-open #customize-info,
+.in-sub-panel #customize-info,
+.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel {
+	visibility: hidden;
+	height: 0;
+	overflow: hidden;
+	transform: translateX(-100%);
+}
+
+.section-open #customize-theme-controls .customize-pane-parent.busy,
+.in-sub-panel #customize-theme-controls .customize-pane-parent.busy,
+.section-open #customize-info.busy,
+.in-sub-panel #customize-info.busy,
+.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.busy {
+	visibility: visible;
+	height: auto;
+	overflow: auto;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content,
+#customize-theme-controls .customize-pane-child.accordion-sub-container {
+	display: block;
+	overflow-x: hidden;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content {
+	padding: 12px;
+}
+
+#customize-theme-controls .customize-pane-child.menu li {
+	position: static;
+}
+
+.customize-section-description-container,
+.control-section-nav_menu .customize-section-description-container,
+.control-section-new_menu .customize-section-description-container {
+	margin-bottom: 15px;
+}
+
+.control-section-nav_menu .customize-control,
+.control-section-new_menu .customize-control {
+	/* Override default `margin-bottom` for `.customize-control` */
+	margin-bottom: 0;
+}
+
+.customize-section-title {
+	margin: -12px -12px 0;
+	border-bottom: 1px solid #dcdcde;
+	background: #fff;
+}
+
+div.customize-section-description {
+	margin-top: 22px;
+}
+
+.customize-info div.customize-section-description {
+	margin-top: 0;
+}
+
+div.customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+div.customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	border-bottom: 1px solid #dcdcde;
+	padding: 12px;
+}
+
+.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	padding: 12px 12px 13px;
+}
+
+.customize-section-title h3,
+h3.customize-section-title {
+	padding: 10px 10px 12px 14px;
+	margin: 0;
+	line-height: 21px;
+	color: #50575e;
+}
+
+.accordion-sub-container.control-panel-content {
+	display: none;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.accordion-sub-container.control-panel-content.busy {
+	display: block;
+}
+
+.current-panel .accordion-sub-container.control-panel-content {
+	width: 100%;
+}
+
+.customize-controls-close {
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 45px;
+	height: 41px;
+	padding: 0 2px 0 0;
+	background: #f0f0f1;
+	border: none;
+	border-top: 4px solid #f0f0f1;
+	border-right: 1px solid #dcdcde;
+	color: #3c434a;
+	text-align: left;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+	box-sizing: content-box;
+}
+
+.customize-panel-back,
+.customize-section-back {
+	display: block;
+	float: left;
+	width: 48px;
+	height: 71px;
+	padding: 0 24px 0 0;
+	margin: 0;
+	background: #fff;
+	border: none;
+	border-right: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	box-shadow: none;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+}
+
+.customize-section-back {
+	height: 74px;
+}
+
+.ios .customize-panel-back {
+	display: none;
+}
+
+.ios .expanded.in-sub-panel .customize-panel-back {
+	display: block;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title {
+	margin-left: 48px;
+	border-left: none;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title:hover,
+#customize-controls .cannot-expand:hover .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-left-color: #fff;
+}
+
+.customize-controls-close:focus,
+.customize-controls-close:hover,
+.customize-controls-preview-toggle:focus,
+.customize-controls-preview-toggle:hover {
+	background: #fff;
+	color: #2271b1;
+	border-top-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+#customize-theme-controls .accordion-section-title:focus .customize-action {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: 1px;
+}
+
+.customize-panel-back:hover,
+.customize-panel-back:focus,
+.customize-section-back:hover,
+.customize-section-back:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-left-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.customize-controls-close:before {
+	font: normal 22px/45px dashicons;
+	content: "\f335";
+	position: relative;
+	top: -3px;
+	left: 13px;
+}
+
+.customize-panel-back:before,
+.customize-section-back:before {
+	font: normal 20px/72px dashicons;
+	content: "\f341";
+	position: relative;
+	left: 9px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+	background-color: #f0f0f1;
+	transition: padding ease-in-out .18s;
+}
+
+.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
+	padding-left: 62px;
+}
+
+p.customize-section-description {
+	font-style: normal;
+	margin-top: 22px;
+	margin-bottom: 0;
+}
+
+.customize-section-description ul {
+	margin-left: 1em;
+}
+
+.customize-section-description ul > li {
+	list-style: disc;
+}
+
+.section-description-buttons {
+	text-align: right;
+}
+
+.customize-control {
+	width: 100%;
+	float: left;
+	clear: both;
+	margin-bottom: 12px;
+}
+
+.customize-control input[type="text"],
+.customize-control input[type="password"],
+.customize-control input[type="email"],
+.customize-control input[type="number"],
+.customize-control input[type="search"],
+.customize-control input[type="tel"],
+.customize-control input[type="url"],
+.customize-control input[type="range"] {
+	width: 100%;
+	margin: 0;
+}
+
+.customize-control-hidden {
+	margin: 0;
+}
+
+.customize-control-textarea textarea {
+	width: 100%;
+	resize: vertical;
+}
+
+.customize-control select {
+	width: 100%;
+}
+
+.customize-control select[multiple] {
+	height: auto;
+}
+
+.customize-control-title {
+	display: block;
+	font-size: 14px;
+	line-height: 1.75;
+	font-weight: 600;
+	margin-bottom: 4px;
+}
+
+.customize-control-description {
+	display: block;
+	font-style: italic;
+	line-height: 1.4;
+	margin-top: 0;
+	margin-bottom: 5px;
+}
+
+.customize-section-description a.external-link:after {
+	font: 16px/11px dashicons;
+	content: "\f504";
+	top: 3px;
+	position: relative;
+	padding-left: 3px;
+	display: inline-block;
+	text-decoration: none;
+}
+
+.customize-control-color .color-picker,
+.customize-control-upload div {
+	line-height: 28px;
+}
+
+.customize-control .customize-inside-control-row {
+	line-height: 1.6;
+	display: block;
+	margin-left: 24px;
+	padding-top: 6px;
+	padding-bottom: 6px;
+}
+
+.customize-control-radio input,
+.customize-control-checkbox input,
+.customize-control-nav_menu_auto_add input {
+	margin-right: 4px;
+	margin-left: -24px;
+}
+
+.customize-control-radio {
+	padding: 5px 0 10px;
+}
+
+.customize-control-radio .customize-control-title {
+	margin-bottom: 0;
+	line-height: 1.6;
+}
+
+.customize-control-radio .customize-control-title + .customize-control-description {
+	margin-top: 7px;
+}
+
+.customize-control-radio label,
+.customize-control-checkbox label {
+	vertical-align: top;
+}
+
+.customize-control .attachment-thumb.type-icon {
+	float: left;
+	margin: 10px;
+	width: auto;
+}
+
+.customize-control .attachment-title {
+	font-weight: 600;
+	margin: 0;
+	padding: 5px 10px;
+}
+
+.customize-control .attachment-meta {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	margin: 0;
+	padding: 0 10px;
+}
+
+.customize-control .attachment-meta-title {
+	padding-top: 7px;
+}
+
+/* Remove descender space. */
+.customize-control .thumbnail-image,
+.customize-control-header .current,
+.customize-control .wp-media-wrapper.wp-video {
+	line-height: 0;
+}
+
+/* Remove descender space. */
+.customize-control-site_icon .favicon-preview .browser-preview {
+	vertical-align: top;
+}
+
+.customize-control .thumbnail-image img {
+	cursor: pointer;
+}
+
+#customize-controls .thumbnail-audio .thumbnail {
+	max-width: 64px;
+	max-height: 64px;
+	margin: 10px;
+	float: left;
+}
+
+#available-menu-items .accordion-section-content .new-content-item,
+.customize-control-dropdown-pages .new-content-item {
+	width: calc(100% - 30px);
+	padding: 8px 15px;
+	position: absolute;
+	bottom: 0;
+	z-index: 10;
+	background: #f0f0f1;
+	display: flex;
+}
+
+.customize-control-dropdown-pages .new-content-item {
+	width: 100%;
+	padding: 5px 0 5px 1px;
+	position: relative;
+}
+
+#available-menu-items .new-content-item .create-item-input,
+.customize-control-dropdown-pages .new-content-item .create-item-input {
+	flex-grow: 10;
+}
+
+#available-menu-items .new-content-item .add-content,
+.customize-control-dropdown-pages .new-content-item .add-content {
+	margin: 2px 0 2px 6px;
+	flex-grow: 1;
+}
+
+.customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
+	border: 1px solid #d63638;
+}
+
+.customize-control-dropdown-pages .add-new-toggle {
+	margin-left: 1px;
+	font-weight: 600;
+	line-height: 2.2;
+}
+
+#customize-preview iframe {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+}
+#customize-preview iframe + iframe {
+	visibility: hidden;
+}
+
+.wp-full-overlay-sidebar {
+	background: #f0f0f1;
+	border-right: 1px solid #dcdcde;
+}
+
+
+/**
+ * Notifications
+ */
+
+#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
+	margin: 4px 0 8px;
+	padding: 0;
+	cursor: default;
+}
+
+#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
+.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
+	box-shadow: inset 0 0 0 2px #d63638;
+	transition: .15s box-shadow linear;
+}
+
+#customize-controls .customize-control-notifications-container li.notice {
+	list-style: none;
+	margin: 0 0 6px;
+	padding: 9px 14px;
+	overflow: hidden;
+}
+#customize-controls .customize-control-notifications-container .notice.is-dismissible {
+	padding-right: 38px;
+}
+
+.customize-control-notifications-container li.notice:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container {
+	margin-top: 0;
+}
+
+#customize-controls .customize-control-widget_form .customize-control-notifications-container {
+	margin-top: 8px;
+}
+
+.customize-control-text.has-error input {
+	outline: 2px solid #d63638;
+}
+
+#customize-controls #customize-notifications-area {
+	position: absolute;
+	top: 46px;
+	width: 100%;
+	border-bottom: 1px solid #dcdcde;
+	display: block;
+	padding: 0;
+	margin: 0;
+}
+
+.wp-full-overlay.collapsed #customize-controls #customize-notifications-area {
+	display: none !important;
+}
+
+#customize-controls #customize-notifications-area:not(.has-overlay-notifications),
+#customize-controls .customize-section-title > .customize-control-notifications-container:not(.has-overlay-notifications),
+#customize-controls .panel-meta > .customize-control-notifications-container:not(.has-overlay-notifications) {
+	max-height: 210px;
+	overflow-x: hidden;
+	overflow-y: auto;
+}
+
+#customize-controls #customize-notifications-area > ul,
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	margin: 0;
+}
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container {
+	border-top: 1px solid #dcdcde;
+}
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	padding: 9px 14px;
+}
+#customize-controls #customize-notifications-area .notice.is-dismissible,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice.is-dismissible,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice.is-dismissible {
+	padding-right: 38px;
+}
+#customize-controls #customize-notifications-area .notice + .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice + .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice + .notice {
+	margin-top: 1px;
+}
+
+@keyframes customize-fade-in {
+	0%   { opacity: 0; }
+	100% { opacity: 1; }
+}
+
+#customize-controls .notice.notification-overlay,
+#customize-controls #customize-notifications-area .notice.notification-overlay {
+	margin: 0;
+	border-left: 0; /* @todo Appropriate styles could be added for notice-error, notice-warning, notice-success, etc */
+}
+
+#customize-controls .customize-control-notifications-container.has-overlay-notifications {
+	animation: customize-fade-in 0.5s;
+	z-index: 30;
+}
+
+/* Note: Styles for this are also defined in themes.css */
+#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
+	clear: both;
+	color: #1d2327;
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 2em 0;
+	text-align: center;
+	width: 100%;
+	display: block;
+	top: 50%;
+	position: relative;
+}
+
+/* Style for custom settings */
+
+/**
+ * Static front page
+ */
+
+#customize-control-show_on_front.has-error {
+	margin-bottom: 0;
+}
+#customize-control-show_on_front.has-error .customize-control-notifications-container {
+	margin-top: 12px;
+}
+
+/**
+ * Dropdowns
+ */
+
+.accordion-section .dropdown {
+	float: left;
+	display: block;
+	position: relative;
+	cursor: pointer;
+}
+
+.accordion-section .dropdown-content {
+	overflow: hidden;
+	float: left;
+	min-width: 30px;
+	height: 16px;
+	line-height: 16px;
+	margin-right: 16px;
+	padding: 4px 5px;
+	border: 2px solid #f0f0f1;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+/* @todo maybe no more used? */
+.customize-control .dropdown-arrow {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	width: 20px;
+	background: #f0f0f1;
+}
+
+.customize-control .dropdown-arrow:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	padding: 0;
+	text-indent: 0;
+	text-align: center;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #2c3338;
+}
+
+.customize-control .dropdown-status {
+	color: #2c3338;
+	background: #f0f0f1;
+	display: none;
+	max-width: 112px;
+}
+
+.customize-control-color .dropdown {
+	margin-right: 5px;
+	margin-bottom: 5px;
+}
+
+.customize-control-color .dropdown .dropdown-content {
+	background-color: #50575e;
+	border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.customize-control-color .dropdown:hover .dropdown-content {
+	border-color: rgba(0, 0, 0, 0.25);
+}
+
+/**
+ * iOS can't scroll iframes,
+ * instead it expands the iframe size to match the size of the content
+ */
+
+.ios .wp-full-overlay {
+	position: relative;
+}
+
+.ios #customize-controls .wp-full-overlay-sidebar-content {
+	-webkit-overflow-scrolling: touch;
+}
+
+/* Media controls */
+
+.customize-control .actions .button {
+	margin-top: 12px;
+}
+
+.customize-control-header .actions,
+.customize-control-header .uploaded {
+	margin-bottom: 18px;
+}
+
+.customize-control-header .uploaded button:not(.random),
+.customize-control-header .default button:not(.random) {
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	background: none;
+	border: none;
+	color: inherit;
+	cursor: pointer;
+}
+
+.customize-control-header button img {
+	display: block;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control .attachment-media-view .upload-button,
+.customize-control-header button.new,
+.customize-control-header button.remove {
+	width: auto;
+	height: auto;
+	white-space: normal;
+}
+
+.customize-control .attachment-media-view .thumbnail,
+.customize-control-header .current .container {
+	overflow: hidden;
+}
+
+.customize-control .attachment-media-view .placeholder,
+.customize-control .attachment-media-view .button-add-media,
+.customize-control-header .placeholder {
+	width: 100%;
+	position: relative;
+	text-align: center;
+	cursor: default;
+	border: 1px dashed #c3c4c7;
+	box-sizing: border-box;
+	padding: 9px 0;
+	line-height: 1.6;
+}
+
+.customize-control .attachment-media-view .button-add-media {
+	cursor: pointer;
+	background-color: #f0f0f1;
+	color: #2c3338;
+}
+
+.customize-control .attachment-media-view .button-add-media:hover {
+	background-color: #fff;
+}
+
+.customize-control .attachment-media-view .button-add-media:focus {
+	background-color: #fff;
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.customize-control-header .inner {
+	display: none;
+	position: absolute;
+	width: 100%;
+	color: #50575e;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.customize-control-header .inner,
+.customize-control-header .inner .dashicons {
+	line-height: 20px;
+	top: 8px;
+}
+
+.customize-control-header .list .inner,
+.customize-control-header .list .inner .dashicons {
+	top: 9px;
+}
+
+.customize-control-header .header-view {
+	position: relative;
+	width: 100%;
+	margin-bottom: 12px;
+}
+
+.customize-control-header .header-view:last-child {
+	margin-bottom: 0;
+}
+
+/* Convoluted, but 'outline' support isn't good enough yet */
+.customize-control-header .header-view:after {
+	border: 0;
+}
+
+.customize-control-header .header-view.selected .choice:focus {
+	outline: none;
+}
+
+.customize-control-header .header-view.selected:after {
+	content: "";
+	position: absolute;
+	height: auto;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	border: 4px solid #72aee6;
+	border-radius: 2px;
+}
+
+.customize-control-header .header-view.button.selected {
+	border: 0;
+}
+
+/* Header control: overlay "close" button */
+
+.customize-control-header .uploaded .header-view .close {
+	font-size: 20px;
+	color: #fff;
+	background: #50575e;
+	background: rgba(0, 0, 0, 0.5);
+	position: absolute;
+	top: 10px;
+	left: -999px;
+	z-index: 1;
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.customize-control-header .header-view:hover .close,
+.customize-control-header .header-view .close:focus {
+	left: auto;
+	right: 10px;
+}
+
+.customize-control-header .header-view .close:focus {
+	outline: 1px solid #4f94d4;
+}
+
+/* Header control: randomiz(s)er */
+
+.customize-control-header .random.placeholder {
+	cursor: pointer;
+	border-radius: 2px;
+	height: 40px;
+}
+
+.customize-control-header button.random {
+	width: 100%;
+	height: auto;
+	min-height: 40px;
+	white-space: normal;
+}
+
+.customize-control-header button.random .dice {
+	margin-top: 4px;
+}
+
+.customize-control-header .placeholder:hover .dice,
+.customize-control-header .header-view:hover > button.random .dice {
+	animation: dice-color-change 3s infinite;
+}
+
+.button-see-me {
+	animation: bounce .7s 1;
+	transform-origin: center bottom;
+}
+
+@keyframes bounce {
+	from, 20%, 53%, 80%, to {
+		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+		transform: translate3d(0,0,0);
+	}
+
+	40%, 43% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -12px, 0);
+	}
+
+	70% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -6px, 0);
+	}
+
+	90% {
+		transform: translate3d(0,-1px,0);
+	}
+}
+
+.customize-control-header .choice {
+	position: relative;
+	display: block;
+	margin-bottom: 9px;
+}
+
+.customize-control-header .choice:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 3px 1px rgba(79, 148, 212, 0.8);
+}
+
+.customize-control-header .uploaded div:last-child > .choice {
+	margin-bottom: 0;
+}
+
+.customize-control .attachment-media-view .thumbnail-image img,
+.customize-control-header img {
+	max-width: 100%;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control-header .remove {
+	margin-right: 8px;
+}
+
+/* Background position control */
+.customize-control-background_position .background-position-control .button-group {
+	display: block;
+}
+
+/**
+ * Code Editor Control and Custom CSS Section
+ *
+ * Modifications to the Section Container to make the textarea full-width and
+ * full-height, if the control is the only control in the section.
+ */
+
+.customize-control-code_editor textarea {
+	width: 100%;
+	font-family: Consolas, Monaco, monospace;
+	font-size: 12px;
+	padding: 6px 8px;
+	-o-tab-size: 2;
+	tab-size: 2;
+}
+.customize-control-code_editor textarea,
+.customize-control-code_editor .CodeMirror {
+	height: 14em;
+}
+
+#customize-controls .customize-section-description-container.section-meta.customize-info {
+	border-bottom: none;
+}
+
+#sub-accordion-section-custom_css .customize-control-notifications-container {
+	margin-bottom: 15px;
+}
+
+#customize-control-custom_css textarea {
+	display: block;
+	height: 500px;
+}
+
+.customize-section-description-container + #customize-control-custom_css .customize-control-title {
+	margin-left: 12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+	border-right: 0;
+	border-left: 0;
+	height: calc( 100vh - 185px );
+	resize: none;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child {
+	margin-left: -12px;
+	width: 299px;
+	width: calc( 100% + 24px );
+	margin-bottom: -12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .CodeMirror {
+	height: calc( 100vh - 185px );
+}
+
+.CodeMirror-lint-tooltip,
+.CodeMirror-hints {
+	z-index: 500000 !important;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .customize-control-notifications-container {
+	margin-left: 12px;
+	margin-right: 12px;
+}
+
+.theme-browser .theme.active .theme-actions,
+.wp-customizer .theme-browser .theme .theme-actions {
+	padding: 9px 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+@media screen and (max-width: 640px) {
+	.customize-section-description-container + #customize-control-custom_css:last-child {
+		margin-right: 0;
+	}
+
+	.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+		height: calc( 100vh - 140px );
+	}
+}
+
+/**
+ * Themes
+ */
+
+#customize-theme-controls .control-panel-themes {
+	border-bottom: none;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-panel-themes > .accordion-section-title {
+	cursor: default;
+	background: #fff;
+	color: #50575e;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+	border-left: none;
+	border-right: none;
+	margin: 0 0 15px;
+	padding-right: 100px; /* Space for the button */
+}
+
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
+	border-top: 0;
+}
+
+#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes > .accordion-section-title {
+	margin: 0 0 15px;
+}
+
+#customize-controls .customize-themes-panel .accordion-section-title:hover,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	margin: 15px -8px;
+}
+
+#customize-controls .control-section-themes .accordion-section-title,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	padding-right: 100px; /* Space for the button */
+}
+
+.control-panel-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action,
+#customize-controls .control-section-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action {
+	font-size: 13px;
+	display: block;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme {
+	position: absolute;
+	right: 10px;
+	top: 50%;
+	margin-top: -14px;
+	font-weight: 400;
+}
+
+#customize-notifications-area .notification-message button.switch-to-editor {
+	display: block;
+	margin-top: 6px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:after {
+	display: none;
+}
+
+.control-panel-themes .customize-themes-full-container {
+	position: fixed;
+	top: 0;
+	left: 0;
+	transition: .18s left ease-in-out;
+	margin: 0 0 0 300px;
+	padding: 71px 0 25px;
+	overflow-y: scroll;
+	width: calc(100% - 300px);
+	height: calc(100% - 96px);
+	background: #f0f0f1;
+	z-index: 20;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.control-panel-themes .customize-themes-full-container {
+		transition: none;
+	}
+}
+
+@media screen and (min-width: 1670px) {
+	.control-panel-themes .customize-themes-full-container {
+		width: 82%;
+		right: 0;
+		left: initial;
+	}
+}
+
+.modal-open .control-panel-themes .customize-themes-full-container {
+	overflow-y: visible;
+}
+
+/* Animations for opening the themes panel */
+#customize-save-button-wrapper,
+#customize-header-actions .spinner,
+#customize-header-actions .customize-controls-preview-toggle {
+	transition: .18s margin ease-in-out;
+}
+
+#customize-footer-actions,
+#customize-footer-actions .collapse-sidebar {
+	bottom: 0;
+	transition: .18s bottom ease-in-out;
+}
+
+.in-themes-panel:not(.animating) #customize-header-actions .spinner,
+.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle,
+.in-themes-panel:not(.animating) #customize-preview,
+.in-themes-panel:not(.animating) #customize-footer-actions {
+	visibility: hidden;
+}
+
+.wp-full-overlay.in-themes-panel {
+	background: #f0f0f1; /* Prevents a black flash when fading in the panel */
+}
+
+.in-themes-panel #customize-save-button-wrapper,
+.in-themes-panel #customize-header-actions .spinner,
+.in-themes-panel #customize-header-actions .customize-controls-preview-toggle {
+	margin-top: -46px; /* Height of header actions bar */
+}
+
+.in-themes-panel #customize-footer-actions,
+.in-themes-panel #customize-footer-actions .collapse-sidebar {
+	bottom: -45px;
+}
+
+/* Don't show the theme count while the panel opens, as it's in the wrong place during the animation */
+.in-themes-panel.animating .control-panel-themes .filter-themes-count {
+	display: none;
+}
+
+.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content {
+	bottom: 0;
+}
+
+.themes-filter-bar .feature-filter-toggle {
+	float: right;
+	margin: 3px 0 3px 25px;
+}
+
+.themes-filter-bar .feature-filter-toggle:before {
+	content: "\f111";
+	margin: 0 5px 0 0;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .feature-filter-toggle.open {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+.themes-filter-bar .feature-filter-toggle .filter-count-filters {
+	display: none;
+}
+
+.filter-drawer {
+	box-sizing: border-box;
+	width: 100%;
+	position: absolute;
+	top: 46px;
+	left: 0;
+	padding: 25px 0 25px 25px;
+	border-top: 0;
+	margin: 0;
+	background: #f0f0f1;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.filter-drawer .filter-group {
+	margin: 0 25px 0 0;
+	width: calc( (100% - 75px) / 3);
+	min-width: 200px;
+	max-width: 320px;
+}
+
+/* Adds a delay before fading in to avoid it "jumping" */
+@keyframes themes-fade-in {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
+}
+
+.control-panel-themes .customize-themes-full-container.animate {
+	animation: .6s themes-fade-in 1;
+}
+
+.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count {
+	animation: .6s themes-fade-in 1;
+}
+
+.control-panel-themes .filter-themes-count {
+	position: relative;
+	float: right;
+	line-height: 2.6;
+}
+
+.control-panel-themes .filter-themes-count .themes-displayed {
+	font-weight: 600;
+	color: #50575e;
+}
+
+.customize-themes-notifications {
+	margin: 0;
+}
+
+.control-panel-themes .customize-themes-notifications .notice {
+	margin: 0 0 25px;
+}
+
+.customize-themes-full-container .customize-themes-section {
+	display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+	overflow: hidden;
+}
+
+.customize-themes-full-container .customize-themes-section.current-section {
+	display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+}
+
+.control-section .customize-section-text-before {
+	padding: 0 0 8px 15px;
+	margin: 15px 0 0;
+	line-height: 16px;
+	border-bottom: 1px solid #dcdcde;
+	color: #50575e;
+}
+
+.control-panel-themes .customize-themes-section-title {
+	width: 100%;
+	background: #fff;
+	box-shadow: none;
+	outline: none;
+	border-top: none;
+	border-bottom: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	border-right: none;
+	cursor: pointer;
+	padding: 10px 15px;
+	position: relative;
+	text-align: left;
+	font-size: 14px;
+	font-weight: 600;
+	color: #50575e;
+	text-shadow: none;
+}
+
+.control-panel-themes #accordion-section-installed_themes {
+	border-top: 1px solid #dcdcde;
+}
+
+.control-panel-themes .theme-section {
+	margin: 0;
+	position: relative;
+}
+
+.control-panel-themes .customize-themes-section-title:focus,
+.control-panel-themes .customize-themes-section-title:hover {
+	border-left-color: #2271b1;
+	color: #2271b1;
+	background: #f6f7f7;
+}
+
+.customize-themes-section-title:not(.selected):after {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 9px;
+	right: 15px;
+	width: 18px;
+	height: 18px;
+	border-radius: 100%;
+	border: 1px solid #c3c4c7;
+	background: #fff;
+}
+
+.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+	content: "\f147";
+	font: 16px/1 dashicons;
+	box-sizing: border-box;
+	width: 20px;
+	height: 20px;
+	padding: 3px 3px 1px 1px; /* Re-align the icon to the smaller grid */
+	border-radius: 100%;
+	position: absolute;
+	top: 9px;
+	right: 15px;
+	background: #2271b1;
+	color: #fff;
+}
+
+.control-panel-themes .customize-themes-section-title.selected {
+	color: #2271b1;
+}
+
+#customize-theme-controls .themes.accordion-section-content {
+	position: relative;
+	left: 0;
+	padding: 0;
+	width: 100%;
+}
+
+.loading .customize-themes-section .spinner {
+	display: block;
+	visibility: visible;
+	position: relative;
+	clear: both;
+	width: 20px;
+	height: 20px;
+	left: calc(50% - 10px);
+	float: none;
+	margin-top: 50px;
+}
+
+.customize-themes-section .no-themes,
+.customize-themes-section .no-themes-local {
+	display: none;
+}
+
+.themes-section-installed_themes .theme .notice-success:not(.updated-message) {
+	display: none; /* Hide "installed" notice on installed themes tab. */
+}
+
+.customize-control-theme .theme {
+	width: 100%;
+	margin: 0;
+	border: 1px solid #dcdcde;
+	background: #fff;
+}
+
+.customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions {
+	background: #fff;
+	border: none;
+}
+
+.customize-control.customize-control-theme { /* override most properties on .customize-control */
+	box-sizing: border-box;
+	width: 25%;
+	max-width: 600px; /* Max. screenshot size / 2 */
+	margin: 0 25px 25px 0;
+	padding: 0;
+	clear: none;
+}
+
+/* 5 columns above 2100px */
+@media screen and (min-width: 2101px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 125px ) / 5 - 1px ); /* 1px offset accounts for browser rounding, typical all grids */
+	}
+}
+
+/* 4 columns up to 2100px */
+@media screen and (min-width: 1601px) and (max-width: 2100px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 100px ) / 4 - 1px );
+	}
+}
+
+/* 3 columns up to 1600px */
+@media screen and (min-width: 1201px) and (max-width: 1600px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 75px ) / 3 - 1px );
+	}
+}
+
+/* 2 columns up to 1200px */
+@media screen and (min-width: 851px) and (max-width: 1200px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 50px ) / 2 - 1px );
+
+	}
+}
+
+/* 1 column up to 850 px */
+@media screen and (max-width: 850px) {
+	.customize-control.customize-control-theme {
+		width: 100%;
+	}
+}
+
+.wp-customizer .theme-browser .themes {
+	padding: 0 0 25px 25px;
+	transition: .18s margin-top linear;
+}
+
+.wp-customizer .theme-browser .theme .theme-actions {
+	opacity: 1;
+}
+
+#customize-controls h3.theme-name {
+	font-size: 15px;
+}
+
+#customize-controls .theme-overlay .theme-name {
+	font-size: 32px;
+}
+
+.customize-preview-header.themes-filter-bar {
+	position: fixed;
+	top: 0;
+	left: 300px;
+	width: calc(100% - 300px);
+	height: 46px;
+	background: #f0f0f1;
+	z-index: 10;
+	padding: 6px 25px;
+	box-sizing: border-box;
+	border-bottom: 1px solid #dcdcde;
+}
+
+@media screen and (min-width: 1670px) {
+	.customize-preview-header.themes-filter-bar {
+		width: 82%;
+		right: 0;
+		left: initial;
+	}
+}
+
+.themes-filter-bar .themes-filter-container {
+	margin: 0;
+	padding: 0;
+}
+
+.themes-filter-bar .wp-filter-search {
+	line-height: 1.8;
+	padding: 6px 10px 6px 30px;
+	max-width: 100%;
+	width: 40%;
+	min-width: 300px;
+	position: absolute;
+	top: 6px;
+	left: 25px;
+	height: 32px;
+	margin: 1px 0;
+}
+
+/* Unstick the filter bar on short windows/screens. This breakpoint is based on the
+   current length of .org feature filters assuming translations do not wrap lines. */
+@media screen and (max-height: 540px), screen and (max-width: 1018px) {
+	.customize-preview-header.themes-filter-bar {
+		position: relative;
+		left: 0;
+		width: 100%;
+		margin: 0 0 25px;
+	}
+	.filter-drawer {
+		top: 46px;
+	}
+	.wp-customizer .theme-browser .themes {
+		padding: 0 0 25px 25px;
+		overflow: hidden;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		margin-top: 0;
+		padding: 0;
+		height: 100%;
+		width: calc(100% - 300px);
+	}
+}
+
+@media screen and (max-width: 1018px) {
+	.filter-drawer .filter-group {
+		width: calc( (100% - 50px) / 2);
+	}
+}
+
+@media screen and (max-width: 900px) {
+	.customize-preview-header.themes-filter-bar {
+		height: 86px;
+		padding-top: 46px;
+	}
+
+	.themes-filter-bar .wp-filter-search {
+		width: calc(100% - 50px);
+		margin: 0;
+		min-width: 200px;
+	}
+
+	.filter-drawer {
+		top: 86px;
+	}
+
+	.control-panel-themes .filter-themes-count {
+		float: left;
+	}
+}
+
+@media screen and (max-width: 792px) {
+	.filter-drawer .filter-group {
+		width: calc( 100% - 25px);
+	}
+}
+
+.control-panel-themes .customize-themes-mobile-back {
+	display: none;
+}
+
+/* Mobile - toggle between themes and filters */
+@media screen and (max-width: 600px) {
+
+	.filter-drawer {
+		top: 132px;
+	}
+
+	.wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes {
+		display: block;
+		float: right;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		width: 100%;
+		margin: 0;
+		padding-top: 46px;
+		height: calc(100% - 46px);
+		z-index: 1;
+		display: none;
+	}
+
+	.showing-themes .control-panel-themes .customize-themes-full-container {
+		display: block;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back {
+		display: block;
+		position: fixed;
+		top: 0;
+		left: 0;
+		background: #f0f0f1;
+		color: #3c434a;
+		border-radius: 0;
+		box-shadow: none;
+		border: none;
+		height: 46px;
+		width: 100%;
+		z-index: 10;
+		text-align: left;
+		text-shadow: none;
+		border-bottom: 1px solid #dcdcde;
+		border-left: 4px solid transparent;
+		margin: 0;
+		padding: 0;
+		font-size: 0;
+		overflow: hidden;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before {
+		left: 0;
+		top: 0;
+		height: 46px;
+		width: 26px;
+		display: block;
+		line-height: 2.3;
+		padding: 0 8px;
+		border-right: 1px solid #dcdcde;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
+		color: #2271b1;
+		background: #f6f7f7;
+		border-left-color: #2271b1;
+		box-shadow: none;
+		/* Only visible in Windows High Contrast mode */
+		outline: 2px solid transparent;
+		outline-offset: -2px;
+	}
+
+	.showing-themes #customize-header-actions {
+		display: none;
+	}
+
+	#customize-controls {
+		width: 100%;
+	}
+}
+
+/* Details View */
+.wp-customizer .theme-overlay {
+	display: none;
+}
+
+.wp-customizer.modal-open .theme-overlay {
+	position: fixed;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 109;
+}
+
+/* Avoid a z-index war by resetting elements that should be under the overlay.
+   This is likely required because of the way that sections and panels are positioned. */
+.wp-customizer.modal-open #customize-header-actions,
+.wp-customizer.modal-open .control-panel-themes .filter-themes-count,
+.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after {
+	z-index: -1;
+}
+
+.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible;
+}
+
+.wp-customizer .theme-overlay .theme-backdrop {
+	background: rgba(240, 240, 241, 0.75);
+	position: fixed;
+	z-index: 110;
+}
+
+.wp-customizer .theme-overlay .star-rating {
+	float: left;
+	margin-right: 8px;
+}
+
+.wp-customizer .theme-rating .num-ratings {
+	line-height: 20px;
+}
+
+.wp-customizer .theme-overlay .theme-wrap {
+	left: 90px;
+	right: 90px;
+	top: 45px;
+	bottom: 45px;
+	z-index: 120;
+}
+
+.wp-customizer .theme-overlay .theme-actions {
+	text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
+	padding: 10px 25px;
+	background: #f0f0f1;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .theme-overlay .theme-actions .theme-install.preview {
+	margin-left: 8px;
+}
+
+.control-panel-themes .theme-actions .delete-theme {
+	left: 15px; /* these override themes.css on mobile */
+	right: auto;
+	bottom: auto;
+	position: absolute;
+}
+
+.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */
+}
+
+.wp-customizer .theme-header {
+	background: #f0f0f1;
+}
+
+.wp-customizer .theme-overlay .theme-header button,
+.wp-customizer .theme-overlay .theme-header .close:before {
+	color: #3c434a;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus,
+.wp-customizer .theme-overlay .theme-header .close:hover,
+.wp-customizer .theme-overlay .theme-header .right:focus,
+.wp-customizer .theme-overlay .theme-header .right:hover,
+.wp-customizer .theme-overlay .theme-header .left:focus,
+.wp-customizer .theme-overlay .theme-header .left:hover {
+	background: #fff;
+	border-bottom: 4px solid #2271b1;
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus:before,
+.wp-customizer .theme-overlay .theme-header .close:hover:before {
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header button.disabled,
+.wp-customizer .theme-overlay .theme-header button.disabled:hover,
+.wp-customizer .theme-overlay .theme-header button.disabled:focus {
+	border-bottom: none;
+	background: transparent;
+	color: #c3c4c7;
+}
+
+/* Small Screens */
+@media (max-width: 850px), (max-height: 472px) {
+	.wp-customizer .theme-overlay .theme-wrap {
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+	}
+
+	.wp-customizer .theme-browser .themes {
+		padding-right: 25px;
+	}
+}
+
+/* Handle cheaters. */
+body.cheatin {
+	font-size: medium;
+	height: auto;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	margin: 50px auto 2em;
+	padding: 1em 2em;
+	max-width: 700px;
+	min-width: 0;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+body.cheatin h1 {
+	border-bottom: 1px solid #dcdcde;
+	clear: both;
+	color: #50575e;
+	font-size: 24px;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	margin: 30px 0 0;
+	padding: 0 0 7px;
+}
+
+body.cheatin p {
+	font-size: 14px;
+	line-height: 1.5;
+	margin: 25px 0 20px;
+}
+
+/**
+ * Widgets and Menus common styles
+ */
+
+/* higher specificity than .wp-core-ui .button */
+#customize-theme-controls .add-new-widget,
+#customize-theme-controls .add-new-menu-item {
+	cursor: pointer;
+	float: right;
+	margin: 0 0 0 10px;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.reordering .add-new-widget,
+.reordering .add-new-menu-item {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed; /* doesn't work in conjunction with pointer-events */
+}
+
+.add-new-widget:before,
+.add-new-menu-item:before,
+#available-menu-items .new-content-item .add-content:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	left: -2px;
+	top: 0;
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* Reordering */
+.reorder-toggle {
+	float: right;
+	padding: 5px 8px;
+	text-decoration: none;
+	cursor: pointer;
+	outline: none;
+}
+
+.reorder,
+.reordering .reorder-done {
+	display: block;
+	padding: 5px 8px;
+}
+
+.reorder-done,
+.reordering .reorder {
+	display: none;
+}
+
+.widget-reorder-nav span,
+.menu-item-reorder-nav button {
+	position: relative;
+	overflow: hidden;
+	float: left;
+	display: block;
+	width: 33px; /* was 42px for mobile */
+	height: 43px;
+	color: #8c8f94;
+	text-indent: -9999px;
+	cursor: pointer;
+	outline: none;
+}
+
+.menu-item-reorder-nav button {
+	width: 30px;
+	height: 40px;
+	background: transparent;
+	border: none;
+	box-shadow: none;
+}
+
+.widget-reorder-nav span:before,
+.menu-item-reorder-nav button:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/43px dashicons;
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus,
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+	color: #1d2327;
+	background: #f0f0f1;
+}
+
+.move-widget-down:before,
+.menus-move-down:before {
+	content: "\f347";
+}
+
+.move-widget-up:before,
+.menus-move-up:before {
+	content: "\f343";
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down,
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+	color: #dcdcde;
+	background-color: #fff;
+	cursor: default;
+	pointer-events: none;
+}
+
+/**
+ * New widget and Add-menu-items modes and panels
+ */
+
+.wp-full-overlay-main {
+	right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
+	width: 100%;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover,
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	color: #2c3338;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+body.adding-widget .add-new-widget:before,
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+	transform: rotate(45deg);
+}
+
+#available-widgets,
+#available-menu-items {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: -301px;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 4;
+	background: #f0f0f1;
+	transition: left .18s;
+	border-right: 1px solid #dcdcde;
+}
+
+#available-widgets .customize-section-title,
+#available-menu-items .customize-section-title {
+	display: none;
+}
+
+#available-widgets-list {
+	top: 60px;
+	position: absolute;
+	overflow: auto;
+	bottom: 0;
+	width: 100%;
+	border-top: 1px solid #dcdcde;
+}
+
+.no-widgets-found #available-widgets-list {
+	border-top: none;
+}
+
+#available-widgets-filter {
+	position: fixed;
+	top: 0;
+	z-index: 1;
+	width: 300px;
+	background: #f0f0f1;
+}
+
+/* search field container */
+#available-widgets-filter,
+#available-menu-items-search .accordion-section-title {
+	padding: 13px 15px;
+	box-sizing: border-box;
+}
+
+#available-widgets-filter input,
+#available-menu-items-search input {
+	width: 100%;
+	min-height: 32px;
+	margin: 1px 0;
+	padding: 0 30px;
+}
+
+#available-widgets-filter input::-ms-clear,
+#available-menu-items-search input::-ms-clear {
+	display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
+}
+
+#available-menu-items-search .search-icon,
+#available-widgets-filter .search-icon {
+	display: block;
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	left: 16px;
+	width: 30px;
+	height: 30px;
+	line-height: 2.1;
+	text-align: center;
+	color: #646970;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results {
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	right: 16px;
+	width: 30px;
+	height: 30px;
+	padding: 0;
+	border: 0;
+	cursor: pointer;
+	background: none;
+	color: #d63638;
+	text-decoration: none;
+	outline: 0;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results,
+#available-menu-items-search.loading .clear-results.is-visible {
+	display: none;
+}
+
+#available-widgets-filter .clear-results.is-visible,
+#available-menu-items-search .clear-results.is-visible {
+	display: block;
+}
+
+#available-widgets-filter .clear-results:before,
+#available-menu-items-search .clear-results:before {
+	content: "\f335";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#available-widgets-filter .clear-results:hover,
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:hover,
+#available-menu-items-search .clear-results:focus {
+	color: #d63638;
+}
+
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+#available-menu-items-search .search-icon:after,
+#available-widgets-filter .search-icon:after,
+.themes-filter-bar .search-icon:after {
+	content: "\f179";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .search-icon {
+	position: absolute;
+	top: 7px;
+	left: 26px;
+	z-index: 1;
+	color: #646970;
+	height: 30px;
+	width: 30px;
+	line-height: 2;
+	text-align: center;
+}
+
+.no-widgets-found-message {
+	display: none;
+	margin: 0;
+	padding: 0 15px;
+	line-height: inherit;
+}
+
+.no-widgets-found .no-widgets-found-message {
+	display: block;
+}
+
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover,
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+	border: none;
+	background: transparent;
+	box-shadow: none;
+}
+
+#available-widgets .widget-tpl,
+#available-menu-items .item-tpl {
+	position: relative;
+	padding: 15px 15px 15px 60px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+	cursor: pointer;
+	display: none;
+}
+
+#available-widgets .widget,
+#available-menu-items .item {
+	position: static;
+}
+
+
+/* Responsive */
+.customize-controls-preview-toggle {
+	display: none;
+}
+
+@media only screen and (max-width: 782px) {
+	.wp-customizer .theme:not(.active):hover .theme-actions,
+	.wp-customizer .theme:not(.active):focus .theme-actions {
+		display: block;
+	}
+
+	.wp-customizer .theme-browser .theme.active .theme-name span {
+		display: inline;
+	}
+
+	.customize-control-header button.random .dice {
+		margin-top: 0;
+	}
+
+	.customize-control-radio .customize-inside-control-row,
+	.customize-control-checkbox .customize-inside-control-row,
+	.customize-control-nav_menu_auto_add .customize-inside-control-row {
+		margin-left: 32px;
+	}
+
+	.customize-control-radio input,
+	.customize-control-checkbox input,
+	.customize-control-nav_menu_auto_add input {
+		margin-left: -32px;
+	}
+
+	.customize-control input[type="radio"] + label + br,
+	.customize-control input[type="checkbox"] + label + br {
+		line-height: 2.5; /* For widgets checkboxes */
+	}
+
+	.customize-control .date-time-fields select {
+		height: 39px;
+	}
+
+	.date-time-fields .date-input.month {
+		width: 79px;
+	}
+
+	.date-time-fields .date-input.day,
+	.date-time-fields .date-input.hour,
+	.date-time-fields .date-input.minute {
+		width: 55px;
+	}
+
+	.date-time-fields .date-input.year {
+		width: 80px;
+	}
+
+	#customize-control-changeset_preview_link a {
+		bottom: 16px;
+	}
+
+	.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+		bottom: 10px;
+	}
+
+	.media-widget-control .media-widget-buttons .button.edit-media,
+	.media-widget-control .media-widget-buttons .button.change-media,
+	.media-widget-control .media-widget-buttons .button.select-media {
+		margin-top: 12px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 3px 0 3px 25px;
+	}
+}
+
+@media screen and (max-width: 1200px) {
+	.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+		left: 67%;
+	}
+}
+
+@media screen and (max-width: 640px) {
+
+	/* when the sidebar is collapsed and switching to responsive view,
+	   bring it back see ticket #35220 */
+	.wp-full-overlay.collapsed #customize-controls {
+		margin-left: 0;
+	}
+
+	.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
+		bottom: 0;
+	}
+
+	.customize-controls-preview-toggle {
+		display: block;
+		position: absolute;
+		top: 0;
+		left: 48px;
+		line-height: 2.6;
+		font-size: 14px;
+		padding: 0 12px 4px;
+		margin: 0;
+		height: 45px;
+		background: #f0f0f1;
+		border: 0;
+		border-right: 1px solid #dcdcde;
+		border-top: 4px solid #f0f0f1;
+		color: #50575e;
+		cursor: pointer;
+		transition: color .1s ease-in-out, background .1s ease-in-out;
+	}
+
+	#customize-footer-actions,
+	/*#customize-preview,*/
+	.customize-controls-preview-toggle .controls,
+	.preview-only .wp-full-overlay-sidebar-content,
+	.preview-only .customize-controls-preview-toggle .preview {
+		display: none;
+	}
+
+	.preview-only #customize-save-button-wrapper {
+		margin-top: -46px;
+	}
+
+	.customize-controls-preview-toggle .preview:before,
+	.customize-controls-preview-toggle .controls:before {
+		font: normal 20px/1 dashicons;
+		content: "\f177";
+		position: relative;
+		top: 4px;
+		margin-right: 6px;
+	}
+
+	.customize-controls-preview-toggle .controls:before {
+		content: "\f540";
+	}
+
+	.preview-only #customize-controls {
+		height: 45px;
+	}
+
+	.preview-only #customize-preview,
+	.preview-only .customize-controls-preview-toggle .controls {
+		display: block;
+	}
+
+	.wp-core-ui.wp-customizer .button {
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
+		font-size: 14px;
+		vertical-align: middle;
+	}
+
+	#customize-control-changeset_status .customize-inside-control-row {
+		padding-top: 15px;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		width: 100%;
+	}
+
+	#available-widgets .customize-section-title,
+	#available-menu-items .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-widgets .customize-section-back,
+	#available-menu-items .customize-section-back {
+		height: 69px;
+	}
+
+	#available-widgets .customize-section-title h3,
+	#available-menu-items .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 10px 12px 14px;
+		margin: 0;
+		line-height: 24px;
+		color: #50575e;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets .customize-section-title .customize-action,
+	#available-menu-items .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets-filter {
+		position: relative;
+		width: 100%;
+		height: auto;
+	}
+
+	#available-widgets-list {
+		top: 130px;
+	}
+
+	#available-menu-items-search .clear-results,
+	#available-menu-items-search .search-icon {
+		top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
+	}
+
+	.reorder,
+	.reordering .reorder-done {
+		padding: 8px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 0;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.wp-full-overlay.expanded {
+		margin-left: 0;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		top: 46px;
+		z-index: 10;
+	}
+
+	body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		left: -100%;
+	}
+
+	body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		left: 0;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/customize-nav-menus-rtl.css

@@ -0,0 +1,884 @@
+/*! This file is auto-generated */
+#customize-theme-controls #accordion-section-menu_locations {
+	position: relative;
+	margin-top: 30px;
+}
+
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+	margin-top: 15px;
+}
+
+#customize-theme-controls .customize-section-title-nav_menus-heading,
+#customize-theme-controls .customize-section-title-menu_locations-heading,
+#customize-theme-controls .customize-section-title-menu_locations-description {
+	padding: 0 12px;
+}
+
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
+	/* Override the default italic style for control descriptions */
+	font-style: normal;
+}
+
+.menu-in-location,
+.menu-in-locations {
+	display: block;
+	font-weight: 600;
+	font-size: 10px;
+}
+
+#customize-controls .theme-location-set,
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
+	color: #50575e;
+}
+
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
+.customize-control-nav_menu_location .edit-menu,
+.customize-control-nav_menu_location .create-menu {
+	margin-right: 6px;
+	vertical-align: middle;
+	line-height: 2.2;
+}
+
+#customize-controls .customize-control-nav_menu_name {
+	margin-bottom: 12px;
+}
+
+.customize-control-nav_menu_name p:last-of-type {
+	margin-bottom: 0;
+}
+
+#customize-new-menu-submit {
+	float: left;
+	min-width: 85px;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle,
+.wp-customizer .menu-item-settings,
+.wp-customizer .menu-item-settings .description-thin {
+	box-sizing: border-box;
+}
+
+.wp-customizer .menu-item-bar {
+	margin: 0;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle {
+	width: 100%;
+	max-width: 100%;
+	background: #fff;
+}
+
+.wp-customizer .menu-item-handle .item-title {
+	margin-left: 0;
+}
+
+.wp-customizer .menu-item-handle .item-type {
+	padding: 1px 5px 0 21px;
+	float: left;
+	text-align: left;
+}
+
+.wp-customizer .menu-item-handle:hover {
+	z-index: 8;
+}
+
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
+	border-right: 4px solid #72aee6;
+}
+
+.wp-customizer .menu-item-settings {
+	max-width: 100%;
+	overflow: hidden;
+	z-index: 8;
+	padding: 10px;
+	background: #f0f0f1;
+	border: 1px solid #8c8f94;
+	border-top: none;
+}
+
+.wp-customizer .menu-item-settings .description-thin {
+	width: 100%;
+	height: auto;
+	margin: 0 0 8px;
+}
+
+.wp-customizer .menu-item-settings input[type="text"] {
+	width: 100%;
+}
+
+.wp-customizer .menu-item-settings .submitbox {
+	margin: 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-item-settings .link-to-original {
+	padding: 5px 0;
+	border: none;
+	font-style: normal;
+	margin: 0;
+	width: 100%;
+}
+
+.wp-customizer .menu-item .submitbox .submitdelete {
+	float: right;
+	margin: 6px 0 0;
+	padding: 0;
+	cursor: pointer;
+}
+
+
+/**
+ * Menu items reordering styles
+ */
+
+.menu-item-reorder-nav {
+	display: none;
+	background-color: #fff;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.menus-move-left:before {
+	content: "\f345";
+}
+
+.menus-move-right:before {
+	content: "\f341";
+}
+
+.reordering .menu-item .item-controls,
+.reordering .menu-item .item-type {
+	display: none;
+}
+
+.reordering .menu-item-reorder-nav {
+	display: block;
+}
+
+.customize-control input.menu-name-field {
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
+}
+
+.wp-customizer .menu-item .item-edit {
+	position: absolute;
+	left: -19px;
+	top: 2px;
+	display: block;
+	width: 30px;
+	height: 38px;
+	margin-left: 0 !important;
+	box-shadow: none;
+	outline: none;
+	overflow: hidden;
+	cursor: pointer;
+	text-align: center;
+}
+
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
+	content: "\f142";
+}
+
+.wp-customizer .menu-item-settings p.description {
+	font-style: normal;
+}
+
+.wp-customizer .menu-settings dl {
+	margin: 12px 0 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-settings .checkbox-input {
+	margin-top: 8px;
+}
+
+.wp-customizer .menu-settings .menu-theme-locations {
+	border-top: 1px solid #c3c4c7;
+}
+
+.wp-customizer .menu-settings {
+	margin-top: 36px;
+	border-top: none;
+}
+
+.wp-customizer .menu-location-settings {
+	margin-top: 12px;
+	border-top: none;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings {
+	margin-top: 24px;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings,
+.customize-control-nav_menu_auto_add {
+	padding-top: 12px;
+}
+
+.menu-location-settings .customize-control-checkbox .theme-location-set {
+	line-height: 1;
+}
+
+.customize-control-nav_menu_auto_add label {
+	vertical-align: top;
+}
+
+.menu-location-settings .new-menu-locations-widget-note {
+	display: block;
+}
+
+.customize-control-menu {
+	margin-top: 4px;
+}
+
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
+	color: #50575e;
+}
+
+/* Screen Options */
+.customize-screen-options-toggle {
+	background: none;
+	border: none;
+	color: #50575e;
+	cursor: pointer;
+	margin: 0;
+	padding: 20px;
+	position: absolute;
+	left: 0;
+	top: 30px;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	padding: 20px;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	padding: 4px;
+}
+
+.customize-screen-options-toggle:hover,
+.customize-screen-options-toggle:active,
+.customize-screen-options-toggle:focus,
+.active-menu-screen-options .customize-screen-options-toggle,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+	color: #2271b1;
+}
+
+.customize-screen-options-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.customize-screen-options-toggle:before {
+	-moz-osx-font-smoothing: grayscale;
+	border: none;
+	content: "\f111";
+	display: block;
+	font: 18px/1 dashicons;
+	padding: 5px;
+	text-align: center;
+	text-decoration: none !important;
+	text-indent: 0;
+	right: 6px;
+	position: absolute;
+	top: 6px;
+}
+
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before {
+	border-radius: 100%;
+}
+
+.wp-customizer #screen-options-wrap {
+	display: none;
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	padding: 4px 15px 15px;
+}
+
+.wp-customizer .metabox-prefs label {
+	display: block;
+	padding-left: 0;
+	line-height: 30px;
+}
+
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
+.wp-customizer .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
+}
+
+.rtl .wp-customizer .toggle-indicator {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
+#available-menu-items .accordion-section-title .toggle-indicator:before {
+	content: "\f140";
+	display: block;
+	padding: 1px 0 1px 2px;
+	speak: never;
+	border-radius: 50%;
+	color: #787c82;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+}
+
+.control-section-nav_menu .field-link-target,
+.control-section-nav_menu .field-title-attribute,
+.control-section-nav_menu .field-css-classes,
+.control-section-nav_menu .field-xfn,
+.control-section-nav_menu .field-description {
+	display: none;
+}
+
+.control-section-nav_menu.field-link-target-active .field-link-target,
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
+.control-section-nav_menu.field-xfn-active .field-xfn,
+.control-section-nav_menu.field-description-active .field-description {
+	display: block;
+}
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.menu-item-depth-0  { margin-right: 0;     }
+.menu-item-depth-1  { margin-right: 20px;  }
+.menu-item-depth-2  { margin-right: 40px;  }
+.menu-item-depth-3  { margin-right: 60px;  }
+.menu-item-depth-4  { margin-right: 80px;  }
+.menu-item-depth-5  { margin-right: 100px; }
+.menu-item-depth-6  { margin-right: 120px; }
+.menu-item-depth-7  { margin-right: 140px; }
+.menu-item-depth-8  { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */
+.menu-item-depth-9  { margin-right: 180px; }
+.menu-item-depth-10 { margin-right: 200px; }
+.menu-item-depth-11 { margin-right: 220px; }
+
+/* @todo handle .menu-item-settings width */
+.menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
+.menu-item-depth-1  > .menu-item-bar { margin-left: 20px;  }
+.menu-item-depth-2  > .menu-item-bar { margin-left: 40px;  }
+.menu-item-depth-3  > .menu-item-bar { margin-left: 60px;  }
+.menu-item-depth-4  > .menu-item-bar { margin-left: 80px;  }
+.menu-item-depth-5  > .menu-item-bar { margin-left: 100px; }
+.menu-item-depth-6  > .menu-item-bar { margin-left: 120px; }
+.menu-item-depth-7  > .menu-item-bar { margin-left: 140px; }
+.menu-item-depth-8  > .menu-item-bar { margin-left: 160px; }
+.menu-item-depth-9  > .menu-item-bar { margin-left: 180px; }
+.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; }
+.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; }
+
+/* Submenu left margin. */
+.menu-item-depth-0  .menu-item-transport { margin-right: 0;      }
+.menu-item-depth-1  .menu-item-transport { margin-right: -20px;  }
+.menu-item-depth-3  .menu-item-transport { margin-right: -60px;  }
+.menu-item-depth-4  .menu-item-transport { margin-right: -80px;  }
+.menu-item-depth-2  .menu-item-transport { margin-right: -40px;  }
+.menu-item-depth-5  .menu-item-transport { margin-right: -100px; }
+.menu-item-depth-6  .menu-item-transport { margin-right: -120px; }
+.menu-item-depth-7  .menu-item-transport { margin-right: -140px; }
+.menu-item-depth-8  .menu-item-transport { margin-right: -160px; }
+.menu-item-depth-9  .menu-item-transport { margin-right: -180px; }
+.menu-item-depth-10 .menu-item-transport { margin-right: -200px; }
+.menu-item-depth-11 .menu-item-transport { margin-right: -220px; }
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.reordering .menu-item-depth-0  { margin-right: 0;     }
+.reordering .menu-item-depth-1  { margin-right: 15px;  }
+.reordering .menu-item-depth-2  { margin-right: 30px;  }
+.reordering .menu-item-depth-3  { margin-right: 45px;  }
+.reordering .menu-item-depth-4  { margin-right: 60px;  }
+.reordering .menu-item-depth-5  { margin-right: 75px;  }
+.reordering .menu-item-depth-6  { margin-right: 90px;  }
+.reordering .menu-item-depth-7  { margin-right: 105px; }
+.reordering .menu-item-depth-8  { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */
+.reordering .menu-item-depth-9  { margin-right: 135px; }
+.reordering .menu-item-depth-10 { margin-right: 150px; }
+.reordering .menu-item-depth-11 { margin-right: 165px; }
+
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-left: 15px;  }
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-left: 30px;  }
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-left: 45px;  }
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-left: 60px;  }
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-left: 75px;  }
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-left: 90px;  }
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-left: 105px; }
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-left: 120px; }
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-left: 135px; }
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
+
+.control-section-nav_menu.menu .menu-item-edit-active {
+	margin-right: 0;
+}
+
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
+	margin-left: 0;
+}
+
+.control-section-nav_menu.menu .sortable-placeholder {
+	margin-top: 0;
+	margin-bottom: 1px;
+	max-width: calc(100% - 2px);
+	float: right;
+	display: list-item;
+	border-color: #a7aaad;
+}
+
+.menu-item-transport li.customize-control {
+	float: none;
+}
+
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
+	margin-top: 0;
+}
+
+/**
+ * Add-menu-items mode
+ */
+
+.adding-menu-items .control-section {
+	opacity: .4;
+}
+
+.adding-menu-items .control-panel.control-section,
+.adding-menu-items .control-section.open {
+	opacity: 1;
+}
+
+.menu-item-bar .item-delete {
+	color: #d63638;
+	position: absolute;
+	top: 2px;
+	left: -19px;
+	width: 30px;
+	height: 38px;
+	cursor: pointer;
+	display: none;
+}
+
+.menu-item-bar .item-delete:before {
+	content: "\f335";
+	position: absolute;
+	top: 9px;
+	right: 5px;
+	border-radius: 50%;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.menu-item-bar .item-delete:hover,
+.menu-item-bar .item-delete:focus {
+	box-shadow: none;
+	outline: none;
+	color: #d63638;
+}
+
+.adding-menu-items .menu-item-bar .item-edit {
+	display: none;
+}
+
+.adding-menu-items .menu-item-bar .item-delete {
+	display: block;
+}
+
+/**
+ * Styles for menu-item addition panel
+ */
+
+#available-menu-items.opening {
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
+}
+
+#available-menu-items #available-menu-items-search.open {
+	height: 100%;
+	border-bottom: none;
+}
+
+#available-menu-items .accordion-section-title {
+	border-right: none;
+	border-left: none;
+	background: #fff;
+	transition: background-color 0.15s;
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
+	-webkit-user-select: auto;
+	user-select: auto;
+}
+
+#available-menu-items .open .accordion-section-title,
+#available-menu-items #available-menu-items-search .accordion-section-title {
+	background: #f0f0f1;
+}
+
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
+#available-menu-items .accordion-section-title:after {
+	content: none !important;
+}
+
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
+#available-menu-items .button-link:hover .toggle-indicator:before,
+#available-menu-items .button-link:focus .toggle-indicator:before {
+	color: #1d2327;
+}
+
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
+	content: "\f142";
+	color: #1d2327;
+}
+
+#available-menu-items .available-menu-items-list {
+	overflow-y: auto;
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-title button {
+	display: block;
+	width: 28px;
+	height: 35px;
+	position: absolute;
+	top: 5px;
+	left: 5px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .accordion-section-title .no-items,
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
+#available-menu-items .cannot-expand .accordion-section-title > button {
+	display: none;
+}
+
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
+	display: block;
+}
+
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
+	float: left;
+	color: #50575e;
+	font-weight: 400;
+	margin-right: 5px;
+}
+
+#available-menu-items .accordion-section-content {
+	max-height: 290px;
+	margin: 0;
+	padding: 0;
+	position: relative;
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list {
+	margin: 0 0 45px;
+	padding: 1px 15px 15px;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
+	margin-bottom: 0;
+}
+
+#new-custom-menu-item .accordion-section-content {
+	padding: 0 15px 15px;
+}
+
+#available-menu-items .menu-item-tpl {
+	margin: 0;
+}
+
+#custom-menu-item-name.invalid,
+#custom-menu-item-url.invalid,
+.edit-menu-item-url.invalid,
+.menu-name-field.invalid,
+.menu-name-field.invalid:focus,
+#available-menu-items .new-content-item .create-item-input.invalid,
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
+	border: 1px solid #d63638;
+}
+
+#available-menu-items .menu-item-handle .item-type {
+	padding-left: 0;
+}
+
+#available-menu-items .menu-item-handle .item-title {
+	padding-right: 20px;
+}
+
+#available-menu-items .menu-item-handle {
+	cursor: pointer;
+}
+
+#available-menu-items .menu-item-handle {
+	box-shadow: none;
+	margin-top: -1px;
+}
+
+#available-menu-items .menu-item-handle:hover {
+	z-index: 1;
+}
+
+#available-menu-items .item-title h4 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-menu-items .item-add {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	color: #8c8f94;
+	width: 30px;
+	height: 38px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .menu-item-handle .item-add:focus {
+	color: #1d2327;
+}
+
+#available-menu-items .item-add:before {
+	content: "\f543";
+	position: relative;
+	right: 2px;
+	top: 3px;
+	display: inline-block;
+	height: 20px;
+	border-radius: 50%;
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
+}
+
+#available-menu-items .menu-item-handle.item-added .item-type,
+#available-menu-items .menu-item-handle.item-added .item-title,
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
+	color: #8c8f94;
+}
+
+#available-menu-items .menu-item-handle.item-added .item-add:before {
+	content: "\f147";
+}
+
+#available-menu-items .accordion-section-title.loading .spinner,
+#available-menu-items-search.loading .accordion-section-title .spinner {
+	visibility: visible;
+	margin: 0 20px;
+}
+
+#available-menu-items-search .spinner {
+	position: absolute;
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
+	left: 21px;
+	margin: 0 !important;
+}
+
+/* search results list */
+#available-menu-items #available-menu-items-search .accordion-section-content {
+	position: absolute;
+	right: 0;
+	top: 60px; /* below title div / search input */
+	bottom: 0; /* 100% height that still triggers lazy load */
+	max-height: none;
+	width: 100%;
+	padding: 1px 15px 15px;
+	box-sizing: border-box;
+}
+
+#available-menu-items-search .nothing-found {
+	/* Compensate the 1px top padding of the container. */
+	margin-top: -1px;
+}
+
+#available-menu-items-search .accordion-section-title:after {
+	display: none;
+}
+
+#available-menu-items-search .accordion-section-content:empty {
+	min-height: 0;
+	padding: 0;
+}
+
+#available-menu-items-search.loading .accordion-section-content div {
+	opacity: .5;
+}
+
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
+	opacity: 1;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-menu-items #available-menu-items {
+	right: 0;
+	visibility: visible;
+}
+
+body.adding-menu-items .wp-full-overlay-main {
+	right: 300px;
+}
+
+body.adding-menu-items #customize-preview {
+	opacity: 0.4;
+}
+
+body.adding-menu-items #customize-preview iframe {
+	pointer-events: none;
+}
+
+.menu-item-handle .spinner {
+	display: none;
+	float: right;
+	margin: 0 0 0 8px;
+}
+
+.nav-menu-inserted-item-loading .spinner {
+	display: block;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
+	padding: 0 8px 0 0;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle,
+.added-menu-item .menu-item-handle.loading {
+	padding: 10px 8px 10px 15px;
+	cursor: default;
+	opacity: .5;
+	background: #fff;
+	color: #787c82;
+}
+
+.added-menu-item .menu-item-handle {
+	transition-property: opacity, background, color;
+	transition-duration: 1.25s;
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
+}
+
+/* Add/delete Menus */
+
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+/* @todo update selector */
+#accordion-section-add_menu {
+	margin: 15px 12px;
+}
+
+#accordion-section-add_menu h3 {
+	text-align: left;
+}
+
+#accordion-section-add_menu h3,
+#accordion-section-add_menu .customize-add-menu-button {
+	margin: 0;
+}
+
+#accordion-section-add_menu .customize-add-menu-button {
+	font-weight: 400;
+}
+
+#create-new-menu-submit {
+	float: left;
+	margin: 0 0 12px;
+}
+
+.menu-delete-item {
+	float: right;
+	padding: 1em 0;
+	width: 100%;
+}
+
+.assigned-menu-locations-title p {
+	margin: 0 0 8px;
+}
+
+li.assigned-to-menu-location .menu-delete-item {
+	display: none;
+}
+
+li.assigned-to-menu-location .add-new-menu-item {
+	margin-bottom: 1em;
+}
+
+.menu-item-handle {
+	margin-top: -1px;
+}
+.ui-sortable-disabled .menu-item-handle {
+	cursor: default;
+}
+
+.menu-item-handle:hover {
+	position: relative;
+	z-index: 10;
+	color: #2271b1;
+}
+
+.menu-item-handle:hover .item-type,
+.menu-item-handle:hover .item-edit,
+#available-menu-items .menu-item-handle:hover .item-add {
+	color: #2271b1;
+}
+
+.menu-item-edit-active .menu-item-handle {
+	border-color: #8c8f94;
+	border-bottom: none;
+}
+
+.customize-control-nav_menu_item {
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .new-menu-item-invitation {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
+	margin-top: 12px;
+}
+
+/**
+ * box-shadows
+ */
+
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before,
+.wp-customizer button:focus .toggle-indicator:before,
+.menu-delete:focus,
+.menu-item-bar .item-delete:focus:before,
+#available-menu-items .item-add:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+
+@media screen and (max-width: 782px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 63px;
+	}
+}
+
+@media screen and (max-width: 640px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 130px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/customize-nav-menus.css

@@ -0,0 +1,883 @@
+#customize-theme-controls #accordion-section-menu_locations {
+	position: relative;
+	margin-top: 30px;
+}
+
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+	margin-top: 15px;
+}
+
+#customize-theme-controls .customize-section-title-nav_menus-heading,
+#customize-theme-controls .customize-section-title-menu_locations-heading,
+#customize-theme-controls .customize-section-title-menu_locations-description {
+	padding: 0 12px;
+}
+
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
+	/* Override the default italic style for control descriptions */
+	font-style: normal;
+}
+
+.menu-in-location,
+.menu-in-locations {
+	display: block;
+	font-weight: 600;
+	font-size: 10px;
+}
+
+#customize-controls .theme-location-set,
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
+	color: #50575e;
+}
+
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
+.customize-control-nav_menu_location .edit-menu,
+.customize-control-nav_menu_location .create-menu {
+	margin-left: 6px;
+	vertical-align: middle;
+	line-height: 2.2;
+}
+
+#customize-controls .customize-control-nav_menu_name {
+	margin-bottom: 12px;
+}
+
+.customize-control-nav_menu_name p:last-of-type {
+	margin-bottom: 0;
+}
+
+#customize-new-menu-submit {
+	float: right;
+	min-width: 85px;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle,
+.wp-customizer .menu-item-settings,
+.wp-customizer .menu-item-settings .description-thin {
+	box-sizing: border-box;
+}
+
+.wp-customizer .menu-item-bar {
+	margin: 0;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle {
+	width: 100%;
+	max-width: 100%;
+	background: #fff;
+}
+
+.wp-customizer .menu-item-handle .item-title {
+	margin-right: 0;
+}
+
+.wp-customizer .menu-item-handle .item-type {
+	padding: 1px 21px 0 5px;
+	float: right;
+	text-align: right;
+}
+
+.wp-customizer .menu-item-handle:hover {
+	z-index: 8;
+}
+
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
+	border-left: 4px solid #72aee6;
+}
+
+.wp-customizer .menu-item-settings {
+	max-width: 100%;
+	overflow: hidden;
+	z-index: 8;
+	padding: 10px;
+	background: #f0f0f1;
+	border: 1px solid #8c8f94;
+	border-top: none;
+}
+
+.wp-customizer .menu-item-settings .description-thin {
+	width: 100%;
+	height: auto;
+	margin: 0 0 8px;
+}
+
+.wp-customizer .menu-item-settings input[type="text"] {
+	width: 100%;
+}
+
+.wp-customizer .menu-item-settings .submitbox {
+	margin: 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-item-settings .link-to-original {
+	padding: 5px 0;
+	border: none;
+	font-style: normal;
+	margin: 0;
+	width: 100%;
+}
+
+.wp-customizer .menu-item .submitbox .submitdelete {
+	float: left;
+	margin: 6px 0 0;
+	padding: 0;
+	cursor: pointer;
+}
+
+
+/**
+ * Menu items reordering styles
+ */
+
+.menu-item-reorder-nav {
+	display: none;
+	background-color: #fff;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+.menus-move-left:before {
+	content: "\f341";
+}
+
+.menus-move-right:before {
+	content: "\f345";
+}
+
+.reordering .menu-item .item-controls,
+.reordering .menu-item .item-type {
+	display: none;
+}
+
+.reordering .menu-item-reorder-nav {
+	display: block;
+}
+
+.customize-control input.menu-name-field {
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
+}
+
+.wp-customizer .menu-item .item-edit {
+	position: absolute;
+	right: -19px;
+	top: 2px;
+	display: block;
+	width: 30px;
+	height: 38px;
+	margin-right: 0 !important;
+	box-shadow: none;
+	outline: none;
+	overflow: hidden;
+	cursor: pointer;
+	text-align: center;
+}
+
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
+	content: "\f142";
+}
+
+.wp-customizer .menu-item-settings p.description {
+	font-style: normal;
+}
+
+.wp-customizer .menu-settings dl {
+	margin: 12px 0 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-settings .checkbox-input {
+	margin-top: 8px;
+}
+
+.wp-customizer .menu-settings .menu-theme-locations {
+	border-top: 1px solid #c3c4c7;
+}
+
+.wp-customizer .menu-settings {
+	margin-top: 36px;
+	border-top: none;
+}
+
+.wp-customizer .menu-location-settings {
+	margin-top: 12px;
+	border-top: none;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings {
+	margin-top: 24px;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings,
+.customize-control-nav_menu_auto_add {
+	padding-top: 12px;
+}
+
+.menu-location-settings .customize-control-checkbox .theme-location-set {
+	line-height: 1;
+}
+
+.customize-control-nav_menu_auto_add label {
+	vertical-align: top;
+}
+
+.menu-location-settings .new-menu-locations-widget-note {
+	display: block;
+}
+
+.customize-control-menu {
+	margin-top: 4px;
+}
+
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
+	color: #50575e;
+}
+
+/* Screen Options */
+.customize-screen-options-toggle {
+	background: none;
+	border: none;
+	color: #50575e;
+	cursor: pointer;
+	margin: 0;
+	padding: 20px;
+	position: absolute;
+	right: 0;
+	top: 30px;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	padding: 20px;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	padding: 4px;
+}
+
+.customize-screen-options-toggle:hover,
+.customize-screen-options-toggle:active,
+.customize-screen-options-toggle:focus,
+.active-menu-screen-options .customize-screen-options-toggle,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+	color: #2271b1;
+}
+
+.customize-screen-options-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.customize-screen-options-toggle:before {
+	-moz-osx-font-smoothing: grayscale;
+	border: none;
+	content: "\f111";
+	display: block;
+	font: 18px/1 dashicons;
+	padding: 5px;
+	text-align: center;
+	text-decoration: none !important;
+	text-indent: 0;
+	left: 6px;
+	position: absolute;
+	top: 6px;
+}
+
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before {
+	border-radius: 100%;
+}
+
+.wp-customizer #screen-options-wrap {
+	display: none;
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	padding: 4px 15px 15px;
+}
+
+.wp-customizer .metabox-prefs label {
+	display: block;
+	padding-right: 0;
+	line-height: 30px;
+}
+
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
+.wp-customizer .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
+}
+
+.rtl .wp-customizer .toggle-indicator {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
+#available-menu-items .accordion-section-title .toggle-indicator:before {
+	content: "\f140";
+	display: block;
+	padding: 1px 2px 1px 0;
+	speak: never;
+	border-radius: 50%;
+	color: #787c82;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+}
+
+.control-section-nav_menu .field-link-target,
+.control-section-nav_menu .field-title-attribute,
+.control-section-nav_menu .field-css-classes,
+.control-section-nav_menu .field-xfn,
+.control-section-nav_menu .field-description {
+	display: none;
+}
+
+.control-section-nav_menu.field-link-target-active .field-link-target,
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
+.control-section-nav_menu.field-xfn-active .field-xfn,
+.control-section-nav_menu.field-description-active .field-description {
+	display: block;
+}
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.menu-item-depth-0  { margin-left: 0;     }
+.menu-item-depth-1  { margin-left: 20px;  }
+.menu-item-depth-2  { margin-left: 40px;  }
+.menu-item-depth-3  { margin-left: 60px;  }
+.menu-item-depth-4  { margin-left: 80px;  }
+.menu-item-depth-5  { margin-left: 100px; }
+.menu-item-depth-6  { margin-left: 120px; }
+.menu-item-depth-7  { margin-left: 140px; }
+.menu-item-depth-8  { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */
+.menu-item-depth-9  { margin-left: 180px; }
+.menu-item-depth-10 { margin-left: 200px; }
+.menu-item-depth-11 { margin-left: 220px; }
+
+/* @todo handle .menu-item-settings width */
+.menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
+.menu-item-depth-1  > .menu-item-bar { margin-right: 20px;  }
+.menu-item-depth-2  > .menu-item-bar { margin-right: 40px;  }
+.menu-item-depth-3  > .menu-item-bar { margin-right: 60px;  }
+.menu-item-depth-4  > .menu-item-bar { margin-right: 80px;  }
+.menu-item-depth-5  > .menu-item-bar { margin-right: 100px; }
+.menu-item-depth-6  > .menu-item-bar { margin-right: 120px; }
+.menu-item-depth-7  > .menu-item-bar { margin-right: 140px; }
+.menu-item-depth-8  > .menu-item-bar { margin-right: 160px; }
+.menu-item-depth-9  > .menu-item-bar { margin-right: 180px; }
+.menu-item-depth-10 > .menu-item-bar { margin-right: 200px; }
+.menu-item-depth-11 > .menu-item-bar { margin-right: 220px; }
+
+/* Submenu left margin. */
+.menu-item-depth-0  .menu-item-transport { margin-left: 0;      }
+.menu-item-depth-1  .menu-item-transport { margin-left: -20px;  }
+.menu-item-depth-3  .menu-item-transport { margin-left: -60px;  }
+.menu-item-depth-4  .menu-item-transport { margin-left: -80px;  }
+.menu-item-depth-2  .menu-item-transport { margin-left: -40px;  }
+.menu-item-depth-5  .menu-item-transport { margin-left: -100px; }
+.menu-item-depth-6  .menu-item-transport { margin-left: -120px; }
+.menu-item-depth-7  .menu-item-transport { margin-left: -140px; }
+.menu-item-depth-8  .menu-item-transport { margin-left: -160px; }
+.menu-item-depth-9  .menu-item-transport { margin-left: -180px; }
+.menu-item-depth-10 .menu-item-transport { margin-left: -200px; }
+.menu-item-depth-11 .menu-item-transport { margin-left: -220px; }
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.reordering .menu-item-depth-0  { margin-left: 0;     }
+.reordering .menu-item-depth-1  { margin-left: 15px;  }
+.reordering .menu-item-depth-2  { margin-left: 30px;  }
+.reordering .menu-item-depth-3  { margin-left: 45px;  }
+.reordering .menu-item-depth-4  { margin-left: 60px;  }
+.reordering .menu-item-depth-5  { margin-left: 75px;  }
+.reordering .menu-item-depth-6  { margin-left: 90px;  }
+.reordering .menu-item-depth-7  { margin-left: 105px; }
+.reordering .menu-item-depth-8  { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */
+.reordering .menu-item-depth-9  { margin-left: 135px; }
+.reordering .menu-item-depth-10 { margin-left: 150px; }
+.reordering .menu-item-depth-11 { margin-left: 165px; }
+
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-right: 15px;  }
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-right: 30px;  }
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-right: 45px;  }
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-right: 60px;  }
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-right: 75px;  }
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-right: 90px;  }
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-right: 105px; }
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-right: 120px; }
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-right: 135px; }
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
+
+.control-section-nav_menu.menu .menu-item-edit-active {
+	margin-left: 0;
+}
+
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
+	margin-right: 0;
+}
+
+.control-section-nav_menu.menu .sortable-placeholder {
+	margin-top: 0;
+	margin-bottom: 1px;
+	max-width: calc(100% - 2px);
+	float: left;
+	display: list-item;
+	border-color: #a7aaad;
+}
+
+.menu-item-transport li.customize-control {
+	float: none;
+}
+
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
+	margin-top: 0;
+}
+
+/**
+ * Add-menu-items mode
+ */
+
+.adding-menu-items .control-section {
+	opacity: .4;
+}
+
+.adding-menu-items .control-panel.control-section,
+.adding-menu-items .control-section.open {
+	opacity: 1;
+}
+
+.menu-item-bar .item-delete {
+	color: #d63638;
+	position: absolute;
+	top: 2px;
+	right: -19px;
+	width: 30px;
+	height: 38px;
+	cursor: pointer;
+	display: none;
+}
+
+.menu-item-bar .item-delete:before {
+	content: "\f335";
+	position: absolute;
+	top: 9px;
+	left: 5px;
+	border-radius: 50%;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.menu-item-bar .item-delete:hover,
+.menu-item-bar .item-delete:focus {
+	box-shadow: none;
+	outline: none;
+	color: #d63638;
+}
+
+.adding-menu-items .menu-item-bar .item-edit {
+	display: none;
+}
+
+.adding-menu-items .menu-item-bar .item-delete {
+	display: block;
+}
+
+/**
+ * Styles for menu-item addition panel
+ */
+
+#available-menu-items.opening {
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
+}
+
+#available-menu-items #available-menu-items-search.open {
+	height: 100%;
+	border-bottom: none;
+}
+
+#available-menu-items .accordion-section-title {
+	border-left: none;
+	border-right: none;
+	background: #fff;
+	transition: background-color 0.15s;
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
+	-webkit-user-select: auto;
+	user-select: auto;
+}
+
+#available-menu-items .open .accordion-section-title,
+#available-menu-items #available-menu-items-search .accordion-section-title {
+	background: #f0f0f1;
+}
+
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
+#available-menu-items .accordion-section-title:after {
+	content: none !important;
+}
+
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
+#available-menu-items .button-link:hover .toggle-indicator:before,
+#available-menu-items .button-link:focus .toggle-indicator:before {
+	color: #1d2327;
+}
+
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
+	content: "\f142";
+	color: #1d2327;
+}
+
+#available-menu-items .available-menu-items-list {
+	overflow-y: auto;
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-title button {
+	display: block;
+	width: 28px;
+	height: 35px;
+	position: absolute;
+	top: 5px;
+	right: 5px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .accordion-section-title .no-items,
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
+#available-menu-items .cannot-expand .accordion-section-title > button {
+	display: none;
+}
+
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
+	display: block;
+}
+
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
+	float: right;
+	color: #50575e;
+	font-weight: 400;
+	margin-left: 5px;
+}
+
+#available-menu-items .accordion-section-content {
+	max-height: 290px;
+	margin: 0;
+	padding: 0;
+	position: relative;
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list {
+	margin: 0 0 45px;
+	padding: 1px 15px 15px;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
+	margin-bottom: 0;
+}
+
+#new-custom-menu-item .accordion-section-content {
+	padding: 0 15px 15px;
+}
+
+#available-menu-items .menu-item-tpl {
+	margin: 0;
+}
+
+#custom-menu-item-name.invalid,
+#custom-menu-item-url.invalid,
+.edit-menu-item-url.invalid,
+.menu-name-field.invalid,
+.menu-name-field.invalid:focus,
+#available-menu-items .new-content-item .create-item-input.invalid,
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
+	border: 1px solid #d63638;
+}
+
+#available-menu-items .menu-item-handle .item-type {
+	padding-right: 0;
+}
+
+#available-menu-items .menu-item-handle .item-title {
+	padding-left: 20px;
+}
+
+#available-menu-items .menu-item-handle {
+	cursor: pointer;
+}
+
+#available-menu-items .menu-item-handle {
+	box-shadow: none;
+	margin-top: -1px;
+}
+
+#available-menu-items .menu-item-handle:hover {
+	z-index: 1;
+}
+
+#available-menu-items .item-title h4 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-menu-items .item-add {
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	color: #8c8f94;
+	width: 30px;
+	height: 38px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .menu-item-handle .item-add:focus {
+	color: #1d2327;
+}
+
+#available-menu-items .item-add:before {
+	content: "\f543";
+	position: relative;
+	left: 2px;
+	top: 3px;
+	display: inline-block;
+	height: 20px;
+	border-radius: 50%;
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
+}
+
+#available-menu-items .menu-item-handle.item-added .item-type,
+#available-menu-items .menu-item-handle.item-added .item-title,
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
+	color: #8c8f94;
+}
+
+#available-menu-items .menu-item-handle.item-added .item-add:before {
+	content: "\f147";
+}
+
+#available-menu-items .accordion-section-title.loading .spinner,
+#available-menu-items-search.loading .accordion-section-title .spinner {
+	visibility: visible;
+	margin: 0 20px;
+}
+
+#available-menu-items-search .spinner {
+	position: absolute;
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
+	right: 21px;
+	margin: 0 !important;
+}
+
+/* search results list */
+#available-menu-items #available-menu-items-search .accordion-section-content {
+	position: absolute;
+	left: 0;
+	top: 60px; /* below title div / search input */
+	bottom: 0; /* 100% height that still triggers lazy load */
+	max-height: none;
+	width: 100%;
+	padding: 1px 15px 15px;
+	box-sizing: border-box;
+}
+
+#available-menu-items-search .nothing-found {
+	/* Compensate the 1px top padding of the container. */
+	margin-top: -1px;
+}
+
+#available-menu-items-search .accordion-section-title:after {
+	display: none;
+}
+
+#available-menu-items-search .accordion-section-content:empty {
+	min-height: 0;
+	padding: 0;
+}
+
+#available-menu-items-search.loading .accordion-section-content div {
+	opacity: .5;
+}
+
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
+	opacity: 1;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-menu-items #available-menu-items {
+	left: 0;
+	visibility: visible;
+}
+
+body.adding-menu-items .wp-full-overlay-main {
+	left: 300px;
+}
+
+body.adding-menu-items #customize-preview {
+	opacity: 0.4;
+}
+
+body.adding-menu-items #customize-preview iframe {
+	pointer-events: none;
+}
+
+.menu-item-handle .spinner {
+	display: none;
+	float: left;
+	margin: 0 8px 0 0;
+}
+
+.nav-menu-inserted-item-loading .spinner {
+	display: block;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
+	padding: 0 0 0 8px;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle,
+.added-menu-item .menu-item-handle.loading {
+	padding: 10px 15px 10px 8px;
+	cursor: default;
+	opacity: .5;
+	background: #fff;
+	color: #787c82;
+}
+
+.added-menu-item .menu-item-handle {
+	transition-property: opacity, background, color;
+	transition-duration: 1.25s;
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
+}
+
+/* Add/delete Menus */
+
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+/* @todo update selector */
+#accordion-section-add_menu {
+	margin: 15px 12px;
+}
+
+#accordion-section-add_menu h3 {
+	text-align: right;
+}
+
+#accordion-section-add_menu h3,
+#accordion-section-add_menu .customize-add-menu-button {
+	margin: 0;
+}
+
+#accordion-section-add_menu .customize-add-menu-button {
+	font-weight: 400;
+}
+
+#create-new-menu-submit {
+	float: right;
+	margin: 0 0 12px;
+}
+
+.menu-delete-item {
+	float: left;
+	padding: 1em 0;
+	width: 100%;
+}
+
+.assigned-menu-locations-title p {
+	margin: 0 0 8px;
+}
+
+li.assigned-to-menu-location .menu-delete-item {
+	display: none;
+}
+
+li.assigned-to-menu-location .add-new-menu-item {
+	margin-bottom: 1em;
+}
+
+.menu-item-handle {
+	margin-top: -1px;
+}
+.ui-sortable-disabled .menu-item-handle {
+	cursor: default;
+}
+
+.menu-item-handle:hover {
+	position: relative;
+	z-index: 10;
+	color: #2271b1;
+}
+
+.menu-item-handle:hover .item-type,
+.menu-item-handle:hover .item-edit,
+#available-menu-items .menu-item-handle:hover .item-add {
+	color: #2271b1;
+}
+
+.menu-item-edit-active .menu-item-handle {
+	border-color: #8c8f94;
+	border-bottom: none;
+}
+
+.customize-control-nav_menu_item {
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .new-menu-item-invitation {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
+	margin-top: 12px;
+}
+
+/**
+ * box-shadows
+ */
+
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before,
+.wp-customizer button:focus .toggle-indicator:before,
+.menu-delete:focus,
+.menu-item-bar .item-delete:focus:before,
+#available-menu-items .item-add:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+
+@media screen and (max-width: 782px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 63px;
+	}
+}
+
+@media screen and (max-width: 640px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 130px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/customize-widgets-rtl.css

@@ -0,0 +1,479 @@
+/*! This file is auto-generated */
+.wp-full-overlay-sidebar {
+	overflow: visible;
+}
+
+/**
+ * Hide all sidebar sections by default, only show them (via JS) once the
+ * preview loads and we know whether the sidebars are used in the template.
+ */
+
+.control-section.control-section-sidebar,
+.customize-control-sidebar_widgets label,
+.customize-control-sidebar_widgets .hide-if-js {
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
+	display: none;
+}
+
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
+	overflow: visible;
+}
+
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
+.customize-control-widget_form .widget-top {
+	background: #fff;
+	transition: opacity 0.5s;
+}
+
+.customize-control .widget-action {
+	color: #787c82;
+}
+
+.customize-control .widget-top:hover .widget-action,
+.customize-control .widget-action:focus {
+	color: #1d2327;
+}
+
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
+	opacity: 0.5;
+}
+
+.customize-control-widget_form .widget-control-save {
+	display: none;
+}
+
+.customize-control-widget_form .spinner {
+	visibility: hidden;
+	margin-top: 0;
+}
+
+.customize-control-widget_form.previewer-loading .spinner {
+	visibility: visible;
+}
+
+.customize-control-widget_form.widget-form-disabled .widget-content {
+	opacity: 0.7;
+	pointer-events: none;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.customize-control-widget_form .widget {
+	margin-bottom: 0;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-inside {
+	position: fixed;
+	right: 299px;
+	top: 25%;
+	border: 1px solid #dcdcde;
+	overflow: auto;
+}
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
+	padding: 20px;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-top {
+	transition: background-color 0.4s;
+}
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
+	background-color: #dcdcde;
+}
+
+.widget-inside {
+	padding: 1px 10px 10px;
+	border-top: none;
+	line-height: 1.23076923;
+}
+
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
+	content: "\f141";
+}
+
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
+	content: "\f139";
+}
+
+.widget-title-action {
+	cursor: pointer;
+}
+
+.widget-top,
+.customize-control-widget_form .widget .customize-control-title {
+	cursor: move;
+}
+
+.control-section.accordion-section.highlighted > .accordion-section-title,
+.customize-control-widget_form.highlighted {
+	outline: none;
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
+	position: relative;
+	z-index: 1;
+}
+
+#widget-customizer-control-templates {
+	display: none;
+}
+
+/**
+ * Widget reordering styles
+ */
+
+#customize-theme-controls .widget-reorder-nav {
+	display: none;
+	float: left;
+	background-color: #f6f7f7;
+}
+
+.move-widget:before {
+	content: "\f504";
+}
+
+#customize-theme-controls .move-widget-area {
+	display: none;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	cursor: auto;
+}
+
+#customize-theme-controls .reordering .move-widget-area.active {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-area .description {
+	margin: 0;
+	padding: 15px 20px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .widget-area-select {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#customize-theme-controls .widget-area-select li {
+	position: relative;
+	margin: 0;
+	padding: 13px 42px 15px 15px;
+	color: #50575e;
+	border-top: 1px solid #c3c4c7;
+	cursor: pointer;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#customize-theme-controls .widget-area-select li:before {
+	display: none;
+	content: "\f147";
+	position: absolute;
+	top: 12px;
+	right: 10px;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#customize-theme-controls .widget-area-select li:last-child {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+#customize-theme-controls .widget-area-select .selected {
+	color: #fff;
+	background: #2271b1;
+}
+
+#customize-theme-controls .widget-area-select .selected:before {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-actions {
+	text-align: left;
+	padding: 12px;
+}
+
+#customize-theme-controls .reordering .widget-title-action {
+	display: none;
+}
+
+#customize-theme-controls .reordering .widget-reorder-nav {
+	display: block;
+}
+
+/* Text Widget */
+.wp-customizer div.mce-inline-toolbar-grp,
+.wp-customizer div.mce-tooltip {
+	z-index: 500100 !important;
+}
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-backdrop {
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-wrap {
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
+}
+
+/**
+ * Styles for new widget addition panel
+ */
+
+/* override widgets admin page rules in wp-admin/css/widgets.css */
+#widgets-left #available-widgets .widget {
+	float: none !important;
+	width: auto !important;
+}
+
+/* Keep rule that is no longer necessary on widgets.php. */
+#available-widgets .widget-action {
+	display: none;
+}
+
+.ios #available-widgets {
+	transition: right 0s;
+}
+
+#available-widgets .widget-tpl:hover,
+#available-widgets .widget-tpl.selected {
+	background: #f6f7f7;
+	border-bottom-color: #c3c4c7;
+	color: #2271b1;
+	border-right: 4px solid #2271b1;
+}
+
+#customize-controls .widget-title h3 {
+	font-size: 1em;
+}
+
+#available-widgets .widget-title h3 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-widgets .widget .widget-description {
+	padding: 0;
+	color: #646970;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-widget #available-widgets {
+	right: 0;
+	visibility: visible;
+}
+
+body.adding-widget .wp-full-overlay-main {
+	right: 300px;
+}
+
+body.adding-widget #customize-preview {
+	opacity: 0.4;
+}
+
+
+/**
+ * Widget Icon styling
+ * No plurals in naming.
+ * Ordered from lowest to highest specificity.
+ */
+
+#available-widgets .widget-title {
+	position: relative;
+}
+
+#available-widgets .widget-title:before {
+	content: "\f132";
+	position: absolute;
+	top: -3px;
+	left: 100%;
+	margin-left: 20px;
+	width: 20px;
+	height: 20px;
+	color: #2c3338;
+	font: normal 20px/1 dashicons;
+	text-align: center;
+	box-sizing: border-box;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* dashicons-smiley */
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
+
+/* dashicons-star-filled */
+#available-widgets [class*="super"] .widget-title:before,
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
+
+/* dashicons-wordpress */
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
+
+/* dashicons-archive */
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
+
+/* dashicons-category */
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
+
+/* dashicons-admin-comments */
+#available-widgets [class*="comment"] .widget-title:before,
+#available-widgets [class*="testimonial"] .widget-title:before,
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
+
+/* dashicons-admin-post */
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
+
+/* dashicons-admin-page */
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
+
+/* dashicons-text */
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
+
+/* dashicons-admin-links */
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
+
+/* dashicons-search */
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
+
+/* dashicons-menu */
+#available-widgets [class*="menu"] .widget-title:before,
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
+
+/* dashicons-tagcloud */
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
+
+/* dashicons-rss */
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
+
+/* dashicons-calendar */
+#available-widgets [class*="event"] .widget-title:before,
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
+
+/* dashicons-format-image */
+#available-widgets [class*="image"] .widget-title:before,
+#available-widgets [class*="photo"] .widget-title:before,
+#available-widgets [class*="slide"] .widget-title:before,
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
+
+/* dashicons-format-gallery */
+#available-widgets [class*="album"] .widget-title:before,
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
+
+/* dashicons-format-video */
+#available-widgets [class*="video"] .widget-title:before,
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
+
+/* dashicons-format-audio */
+#available-widgets [class*="music"] .widget-title:before,
+#available-widgets [class*="radio"] .widget-title:before,
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
+
+/* dashicons-admin-users */
+#available-widgets [class*="login"] .widget-title:before,
+#available-widgets [class*="user"] .widget-title:before,
+#available-widgets [class*="member"] .widget-title:before,
+#available-widgets [class*="avatar"] .widget-title:before,
+#available-widgets [class*="subscriber"] .widget-title:before,
+#available-widgets [class*="profile"] .widget-title:before,
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
+
+/* dashicons-cart */
+#available-widgets [class*="commerce"] .widget-title:before,
+#available-widgets [class*="shop"] .widget-title:before,
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
+
+/* dashicons-shield */
+#available-widgets [class*="secur"] .widget-title:before,
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
+
+/* dashicons-chart-bar */
+#available-widgets [class*="analytic"] .widget-title:before,
+#available-widgets [class*="stat"] .widget-title:before,
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
+
+/* dashicons-feedback */
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
+
+/* dashicons-email-alt */
+#available-widgets [class*="subscribe"] .widget-title:before,
+#available-widgets [class*="news"] .widget-title:before,
+#available-widgets [class*="contact"] .widget-title:before,
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
+
+/* dashicons-share */
+#available-widgets [class*="share"] .widget-title:before,
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
+
+/* dashicons-translation */
+#available-widgets [class*="lang"] .widget-title:before,
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
+
+/* dashicons-location-alt */
+#available-widgets [class*="locat"] .widget-title:before,
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
+
+/* dashicons-download */
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
+
+/* dashicons-cloud */
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
+
+/* dashicons-facebook */
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
+
+/* dashicons-twitter */
+#available-widgets [class*="tweet"] .widget-title:before,
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
+
+@media screen and (max-height: 700px) and (min-width: 981px) {
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
+	.customize-control-widget_form {
+		margin-bottom: 0;
+	}
+
+	.widget-top {
+		box-shadow: none;
+		margin-top: -1px;
+	}
+
+	.widget-top:hover {
+		position: relative;
+		z-index: 1;
+	}
+
+	.last-widget {
+		margin-bottom: 15px;
+	}
+
+	.widget-title h3 {
+		padding: 13px 15px;
+	}
+
+	.widget-top .widget-action {
+		padding: 8px 10px;
+	}
+
+	.widget-reorder-nav span {
+		height: 39px;
+	}
+
+	.widget-reorder-nav span:before {
+		line-height: 39px;
+	}
+
+	/* Compact the move widget areas. */
+	#customize-theme-controls .widget-area-select li {
+		padding: 9px 42px 11px 15px;
+	}
+
+	#customize-theme-controls .widget-area-select li:before {
+		top: 8px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/customize-widgets.css

@@ -0,0 +1,478 @@
+.wp-full-overlay-sidebar {
+	overflow: visible;
+}
+
+/**
+ * Hide all sidebar sections by default, only show them (via JS) once the
+ * preview loads and we know whether the sidebars are used in the template.
+ */
+
+.control-section.control-section-sidebar,
+.customize-control-sidebar_widgets label,
+.customize-control-sidebar_widgets .hide-if-js {
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
+	display: none;
+}
+
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
+	overflow: visible;
+}
+
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
+.customize-control-widget_form .widget-top {
+	background: #fff;
+	transition: opacity 0.5s;
+}
+
+.customize-control .widget-action {
+	color: #787c82;
+}
+
+.customize-control .widget-top:hover .widget-action,
+.customize-control .widget-action:focus {
+	color: #1d2327;
+}
+
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
+	opacity: 0.5;
+}
+
+.customize-control-widget_form .widget-control-save {
+	display: none;
+}
+
+.customize-control-widget_form .spinner {
+	visibility: hidden;
+	margin-top: 0;
+}
+
+.customize-control-widget_form.previewer-loading .spinner {
+	visibility: visible;
+}
+
+.customize-control-widget_form.widget-form-disabled .widget-content {
+	opacity: 0.7;
+	pointer-events: none;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.customize-control-widget_form .widget {
+	margin-bottom: 0;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-inside {
+	position: fixed;
+	left: 299px;
+	top: 25%;
+	border: 1px solid #dcdcde;
+	overflow: auto;
+}
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
+	padding: 20px;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-top {
+	transition: background-color 0.4s;
+}
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
+	background-color: #dcdcde;
+}
+
+.widget-inside {
+	padding: 1px 10px 10px;
+	border-top: none;
+	line-height: 1.23076923;
+}
+
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
+	content: "\f139";
+}
+
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
+	content: "\f141";
+}
+
+.widget-title-action {
+	cursor: pointer;
+}
+
+.widget-top,
+.customize-control-widget_form .widget .customize-control-title {
+	cursor: move;
+}
+
+.control-section.accordion-section.highlighted > .accordion-section-title,
+.customize-control-widget_form.highlighted {
+	outline: none;
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
+	position: relative;
+	z-index: 1;
+}
+
+#widget-customizer-control-templates {
+	display: none;
+}
+
+/**
+ * Widget reordering styles
+ */
+
+#customize-theme-controls .widget-reorder-nav {
+	display: none;
+	float: right;
+	background-color: #f6f7f7;
+}
+
+.move-widget:before {
+	content: "\f504";
+}
+
+#customize-theme-controls .move-widget-area {
+	display: none;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	cursor: auto;
+}
+
+#customize-theme-controls .reordering .move-widget-area.active {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-area .description {
+	margin: 0;
+	padding: 15px 20px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .widget-area-select {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#customize-theme-controls .widget-area-select li {
+	position: relative;
+	margin: 0;
+	padding: 13px 15px 15px 42px;
+	color: #50575e;
+	border-top: 1px solid #c3c4c7;
+	cursor: pointer;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#customize-theme-controls .widget-area-select li:before {
+	display: none;
+	content: "\f147";
+	position: absolute;
+	top: 12px;
+	left: 10px;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#customize-theme-controls .widget-area-select li:last-child {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+#customize-theme-controls .widget-area-select .selected {
+	color: #fff;
+	background: #2271b1;
+}
+
+#customize-theme-controls .widget-area-select .selected:before {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-actions {
+	text-align: right;
+	padding: 12px;
+}
+
+#customize-theme-controls .reordering .widget-title-action {
+	display: none;
+}
+
+#customize-theme-controls .reordering .widget-reorder-nav {
+	display: block;
+}
+
+/* Text Widget */
+.wp-customizer div.mce-inline-toolbar-grp,
+.wp-customizer div.mce-tooltip {
+	z-index: 500100 !important;
+}
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-backdrop {
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-wrap {
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
+}
+
+/**
+ * Styles for new widget addition panel
+ */
+
+/* override widgets admin page rules in wp-admin/css/widgets.css */
+#widgets-left #available-widgets .widget {
+	float: none !important;
+	width: auto !important;
+}
+
+/* Keep rule that is no longer necessary on widgets.php. */
+#available-widgets .widget-action {
+	display: none;
+}
+
+.ios #available-widgets {
+	transition: left 0s;
+}
+
+#available-widgets .widget-tpl:hover,
+#available-widgets .widget-tpl.selected {
+	background: #f6f7f7;
+	border-bottom-color: #c3c4c7;
+	color: #2271b1;
+	border-left: 4px solid #2271b1;
+}
+
+#customize-controls .widget-title h3 {
+	font-size: 1em;
+}
+
+#available-widgets .widget-title h3 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-widgets .widget .widget-description {
+	padding: 0;
+	color: #646970;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-widget #available-widgets {
+	left: 0;
+	visibility: visible;
+}
+
+body.adding-widget .wp-full-overlay-main {
+	left: 300px;
+}
+
+body.adding-widget #customize-preview {
+	opacity: 0.4;
+}
+
+
+/**
+ * Widget Icon styling
+ * No plurals in naming.
+ * Ordered from lowest to highest specificity.
+ */
+
+#available-widgets .widget-title {
+	position: relative;
+}
+
+#available-widgets .widget-title:before {
+	content: "\f132";
+	position: absolute;
+	top: -3px;
+	right: 100%;
+	margin-right: 20px;
+	width: 20px;
+	height: 20px;
+	color: #2c3338;
+	font: normal 20px/1 dashicons;
+	text-align: center;
+	box-sizing: border-box;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* dashicons-smiley */
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
+
+/* dashicons-star-filled */
+#available-widgets [class*="super"] .widget-title:before,
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
+
+/* dashicons-wordpress */
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
+
+/* dashicons-archive */
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
+
+/* dashicons-category */
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
+
+/* dashicons-admin-comments */
+#available-widgets [class*="comment"] .widget-title:before,
+#available-widgets [class*="testimonial"] .widget-title:before,
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
+
+/* dashicons-admin-post */
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
+
+/* dashicons-admin-page */
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
+
+/* dashicons-text */
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
+
+/* dashicons-admin-links */
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
+
+/* dashicons-search */
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
+
+/* dashicons-menu */
+#available-widgets [class*="menu"] .widget-title:before,
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
+
+/* dashicons-tagcloud */
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
+
+/* dashicons-rss */
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
+
+/* dashicons-calendar */
+#available-widgets [class*="event"] .widget-title:before,
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
+
+/* dashicons-format-image */
+#available-widgets [class*="image"] .widget-title:before,
+#available-widgets [class*="photo"] .widget-title:before,
+#available-widgets [class*="slide"] .widget-title:before,
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
+
+/* dashicons-format-gallery */
+#available-widgets [class*="album"] .widget-title:before,
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
+
+/* dashicons-format-video */
+#available-widgets [class*="video"] .widget-title:before,
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
+
+/* dashicons-format-audio */
+#available-widgets [class*="music"] .widget-title:before,
+#available-widgets [class*="radio"] .widget-title:before,
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
+
+/* dashicons-admin-users */
+#available-widgets [class*="login"] .widget-title:before,
+#available-widgets [class*="user"] .widget-title:before,
+#available-widgets [class*="member"] .widget-title:before,
+#available-widgets [class*="avatar"] .widget-title:before,
+#available-widgets [class*="subscriber"] .widget-title:before,
+#available-widgets [class*="profile"] .widget-title:before,
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
+
+/* dashicons-cart */
+#available-widgets [class*="commerce"] .widget-title:before,
+#available-widgets [class*="shop"] .widget-title:before,
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
+
+/* dashicons-shield */
+#available-widgets [class*="secur"] .widget-title:before,
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
+
+/* dashicons-chart-bar */
+#available-widgets [class*="analytic"] .widget-title:before,
+#available-widgets [class*="stat"] .widget-title:before,
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
+
+/* dashicons-feedback */
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
+
+/* dashicons-email-alt */
+#available-widgets [class*="subscribe"] .widget-title:before,
+#available-widgets [class*="news"] .widget-title:before,
+#available-widgets [class*="contact"] .widget-title:before,
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
+
+/* dashicons-share */
+#available-widgets [class*="share"] .widget-title:before,
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
+
+/* dashicons-translation */
+#available-widgets [class*="lang"] .widget-title:before,
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
+
+/* dashicons-location-alt */
+#available-widgets [class*="locat"] .widget-title:before,
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
+
+/* dashicons-download */
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
+
+/* dashicons-cloud */
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
+
+/* dashicons-facebook */
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
+
+/* dashicons-twitter */
+#available-widgets [class*="tweet"] .widget-title:before,
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
+
+@media screen and (max-height: 700px) and (min-width: 981px) {
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
+	.customize-control-widget_form {
+		margin-bottom: 0;
+	}
+
+	.widget-top {
+		box-shadow: none;
+		margin-top: -1px;
+	}
+
+	.widget-top:hover {
+		position: relative;
+		z-index: 1;
+	}
+
+	.last-widget {
+		margin-bottom: 15px;
+	}
+
+	.widget-title h3 {
+		padding: 13px 15px;
+	}
+
+	.widget-top .widget-action {
+		padding: 8px 10px;
+	}
+
+	.widget-reorder-nav span {
+		height: 39px;
+	}
+
+	.widget-reorder-nav span:before {
+		line-height: 39px;
+	}
+
+	/* Compact the move widget areas. */
+	#customize-theme-controls .widget-area-select li {
+		padding: 9px 15px 11px 42px;
+	}
+
+	#customize-theme-controls .widget-area-select li:before {
+		top: 8px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/dashboard-rtl.css

@@ -0,0 +1,1492 @@
+/*! This file is auto-generated */
+#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+	width: 100%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
+	width: 49.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
+	float: left;
+	width: 50.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
+	width: 33.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
+	width: 33%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
+	float: left;
+}
+
+#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
+	border: none !important;
+}
+
+#dashboard-widgets-wrap {
+	overflow: hidden;
+	margin: 0 -8px;
+}
+
+#dashboard-widgets .postbox .inside {
+	margin-bottom: 0;
+}
+
+#dashboard-widgets .meta-box-sortables {
+	display: flow-root; /* avoid margin collapsing between parent and first/last child elements */
+	/* Required min-height to make the jQuery UI Sortable drop zone work. */
+	min-height: 100px;
+	margin: 0 8px 20px;
+}
+
+#dashboard-widgets .postbox-container .empty-container {
+	outline: 3px dashed #c3c4c7;
+	height: 250px;
+}
+
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+	outline: 3px dashed #646970;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+}
+
+#dashboard-widgets .postbox-container .empty-container:after {
+	content: attr(data-emptystring);
+	margin: auto;
+	position: absolute;
+	top: 50%;
+	right: 0;
+	left: 0;
+	transform: translateY( -50% );
+	padding: 0 2em;
+	text-align: center;
+	color: #646970;
+	font-size: 16px;
+	line-height: 1.5;
+	display: none;
+}
+
+
+/* @todo: this was originally in this section, but likely belongs elsewhere */
+#the-comment-list td.comment p.comment-author {
+	margin-top: 0;
+	margin-right: 0;
+}
+
+#the-comment-list p.comment-author img {
+	float: right;
+	margin-left: 8px;
+}
+
+#the-comment-list p.comment-author strong a {
+	border: none;
+}
+
+#the-comment-list td {
+	vertical-align: top;
+}
+
+#the-comment-list td.comment {
+	word-wrap: break-word;
+}
+
+#the-comment-list td.comment img {
+	max-width: 100%;
+}
+
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
+.index-php #screen-meta-links {
+	margin: 0 0 8px 20px;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+	position: relative;
+	overflow: auto;
+	margin: 16px 0;
+	background-color: #273fcc;
+	font-size: 14px;
+	line-height: 1.3;
+	clear: both;
+}
+
+.welcome-panel h2 {
+	margin: 0;
+	font-size: 48px;
+	font-weight: 600;
+	line-height: 1.25;
+}
+
+.welcome-panel h3 {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.4;
+}
+
+.welcome-panel p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.welcome-panel-header {
+	--about-header-bg-width: 780px;
+
+	position: relative;
+	color: #fff;
+}
+
+.welcome-panel-header-image {
+	position: absolute !important;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	z-index: 0 !important;
+	overflow: hidden;
+}
+
+.welcome-panel-header-image svg {
+	display: block;
+	margin: auto;
+	width: var(--about-header-bg-width);
+	height: auto;
+	transform: scale(0.75);
+	transform-origin: center top;
+}
+
+.welcome-panel-header * {
+	color: inherit;
+	position: relative;
+	z-index: 1;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel-header a:hover {
+	color: inherit;
+	text-decoration: none;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel .welcome-panel-close:focus {
+	outline-color: currentColor;
+	outline-offset: 1px;
+	box-shadow: none;
+}
+
+.welcome-panel-header p {
+	margin: 0.5em 0 0;
+	font-size: 20px;
+	line-height: 1.4;
+}
+
+.welcome-panel .welcome-panel-close {
+	position: absolute;
+	top: 10px;
+	left: 10px;
+	padding: 10px 24px 10px 15px;
+	font-size: 13px;
+	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
+	text-decoration: none;
+	z-index: 1; /* Raise above the version image. */
+}
+
+.welcome-panel .welcome-panel-close:before {
+	position: absolute;
+	top: 8px;
+	right: 0;
+	transition: all .1s ease-in-out;
+	content: '\f335';
+	font-size: 24px;
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close {
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close:hover,
+.welcome-panel .welcome-panel-close:focus,
+.welcome-panel .welcome-panel-close:hover::before,
+.welcome-panel .welcome-panel-close:focus::before {
+	color: #fff972;
+}
+
+/* @deprecated 5.9.0 -- Button removed from panel. */
+.wp-core-ui .welcome-panel .button.button-hero {
+	margin: 15px 0 3px 13px;
+	padding: 12px 36px;
+	height: auto;
+	line-height: 1.4285714;
+	white-space: normal;
+}
+
+.welcome-panel-content {
+	min-height: 400px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.welcome-panel-header {
+	box-sizing: border-box;
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 1500px;
+	width: 100%;
+	padding: 48px 48px 80px 0;
+}
+
+.welcome-panel .welcome-panel-column-container {
+	box-sizing: border-box;
+	width: 100%;
+	clear: both;
+	display: grid;
+	z-index: 1;
+	padding: 48px;
+	grid-template-columns: repeat(3, 1fr);
+	gap: 32px;
+	align-self: flex-end;
+	background: #fff;
+}
+
+[class*="welcome-panel-icon"] {
+	height: 60px;
+	width: 60px;
+	background-position: center;
+	background-size: 24px 24px;
+	background-repeat: no-repeat;
+	border-radius: 100%;
+}
+
+.welcome-panel-column > svg {
+	margin-top: 4px;
+}
+
+.welcome-panel-column {
+	display: grid;
+	grid-template-columns: min-content 1fr;
+	gap: 24px;
+}
+
+.welcome-panel-icon-pages {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-layout {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-styles {
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
+}
+
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus {
+	line-height: 1.14285714;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column ul {
+	margin: 0.8em 0 1em 1em;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li {
+	font-size: 14px;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li a {
+	text-decoration: none;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column li {
+	line-height: 1.14285714;
+	list-style-type: none;
+	padding: 0 0 8px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon {
+	background: transparent !important;
+}
+
+/* Welcome Panel and Right Now common Icons style */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before,
+#dashboard_right_now .search-engines-info:before {
+	color: #646970;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 0 0 10px;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	vertical-align: top;
+}
+
+/* Welcome Panel specific Icons styles */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+	content: "\f119";
+	top: -3px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-add-page:before {
+	content: "\f132";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-setup-home:before {
+	content: "\f102";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-view-site:before {
+	content: "\f115";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus:before {
+	content: "\f116";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets:before {
+	content: "\f538";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-menus:before {
+	content: "\f163";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-comments:before {
+	content: "\f117";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-learn-more:before {
+	content: "\f118";
+	top: -1px;
+}
+
+/* Right Now specific Icons styles */
+
+#dashboard_right_now .search-engines-info:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
+	content: "\f159"; /* generic icon for items added by CPTs ? */
+	padding: 0 0 0 5px;
+}
+
+#dashboard_right_now .page-count a:before,
+#dashboard_right_now .page-count span:before {
+	content: "\f105";
+}
+
+#dashboard_right_now .post-count a:before,
+#dashboard_right_now .post-count span:before {
+	content: "\f109";
+}
+
+#dashboard_right_now .comment-count a:before {
+	content: "\f101";
+}
+
+#dashboard_right_now .comment-mod-count a:before {
+	content: "\f125";
+}
+
+#dashboard_right_now .storage-count a:before {
+	content: "\f104";
+}
+
+#dashboard_right_now .storage-count.warning a:before {
+	content: "\f153";
+}
+
+#dashboard_right_now .search-engines-info:before {
+	content: "\f348";
+}
+
+/* Dashboard WordPress events */
+
+.community-events-errors {
+	margin: 0;
+}
+
+.community-events-loading {
+	padding: 10px 12px 8px;
+}
+
+.community-events {
+	margin-bottom: 6px;
+	padding: 0 12px;
+}
+
+.community-events .spinner {
+	float: none;
+	margin: 5px 2px 0;
+	vertical-align: top;
+}
+
+.community-events-errors[aria-hidden="true"],
+.community-events-errors [aria-hidden="true"],
+.community-events-loading[aria-hidden="true"],
+.community-events[aria-hidden="true"],
+.community-events form[aria-hidden="true"] {
+	display: none;
+}
+
+.community-events .activity-block:first-child,
+.community-events h2 {
+	padding-top: 12px;
+	padding-bottom: 10px;
+}
+
+.community-events-form {
+	margin: 15px 0 5px;
+}
+
+.community-events-form .regular-text {
+	width: 40%;
+	height: 29px;
+	margin: 0;
+	vertical-align: top;
+}
+
+.community-events li.event-none {
+	border-right: 4px solid #72aee6;
+}
+
+#dashboard-widgets .community-events li.event-none a {
+	text-decoration: underline;
+}
+
+.community-events-form label {
+	display: inline-block;
+	vertical-align: top;
+	line-height: 2.15384615;
+	height: 28px;
+}
+
+.community-events .activity-block > p {
+	margin-bottom: 0;
+	display: inline;
+}
+
+.community-events-toggle-location {
+	vertical-align: middle;
+}
+
+#community-events-submit {
+	margin-right: 3px;
+	margin-left: 3px;
+}
+
+/* Needs higher specificity than #dashboard-widgets .button-link */
+#dashboard-widgets .community-events-cancel.button-link {
+	vertical-align: top;
+	/* Same properties as the submit button for cross-browsers alignment. */
+	line-height: 2;
+	height: 28px;
+	text-decoration: underline;
+}
+
+.community-events ul {
+	background-color: #f6f7f7;
+	padding-right: 0;
+	padding-left: 0;
+	padding-bottom: 0;
+}
+
+.community-events li {
+	margin: 0;
+	padding: 8px 12px;
+	color: #2c3338;
+}
+.community-events li:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events li ~ li {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events .activity-block.last {
+	border-bottom: 1px solid #f0f0f1;
+	padding-top: 0;
+	margin-top: -1px;
+}
+
+.community-events .event-info {
+	display: block;
+}
+
+.event-icon {
+	height: 18px;
+	padding-left: 10px;
+	width: 18px;
+	display: none; /* Hide on smaller screens */
+}
+
+.event-icon:before {
+	color: #646970;
+	font-size: 18px;
+}
+.event-meetup .event-icon:before {
+	content: "\f484";
+}
+.event-wordcamp .event-icon:before {
+	content: "\f486";
+}
+
+.community-events .event-title {
+	font-weight: 600;
+	display: block;
+}
+
+.community-events .event-date,
+.community-events .event-time {
+	display: block;
+}
+
+.community-events-footer {
+	margin-top: 0;
+	margin-bottom: 0;
+	padding: 12px;
+	border-top: 1px solid #f0f0f1;
+	color: #dcdcde;
+}
+
+/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
+.community-events-footer .screen-reader-text {
+	height: inherit;
+	white-space: nowrap;
+}
+
+/* Dashboard WordPress news */
+
+#dashboard_primary .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_primary .widget-loading {
+	padding: 12px 12px 0;
+	margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
+}
+
+/* Notice when JS is off. */
+#dashboard_primary .inside .notice {
+	margin: 0;
+}
+
+body #dashboard-widgets .postbox form .submit {
+	margin: 0;
+}
+
+/* Used only for configurable widgets. */
+.dashboard-widget-control-form p {
+	margin-top: 0;
+}
+
+.rssSummary {
+	color: #646970;
+	margin-top: 4px;
+}
+
+#dashboard_primary .rss-widget {
+	font-size: 13px;
+	padding: 0 12px;
+}
+
+#dashboard_primary .rss-widget:last-child {
+	border-bottom: none;
+	padding-bottom: 8px;
+}
+
+#dashboard_primary .rss-widget a {
+	font-weight: 400;
+}
+
+#dashboard_primary .rss-widget span,
+#dashboard_primary .rss-widget span.rss-date {
+	color: #646970;
+}
+
+#dashboard_primary .rss-widget span.rss-date {
+	margin-right: 12px;
+}
+
+#dashboard_primary .rss-widget ul li {
+	padding: 4px 0;
+	margin: 0;
+}
+
+/* Dashboard right now */
+
+#dashboard_right_now ul {
+	margin: 0;
+	/* contain floats but don't use overflow: hidden */
+	display: inline-block;
+	width: 100%;
+}
+
+#dashboard_right_now li {
+	width: 50%;
+	float: right;
+	margin-bottom: 10px;
+}
+
+#dashboard_right_now .inside {
+	padding: 0;
+}
+
+#dashboard_right_now .main {
+	padding: 0 12px 11px;
+}
+
+#dashboard_right_now .main p {
+	margin: 0;
+}
+
+#dashboard_right_now #wp-version-message .button {
+	float: left;
+	position: relative;
+	top: -5px;
+	margin-right: 5px;
+}
+
+#dashboard_right_now p.search-engines-info {
+	margin: 1em 0;
+}
+
+.mu-storage {
+	overflow: hidden;
+}
+
+#dashboard-widgets h3.mu-storage {
+	margin: 0 0 10px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+}
+
+/* Dashboard right now - Colors */
+
+#dashboard_right_now .sub {
+	color: #50575e;
+	background: #f6f7f7;
+	border-top: 1px solid #f0f0f1;
+	padding: 10px 12px 6px;
+}
+
+#dashboard_right_now .sub h3 {
+	color: #50575e;
+}
+
+#dashboard_right_now .sub p {
+	margin: 0 0 1em;
+}
+
+#dashboard_right_now .warning a:before,
+#dashboard_right_now .warning span:before {
+	color: #d63638;
+}
+
+/* Dashboard Quick Draft */
+
+#dashboard_quick_press .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_quick_press div.updated {
+	margin-bottom: 10px;
+	border: 1px solid #f0f0f1;
+	border-width: 1px 0 1px 1px;
+}
+
+#dashboard_quick_press form {
+	margin: 12px;
+}
+
+#dashboard_quick_press .drafts {
+	padding: 10px 0 0;
+}
+
+/* Dashboard Quick Draft - Form styling */
+
+#dashboard_quick_press label {
+	display: inline-block;
+	margin-bottom: 4px;
+}
+
+#dashboard_quick_press input,
+#dashboard_quick_press textarea {
+	box-sizing: border-box;
+	margin: 0;
+}
+
+#dashboard-widgets .postbox form .submit {
+	margin: -39px 0;
+	float: left;
+}
+
+#description-wrap {
+	margin-top: 12px;
+}
+
+#quick-press textarea#content {
+	min-height: 90px;
+	max-height: 1300px;
+	margin: 0 0 8px;
+	padding: 6px 7px;
+	resize: none;
+}
+
+/* Dashboard Quick Draft - Drafts list */
+
+.js #dashboard_quick_press .drafts {
+	border-top: 1px solid #f0f0f1;
+}
+
+#dashboard_quick_press .drafts abbr {
+	border: none;
+}
+
+#dashboard_quick_press .drafts .view-all {
+	float: left;
+	margin: 0 0 0 12px;
+}
+
+#dashboard_primary a.rsswidget {
+	font-weight: 400;
+}
+
+#dashboard_quick_press .drafts ul {
+	margin: 0 12px;
+}
+
+#dashboard_quick_press .drafts li {
+	margin-bottom: 1em;
+}
+#dashboard_quick_press .drafts li time {
+	color: #646970;
+}
+
+#dashboard_quick_press .drafts p {
+	margin: 0;
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title {
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title a,
+#dashboard_quick_press .draft-title time {
+	margin: 0 0 0 5px;
+}
+
+/* Dashboard common styles */
+
+#dashboard-widgets h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets h3,
+#dashboard_quick_press .drafts h2 {
+	margin: 0 12px 8px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+	color: #1d2327;
+}
+
+#dashboard_quick_press .drafts h2 {
+	line-height: inherit;
+}
+
+#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets .inside h3 {
+	margin-right: 0;
+	margin-left: 0;
+}
+
+/* Dashboard activity widget */
+
+#dashboard_activity .comment-meta span.approve:before {
+	content: "\f227";
+	font: 20px/.5 dashicons;
+	margin-right: 5px;
+	vertical-align: middle;
+	position: relative;
+	top: -1px;
+	margin-left: 2px;
+}
+
+#dashboard_activity .inside {
+	margin: 0;
+	padding-bottom: 0;
+}
+
+#dashboard_activity .no-activity {
+	overflow: hidden;
+	padding: 12px 0;
+	text-align: center;
+}
+
+#dashboard_activity .no-activity p {
+	color: #646970;
+	font-size: 16px;
+}
+
+#dashboard_activity .subsubsub {
+	float: none;
+	border-top: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+#dashboard_activity .subsubsub a .count,
+#dashboard_activity .subsubsub a.current .count {
+	color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
+}
+
+#future-posts ul,
+#published-posts ul {
+	clear: both;
+	margin-bottom: 0;
+}
+
+#future-posts li,
+#published-posts li {
+	margin-bottom: 8px;
+}
+
+#future-posts ul span,
+#published-posts ul span {
+	display: inline-block;
+	margin-left: 5px;
+	min-width: 150px;
+	color: #646970;
+}
+
+.activity-block {
+	border-bottom: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+.activity-block:last-child {
+	border-bottom: none;
+}
+
+.activity-block .subsubsub li {
+	color: #dcdcde;
+}
+
+/* Dashboard activity widget - Comments */
+/* @todo: needs serious de-duplication */
+
+#activity-widget #the-comment-list tr.undo,
+#activity-widget #the-comment-list div.undo {
+	background: none;
+	padding: 6px 0;
+	margin-right: 12px;
+}
+
+#activity-widget #the-comment-list .comment-item {
+	background: #f6f7f7;
+	padding: 12px;
+	position: relative;
+}
+
+#activity-widget #the-comment-list .avatar {
+	position: absolute;
+	top: 12px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
+	padding-right: 63px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
+	margin: 1em 0;
+}
+
+#activity-widget #the-comment-list .comment-item p.row-actions {
+	margin: 4px 0 0;
+}
+
+#activity-widget #the-comment-list .comment-item:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+#activity-widget #the-comment-list .unapproved {
+	background-color: #fcf9e8;
+}
+
+#activity-widget #the-comment-list .unapproved:before {
+	content: "";
+	display: block;
+	position: absolute;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	background: #d63638;
+	width: 4px;
+}
+
+#activity-widget #the-comment-list .spam-undo-inside .avatar,
+#activity-widget #the-comment-list .trash-undo-inside .avatar {
+	position: relative;
+	top: 0;
+}
+
+/* Browse happy box */
+
+#dashboard-widgets #dashboard_browser_nag.postbox .inside {
+	margin: 10px;
+}
+
+.postbox .button-link .edit-box {
+	display: none;
+}
+
+.edit-box {
+	opacity: 0;
+}
+
+.hndle:hover .edit-box,
+.edit-box:focus {
+	opacity: 1;
+}
+
+#dashboard-widgets form .input-text-wrap input {
+	width: 100%;
+}
+
+#dashboard-widgets form .textarea-wrap textarea {
+	width: 100%;
+}
+
+#dashboard-widgets .postbox form .submit {
+	float: none;
+	margin: .5em 0 0;
+	padding: 0;
+	border: none;
+}
+
+#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
+	min-width: 0;
+}
+
+#dashboard-widgets li a,
+#dashboard-widgets .button-link,
+.community-events-footer a {
+	text-decoration: none;
+}
+
+#dashboard-widgets h2 a {
+	text-decoration: underline;
+}
+
+#dashboard-widgets .hndle .postbox-title-action {
+	float: left;
+	line-height: 1.2;
+}
+
+#dashboard_plugins h5 {
+	font-size: 14px;
+}
+
+/* Recent Comments */
+
+#latest-comments #the-comment-list {
+	position: relative;
+	margin: 0 -12px;
+}
+
+#activity-widget #the-comment-list .comment,
+#activity-widget #the-comment-list .pingback {
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
+}
+
+#activity-widget .comments #the-comment-list .alt {
+	background-color: transparent;
+}
+
+#activity-widget #latest-comments #the-comment-list .comment-item {
+	/* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
+	   for other users this needs a min height equal to the gravatar image */
+	min-height: 50px;
+	margin: 0;
+	padding: 12px;
+}
+
+#latest-comments #the-comment-list .pingback {
+	padding-right: 12px !important;
+}
+
+#latest-comments #the-comment-list .comment-item:first-child {
+	border-top: none;
+}
+
+#latest-comments #the-comment-list .comment-meta {
+	line-height: 1.5;
+	margin: 0;
+	color: #646970;
+}
+
+#latest-comments #the-comment-list .comment-meta cite {
+	font-style: normal;
+	font-weight: 400;
+}
+
+#latest-comments #the-comment-list .comment-item blockquote,
+#latest-comments #the-comment-list .comment-item blockquote p {
+	margin: 0;
+	padding: 0;
+	display: inline;
+}
+
+#latest-comments #the-comment-list .comment-item p.row-actions {
+	margin: 3px 0 0;
+	padding: 0;
+	font-size: 13px;
+}
+
+/* Feeds */
+.rss-widget ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+a.rsswidget {
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 1.4;
+}
+
+.rss-widget ul li {
+	line-height: 1.5;
+	margin-bottom: 12px;
+}
+
+.rss-widget span.rss-date {
+	color: #646970;
+	font-size: 13px;
+	margin-right: 3px;
+}
+
+.rss-widget cite {
+	display: block;
+	text-align: left;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+.rss-widget cite:before {
+	content: "\2014";
+}
+
+.dashboard-comment-wrap {
+	word-wrap: break-word;
+}
+
+/* Browser Nag */
+#dashboard_browser_nag a.update-browser-link {
+	font-size: 1.2em;
+	font-weight: 600;
+}
+
+#dashboard_browser_nag a {
+	text-decoration: underline;
+}
+
+#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
+	padding-left: 128px;
+}
+
+#dashboard_browser_nag .browser-icon {
+	margin-top: -32px;
+}
+
+#dashboard_browser_nag.postbox {
+	background-color: #b32d2e;
+	background-image: none;
+	border-color: #b32d2e;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag.postbox h2 {
+	border-bottom-color: transparent;
+	background: transparent none;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag a {
+	color: #fff;
+}
+
+#dashboard_browser_nag.postbox .postbox-header {
+	border-color: transparent;
+}
+
+#dashboard_browser_nag h2.hndle {
+	border: none;
+	font-weight: 600;
+	font-size: 20px;
+	padding-top: 10px;
+}
+
+.postbox#dashboard_browser_nag p a.dismiss {
+	font-size: 14px;
+}
+
+.postbox#dashboard_browser_nag p,
+.postbox#dashboard_browser_nag a,
+.postbox#dashboard_browser_nag p.browser-update-nag {
+	font-size: 16px;
+}
+
+/* PHP Nag */
+#dashboard_php_nag .dashicons-warning {
+	color: #dba617;
+	padding-left: 6px;
+}
+
+#dashboard_php_nag.php-no-security-updates .dashicons-warning,
+#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
+	color: #d63638;
+}
+
+#dashboard_php_nag h2 {
+	display: inline-block;
+}
+
+#dashboard_php_nag p {
+	margin: 12px 0;
+}
+
+#dashboard_php_nag .button .dashicons-external {
+	line-height: 25px;
+}
+
+.bigger-bolder-text {
+	font-weight: 600;
+	font-size: 14px;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (min-width: 1600px) {
+	.welcome-panel .welcome-panel-column-container {
+		display: flex;
+		justify-content: center;
+	}
+
+	.welcome-panel-column {
+		width: 100%;
+		max-width: 460px;
+	}
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 100%;
+	}
+
+	#dashboard-widgets .meta-box-sortables {
+		min-height: 0;
+	}
+
+	.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+		min-height: 100px;
+	}
+
+	#dashboard-widgets .meta-box-sortables.empty-container {
+		margin-bottom: 0;
+	}
+}
+
+/* two columns on the dash, but keep the setting if one is selected */
+@media only screen and (min-width: 800px) and (max-width: 1499px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 49.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-2,
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: left;
+		width: 50.5%;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container,
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container:after,
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+		width: 100%;
+	}
+
+	#wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	/* show the radio buttons for column prefs only for one or two columns */
+	.index-php .screen-layout,
+	.index-php .columns-prefs {
+		display: block;
+	}
+
+	.columns-prefs .columns-prefs-3,
+	.columns-prefs .columns-prefs-4 {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* three columns on the dash */
+@media only screen and (min-width: 1500px) and (max-width: 1800px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 33.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-1 {
+		width: 33%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: left;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* Always show the "Drag boxes here" CSS generated content on large screens. */
+@media only screen and (min-width: 1801px) {
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+@media screen and (max-width: 870px) {
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column li {
+		display: inline-block;
+		margin-left: 13px;
+	}
+
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column ul {
+		margin: 0.4em 0 0;
+	}
+
+}
+
+@media screen and (max-width: 1180px) and (min-width: 783px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"],
+	.welcome-panel-column > svg {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.welcome-panel .welcome-panel-column-container {
+		grid-template-columns: 1fr;
+		box-sizing: border-box;
+		padding: 32px;
+		width: 100%;
+	}
+
+	.welcome-panel .welcome-panel-column-content {
+		max-width: 520px;
+	}
+
+	/* Keep the close icon from overlapping the Welcome text. */
+	.welcome-panel .welcome-panel-close {
+		overflow: hidden;
+		text-indent: 40px;
+		white-space: nowrap;
+		width: 20px;
+		height: 20px;
+		padding: 5px;
+		top: 5px;
+		left: 5px;
+	}
+
+	.welcome-panel .welcome-panel-close::before {
+		top: 5px;
+		right: -35px;
+	}
+
+	#dashboard-widgets h2 {
+		padding: 12px;
+	}
+
+	#dashboard_recent_comments #the-comment-list .comment-item .avatar {
+		height: 30px;
+		width: 30px;
+		margin: 4px 0 5px 10px;
+	}
+
+	.community-events-toggle-location {
+		height: 38px;
+		vertical-align: baseline;
+	}
+
+	.community-events-form .regular-text {
+		height: 32px;
+	}
+
+	#community-events-submit {
+		margin-bottom: 0;
+		/* Override .wp-core-ui .button */
+		vertical-align: top;
+	}
+
+	.community-events-form label,
+	#dashboard-widgets .community-events-cancel.button-link {
+		/* Same properties as the submit button for cross-browsers alignment. */
+		font-size: 14px;
+		line-height: normal;
+		height: auto;
+		padding: 6px 0;
+		border: 1px solid transparent;
+	}
+
+	.community-events .spinner {
+		margin-top: 7px;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	.welcome-panel-header {
+		padding: 32px 32px 64px;
+	}
+
+	.welcome-panel-header-image {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.welcome-panel-column {
+		gap: 16px;
+	}
+}
+
+@media screen and (max-width: 360px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"],
+	.welcome-panel-column > svg {
+		display: none;
+	}
+}
+
+@media screen and (min-width: 355px) {
+	.community-events .event-info {
+		display: table-row;
+		float: right;
+		max-width: 59%;
+	}
+
+	.event-icon,
+	.event-icon[aria-hidden="true"] {
+		display: table-cell;
+	}
+
+	.event-info-inner {
+		display: table-cell;
+	}
+
+	.community-events .event-date-time {
+		float: left;
+		max-width: 39%;
+	}
+
+	.community-events .event-date,
+	.community-events .event-time {
+		text-align: left;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/dashboard.css

@@ -0,0 +1,1491 @@
+#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+	width: 100%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
+	width: 49.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
+	float: right;
+	width: 50.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
+	width: 33.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
+	width: 33%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
+	float: right;
+}
+
+#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
+	border: none !important;
+}
+
+#dashboard-widgets-wrap {
+	overflow: hidden;
+	margin: 0 -8px;
+}
+
+#dashboard-widgets .postbox .inside {
+	margin-bottom: 0;
+}
+
+#dashboard-widgets .meta-box-sortables {
+	display: flow-root; /* avoid margin collapsing between parent and first/last child elements */
+	/* Required min-height to make the jQuery UI Sortable drop zone work. */
+	min-height: 100px;
+	margin: 0 8px 20px;
+}
+
+#dashboard-widgets .postbox-container .empty-container {
+	outline: 3px dashed #c3c4c7;
+	height: 250px;
+}
+
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+	outline: 3px dashed #646970;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+}
+
+#dashboard-widgets .postbox-container .empty-container:after {
+	content: attr(data-emptystring);
+	margin: auto;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	right: 0;
+	transform: translateY( -50% );
+	padding: 0 2em;
+	text-align: center;
+	color: #646970;
+	font-size: 16px;
+	line-height: 1.5;
+	display: none;
+}
+
+
+/* @todo: this was originally in this section, but likely belongs elsewhere */
+#the-comment-list td.comment p.comment-author {
+	margin-top: 0;
+	margin-left: 0;
+}
+
+#the-comment-list p.comment-author img {
+	float: left;
+	margin-right: 8px;
+}
+
+#the-comment-list p.comment-author strong a {
+	border: none;
+}
+
+#the-comment-list td {
+	vertical-align: top;
+}
+
+#the-comment-list td.comment {
+	word-wrap: break-word;
+}
+
+#the-comment-list td.comment img {
+	max-width: 100%;
+}
+
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
+.index-php #screen-meta-links {
+	margin: 0 20px 8px 0;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+	position: relative;
+	overflow: auto;
+	margin: 16px 0;
+	background-color: #273fcc;
+	font-size: 14px;
+	line-height: 1.3;
+	clear: both;
+}
+
+.welcome-panel h2 {
+	margin: 0;
+	font-size: 48px;
+	font-weight: 600;
+	line-height: 1.25;
+}
+
+.welcome-panel h3 {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.4;
+}
+
+.welcome-panel p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.welcome-panel-header {
+	--about-header-bg-width: 780px;
+
+	position: relative;
+	color: #fff;
+}
+
+.welcome-panel-header-image {
+	position: absolute !important;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 0 !important;
+	overflow: hidden;
+}
+
+.welcome-panel-header-image svg {
+	display: block;
+	margin: auto;
+	width: var(--about-header-bg-width);
+	height: auto;
+	transform: scale(0.75);
+	transform-origin: center top;
+}
+
+.welcome-panel-header * {
+	color: inherit;
+	position: relative;
+	z-index: 1;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel-header a:hover {
+	color: inherit;
+	text-decoration: none;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel .welcome-panel-close:focus {
+	outline-color: currentColor;
+	outline-offset: 1px;
+	box-shadow: none;
+}
+
+.welcome-panel-header p {
+	margin: 0.5em 0 0;
+	font-size: 20px;
+	line-height: 1.4;
+}
+
+.welcome-panel .welcome-panel-close {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	padding: 10px 15px 10px 24px;
+	font-size: 13px;
+	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
+	text-decoration: none;
+	z-index: 1; /* Raise above the version image. */
+}
+
+.welcome-panel .welcome-panel-close:before {
+	position: absolute;
+	top: 8px;
+	left: 0;
+	transition: all .1s ease-in-out;
+	content: '\f335';
+	font-size: 24px;
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close {
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close:hover,
+.welcome-panel .welcome-panel-close:focus,
+.welcome-panel .welcome-panel-close:hover::before,
+.welcome-panel .welcome-panel-close:focus::before {
+	color: #fff972;
+}
+
+/* @deprecated 5.9.0 -- Button removed from panel. */
+.wp-core-ui .welcome-panel .button.button-hero {
+	margin: 15px 13px 3px 0;
+	padding: 12px 36px;
+	height: auto;
+	line-height: 1.4285714;
+	white-space: normal;
+}
+
+.welcome-panel-content {
+	min-height: 400px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.welcome-panel-header {
+	box-sizing: border-box;
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 1500px;
+	width: 100%;
+	padding: 48px 0 80px 48px;
+}
+
+.welcome-panel .welcome-panel-column-container {
+	box-sizing: border-box;
+	width: 100%;
+	clear: both;
+	display: grid;
+	z-index: 1;
+	padding: 48px;
+	grid-template-columns: repeat(3, 1fr);
+	gap: 32px;
+	align-self: flex-end;
+	background: #fff;
+}
+
+[class*="welcome-panel-icon"] {
+	height: 60px;
+	width: 60px;
+	background-position: center;
+	background-size: 24px 24px;
+	background-repeat: no-repeat;
+	border-radius: 100%;
+}
+
+.welcome-panel-column > svg {
+	margin-top: 4px;
+}
+
+.welcome-panel-column {
+	display: grid;
+	grid-template-columns: min-content 1fr;
+	gap: 24px;
+}
+
+.welcome-panel-icon-pages {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-layout {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-styles {
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
+}
+
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus {
+	line-height: 1.14285714;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column ul {
+	margin: 0.8em 1em 1em 0;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li {
+	font-size: 14px;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li a {
+	text-decoration: none;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column li {
+	line-height: 1.14285714;
+	list-style-type: none;
+	padding: 0 0 8px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon {
+	background: transparent !important;
+}
+
+/* Welcome Panel and Right Now common Icons style */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before,
+#dashboard_right_now .search-engines-info:before {
+	color: #646970;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 10px 0 0;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	vertical-align: top;
+}
+
+/* Welcome Panel specific Icons styles */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+	content: "\f119";
+	top: -3px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-add-page:before {
+	content: "\f132";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-setup-home:before {
+	content: "\f102";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-view-site:before {
+	content: "\f115";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus:before {
+	content: "\f116";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets:before {
+	content: "\f538";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-menus:before {
+	content: "\f163";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-comments:before {
+	content: "\f117";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-learn-more:before {
+	content: "\f118";
+	top: -1px;
+}
+
+/* Right Now specific Icons styles */
+
+#dashboard_right_now .search-engines-info:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
+	content: "\f159"; /* generic icon for items added by CPTs ? */
+	padding: 0 5px 0 0;
+}
+
+#dashboard_right_now .page-count a:before,
+#dashboard_right_now .page-count span:before {
+	content: "\f105";
+}
+
+#dashboard_right_now .post-count a:before,
+#dashboard_right_now .post-count span:before {
+	content: "\f109";
+}
+
+#dashboard_right_now .comment-count a:before {
+	content: "\f101";
+}
+
+#dashboard_right_now .comment-mod-count a:before {
+	content: "\f125";
+}
+
+#dashboard_right_now .storage-count a:before {
+	content: "\f104";
+}
+
+#dashboard_right_now .storage-count.warning a:before {
+	content: "\f153";
+}
+
+#dashboard_right_now .search-engines-info:before {
+	content: "\f348";
+}
+
+/* Dashboard WordPress events */
+
+.community-events-errors {
+	margin: 0;
+}
+
+.community-events-loading {
+	padding: 10px 12px 8px;
+}
+
+.community-events {
+	margin-bottom: 6px;
+	padding: 0 12px;
+}
+
+.community-events .spinner {
+	float: none;
+	margin: 5px 2px 0;
+	vertical-align: top;
+}
+
+.community-events-errors[aria-hidden="true"],
+.community-events-errors [aria-hidden="true"],
+.community-events-loading[aria-hidden="true"],
+.community-events[aria-hidden="true"],
+.community-events form[aria-hidden="true"] {
+	display: none;
+}
+
+.community-events .activity-block:first-child,
+.community-events h2 {
+	padding-top: 12px;
+	padding-bottom: 10px;
+}
+
+.community-events-form {
+	margin: 15px 0 5px;
+}
+
+.community-events-form .regular-text {
+	width: 40%;
+	height: 29px;
+	margin: 0;
+	vertical-align: top;
+}
+
+.community-events li.event-none {
+	border-left: 4px solid #72aee6;
+}
+
+#dashboard-widgets .community-events li.event-none a {
+	text-decoration: underline;
+}
+
+.community-events-form label {
+	display: inline-block;
+	vertical-align: top;
+	line-height: 2.15384615;
+	height: 28px;
+}
+
+.community-events .activity-block > p {
+	margin-bottom: 0;
+	display: inline;
+}
+
+.community-events-toggle-location {
+	vertical-align: middle;
+}
+
+#community-events-submit {
+	margin-left: 3px;
+	margin-right: 3px;
+}
+
+/* Needs higher specificity than #dashboard-widgets .button-link */
+#dashboard-widgets .community-events-cancel.button-link {
+	vertical-align: top;
+	/* Same properties as the submit button for cross-browsers alignment. */
+	line-height: 2;
+	height: 28px;
+	text-decoration: underline;
+}
+
+.community-events ul {
+	background-color: #f6f7f7;
+	padding-left: 0;
+	padding-right: 0;
+	padding-bottom: 0;
+}
+
+.community-events li {
+	margin: 0;
+	padding: 8px 12px;
+	color: #2c3338;
+}
+.community-events li:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events li ~ li {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events .activity-block.last {
+	border-bottom: 1px solid #f0f0f1;
+	padding-top: 0;
+	margin-top: -1px;
+}
+
+.community-events .event-info {
+	display: block;
+}
+
+.event-icon {
+	height: 18px;
+	padding-right: 10px;
+	width: 18px;
+	display: none; /* Hide on smaller screens */
+}
+
+.event-icon:before {
+	color: #646970;
+	font-size: 18px;
+}
+.event-meetup .event-icon:before {
+	content: "\f484";
+}
+.event-wordcamp .event-icon:before {
+	content: "\f486";
+}
+
+.community-events .event-title {
+	font-weight: 600;
+	display: block;
+}
+
+.community-events .event-date,
+.community-events .event-time {
+	display: block;
+}
+
+.community-events-footer {
+	margin-top: 0;
+	margin-bottom: 0;
+	padding: 12px;
+	border-top: 1px solid #f0f0f1;
+	color: #dcdcde;
+}
+
+/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
+.community-events-footer .screen-reader-text {
+	height: inherit;
+	white-space: nowrap;
+}
+
+/* Dashboard WordPress news */
+
+#dashboard_primary .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_primary .widget-loading {
+	padding: 12px 12px 0;
+	margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
+}
+
+/* Notice when JS is off. */
+#dashboard_primary .inside .notice {
+	margin: 0;
+}
+
+body #dashboard-widgets .postbox form .submit {
+	margin: 0;
+}
+
+/* Used only for configurable widgets. */
+.dashboard-widget-control-form p {
+	margin-top: 0;
+}
+
+.rssSummary {
+	color: #646970;
+	margin-top: 4px;
+}
+
+#dashboard_primary .rss-widget {
+	font-size: 13px;
+	padding: 0 12px;
+}
+
+#dashboard_primary .rss-widget:last-child {
+	border-bottom: none;
+	padding-bottom: 8px;
+}
+
+#dashboard_primary .rss-widget a {
+	font-weight: 400;
+}
+
+#dashboard_primary .rss-widget span,
+#dashboard_primary .rss-widget span.rss-date {
+	color: #646970;
+}
+
+#dashboard_primary .rss-widget span.rss-date {
+	margin-left: 12px;
+}
+
+#dashboard_primary .rss-widget ul li {
+	padding: 4px 0;
+	margin: 0;
+}
+
+/* Dashboard right now */
+
+#dashboard_right_now ul {
+	margin: 0;
+	/* contain floats but don't use overflow: hidden */
+	display: inline-block;
+	width: 100%;
+}
+
+#dashboard_right_now li {
+	width: 50%;
+	float: left;
+	margin-bottom: 10px;
+}
+
+#dashboard_right_now .inside {
+	padding: 0;
+}
+
+#dashboard_right_now .main {
+	padding: 0 12px 11px;
+}
+
+#dashboard_right_now .main p {
+	margin: 0;
+}
+
+#dashboard_right_now #wp-version-message .button {
+	float: right;
+	position: relative;
+	top: -5px;
+	margin-left: 5px;
+}
+
+#dashboard_right_now p.search-engines-info {
+	margin: 1em 0;
+}
+
+.mu-storage {
+	overflow: hidden;
+}
+
+#dashboard-widgets h3.mu-storage {
+	margin: 0 0 10px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+}
+
+/* Dashboard right now - Colors */
+
+#dashboard_right_now .sub {
+	color: #50575e;
+	background: #f6f7f7;
+	border-top: 1px solid #f0f0f1;
+	padding: 10px 12px 6px;
+}
+
+#dashboard_right_now .sub h3 {
+	color: #50575e;
+}
+
+#dashboard_right_now .sub p {
+	margin: 0 0 1em;
+}
+
+#dashboard_right_now .warning a:before,
+#dashboard_right_now .warning span:before {
+	color: #d63638;
+}
+
+/* Dashboard Quick Draft */
+
+#dashboard_quick_press .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_quick_press div.updated {
+	margin-bottom: 10px;
+	border: 1px solid #f0f0f1;
+	border-width: 1px 1px 1px 0;
+}
+
+#dashboard_quick_press form {
+	margin: 12px;
+}
+
+#dashboard_quick_press .drafts {
+	padding: 10px 0 0;
+}
+
+/* Dashboard Quick Draft - Form styling */
+
+#dashboard_quick_press label {
+	display: inline-block;
+	margin-bottom: 4px;
+}
+
+#dashboard_quick_press input,
+#dashboard_quick_press textarea {
+	box-sizing: border-box;
+	margin: 0;
+}
+
+#dashboard-widgets .postbox form .submit {
+	margin: -39px 0;
+	float: right;
+}
+
+#description-wrap {
+	margin-top: 12px;
+}
+
+#quick-press textarea#content {
+	min-height: 90px;
+	max-height: 1300px;
+	margin: 0 0 8px;
+	padding: 6px 7px;
+	resize: none;
+}
+
+/* Dashboard Quick Draft - Drafts list */
+
+.js #dashboard_quick_press .drafts {
+	border-top: 1px solid #f0f0f1;
+}
+
+#dashboard_quick_press .drafts abbr {
+	border: none;
+}
+
+#dashboard_quick_press .drafts .view-all {
+	float: right;
+	margin: 0 12px 0 0;
+}
+
+#dashboard_primary a.rsswidget {
+	font-weight: 400;
+}
+
+#dashboard_quick_press .drafts ul {
+	margin: 0 12px;
+}
+
+#dashboard_quick_press .drafts li {
+	margin-bottom: 1em;
+}
+#dashboard_quick_press .drafts li time {
+	color: #646970;
+}
+
+#dashboard_quick_press .drafts p {
+	margin: 0;
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title {
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title a,
+#dashboard_quick_press .draft-title time {
+	margin: 0 5px 0 0;
+}
+
+/* Dashboard common styles */
+
+#dashboard-widgets h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets h3,
+#dashboard_quick_press .drafts h2 {
+	margin: 0 12px 8px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+	color: #1d2327;
+}
+
+#dashboard_quick_press .drafts h2 {
+	line-height: inherit;
+}
+
+#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets .inside h3 {
+	margin-left: 0;
+	margin-right: 0;
+}
+
+/* Dashboard activity widget */
+
+#dashboard_activity .comment-meta span.approve:before {
+	content: "\f227";
+	font: 20px/.5 dashicons;
+	margin-left: 5px;
+	vertical-align: middle;
+	position: relative;
+	top: -1px;
+	margin-right: 2px;
+}
+
+#dashboard_activity .inside {
+	margin: 0;
+	padding-bottom: 0;
+}
+
+#dashboard_activity .no-activity {
+	overflow: hidden;
+	padding: 12px 0;
+	text-align: center;
+}
+
+#dashboard_activity .no-activity p {
+	color: #646970;
+	font-size: 16px;
+}
+
+#dashboard_activity .subsubsub {
+	float: none;
+	border-top: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+#dashboard_activity .subsubsub a .count,
+#dashboard_activity .subsubsub a.current .count {
+	color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
+}
+
+#future-posts ul,
+#published-posts ul {
+	clear: both;
+	margin-bottom: 0;
+}
+
+#future-posts li,
+#published-posts li {
+	margin-bottom: 8px;
+}
+
+#future-posts ul span,
+#published-posts ul span {
+	display: inline-block;
+	margin-right: 5px;
+	min-width: 150px;
+	color: #646970;
+}
+
+.activity-block {
+	border-bottom: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+.activity-block:last-child {
+	border-bottom: none;
+}
+
+.activity-block .subsubsub li {
+	color: #dcdcde;
+}
+
+/* Dashboard activity widget - Comments */
+/* @todo: needs serious de-duplication */
+
+#activity-widget #the-comment-list tr.undo,
+#activity-widget #the-comment-list div.undo {
+	background: none;
+	padding: 6px 0;
+	margin-left: 12px;
+}
+
+#activity-widget #the-comment-list .comment-item {
+	background: #f6f7f7;
+	padding: 12px;
+	position: relative;
+}
+
+#activity-widget #the-comment-list .avatar {
+	position: absolute;
+	top: 12px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
+	padding-left: 63px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
+	margin: 1em 0;
+}
+
+#activity-widget #the-comment-list .comment-item p.row-actions {
+	margin: 4px 0 0;
+}
+
+#activity-widget #the-comment-list .comment-item:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+#activity-widget #the-comment-list .unapproved {
+	background-color: #fcf9e8;
+}
+
+#activity-widget #the-comment-list .unapproved:before {
+	content: "";
+	display: block;
+	position: absolute;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	background: #d63638;
+	width: 4px;
+}
+
+#activity-widget #the-comment-list .spam-undo-inside .avatar,
+#activity-widget #the-comment-list .trash-undo-inside .avatar {
+	position: relative;
+	top: 0;
+}
+
+/* Browse happy box */
+
+#dashboard-widgets #dashboard_browser_nag.postbox .inside {
+	margin: 10px;
+}
+
+.postbox .button-link .edit-box {
+	display: none;
+}
+
+.edit-box {
+	opacity: 0;
+}
+
+.hndle:hover .edit-box,
+.edit-box:focus {
+	opacity: 1;
+}
+
+#dashboard-widgets form .input-text-wrap input {
+	width: 100%;
+}
+
+#dashboard-widgets form .textarea-wrap textarea {
+	width: 100%;
+}
+
+#dashboard-widgets .postbox form .submit {
+	float: none;
+	margin: .5em 0 0;
+	padding: 0;
+	border: none;
+}
+
+#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
+	min-width: 0;
+}
+
+#dashboard-widgets li a,
+#dashboard-widgets .button-link,
+.community-events-footer a {
+	text-decoration: none;
+}
+
+#dashboard-widgets h2 a {
+	text-decoration: underline;
+}
+
+#dashboard-widgets .hndle .postbox-title-action {
+	float: right;
+	line-height: 1.2;
+}
+
+#dashboard_plugins h5 {
+	font-size: 14px;
+}
+
+/* Recent Comments */
+
+#latest-comments #the-comment-list {
+	position: relative;
+	margin: 0 -12px;
+}
+
+#activity-widget #the-comment-list .comment,
+#activity-widget #the-comment-list .pingback {
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
+}
+
+#activity-widget .comments #the-comment-list .alt {
+	background-color: transparent;
+}
+
+#activity-widget #latest-comments #the-comment-list .comment-item {
+	/* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
+	   for other users this needs a min height equal to the gravatar image */
+	min-height: 50px;
+	margin: 0;
+	padding: 12px;
+}
+
+#latest-comments #the-comment-list .pingback {
+	padding-left: 12px !important;
+}
+
+#latest-comments #the-comment-list .comment-item:first-child {
+	border-top: none;
+}
+
+#latest-comments #the-comment-list .comment-meta {
+	line-height: 1.5;
+	margin: 0;
+	color: #646970;
+}
+
+#latest-comments #the-comment-list .comment-meta cite {
+	font-style: normal;
+	font-weight: 400;
+}
+
+#latest-comments #the-comment-list .comment-item blockquote,
+#latest-comments #the-comment-list .comment-item blockquote p {
+	margin: 0;
+	padding: 0;
+	display: inline;
+}
+
+#latest-comments #the-comment-list .comment-item p.row-actions {
+	margin: 3px 0 0;
+	padding: 0;
+	font-size: 13px;
+}
+
+/* Feeds */
+.rss-widget ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+a.rsswidget {
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 1.4;
+}
+
+.rss-widget ul li {
+	line-height: 1.5;
+	margin-bottom: 12px;
+}
+
+.rss-widget span.rss-date {
+	color: #646970;
+	font-size: 13px;
+	margin-left: 3px;
+}
+
+.rss-widget cite {
+	display: block;
+	text-align: right;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+.rss-widget cite:before {
+	content: "\2014";
+}
+
+.dashboard-comment-wrap {
+	word-wrap: break-word;
+}
+
+/* Browser Nag */
+#dashboard_browser_nag a.update-browser-link {
+	font-size: 1.2em;
+	font-weight: 600;
+}
+
+#dashboard_browser_nag a {
+	text-decoration: underline;
+}
+
+#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
+	padding-right: 128px;
+}
+
+#dashboard_browser_nag .browser-icon {
+	margin-top: -32px;
+}
+
+#dashboard_browser_nag.postbox {
+	background-color: #b32d2e;
+	background-image: none;
+	border-color: #b32d2e;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag.postbox h2 {
+	border-bottom-color: transparent;
+	background: transparent none;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag a {
+	color: #fff;
+}
+
+#dashboard_browser_nag.postbox .postbox-header {
+	border-color: transparent;
+}
+
+#dashboard_browser_nag h2.hndle {
+	border: none;
+	font-weight: 600;
+	font-size: 20px;
+	padding-top: 10px;
+}
+
+.postbox#dashboard_browser_nag p a.dismiss {
+	font-size: 14px;
+}
+
+.postbox#dashboard_browser_nag p,
+.postbox#dashboard_browser_nag a,
+.postbox#dashboard_browser_nag p.browser-update-nag {
+	font-size: 16px;
+}
+
+/* PHP Nag */
+#dashboard_php_nag .dashicons-warning {
+	color: #dba617;
+	padding-right: 6px;
+}
+
+#dashboard_php_nag.php-no-security-updates .dashicons-warning,
+#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
+	color: #d63638;
+}
+
+#dashboard_php_nag h2 {
+	display: inline-block;
+}
+
+#dashboard_php_nag p {
+	margin: 12px 0;
+}
+
+#dashboard_php_nag .button .dashicons-external {
+	line-height: 25px;
+}
+
+.bigger-bolder-text {
+	font-weight: 600;
+	font-size: 14px;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (min-width: 1600px) {
+	.welcome-panel .welcome-panel-column-container {
+		display: flex;
+		justify-content: center;
+	}
+
+	.welcome-panel-column {
+		width: 100%;
+		max-width: 460px;
+	}
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 100%;
+	}
+
+	#dashboard-widgets .meta-box-sortables {
+		min-height: 0;
+	}
+
+	.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+		min-height: 100px;
+	}
+
+	#dashboard-widgets .meta-box-sortables.empty-container {
+		margin-bottom: 0;
+	}
+}
+
+/* two columns on the dash, but keep the setting if one is selected */
+@media only screen and (min-width: 800px) and (max-width: 1499px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 49.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-2,
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: right;
+		width: 50.5%;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container,
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container:after,
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+		width: 100%;
+	}
+
+	#wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	/* show the radio buttons for column prefs only for one or two columns */
+	.index-php .screen-layout,
+	.index-php .columns-prefs {
+		display: block;
+	}
+
+	.columns-prefs .columns-prefs-3,
+	.columns-prefs .columns-prefs-4 {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* three columns on the dash */
+@media only screen and (min-width: 1500px) and (max-width: 1800px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 33.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-1 {
+		width: 33%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: right;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* Always show the "Drag boxes here" CSS generated content on large screens. */
+@media only screen and (min-width: 1801px) {
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+@media screen and (max-width: 870px) {
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column li {
+		display: inline-block;
+		margin-right: 13px;
+	}
+
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column ul {
+		margin: 0.4em 0 0;
+	}
+
+}
+
+@media screen and (max-width: 1180px) and (min-width: 783px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"],
+	.welcome-panel-column > svg {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.welcome-panel .welcome-panel-column-container {
+		grid-template-columns: 1fr;
+		box-sizing: border-box;
+		padding: 32px;
+		width: 100%;
+	}
+
+	.welcome-panel .welcome-panel-column-content {
+		max-width: 520px;
+	}
+
+	/* Keep the close icon from overlapping the Welcome text. */
+	.welcome-panel .welcome-panel-close {
+		overflow: hidden;
+		text-indent: 40px;
+		white-space: nowrap;
+		width: 20px;
+		height: 20px;
+		padding: 5px;
+		top: 5px;
+		right: 5px;
+	}
+
+	.welcome-panel .welcome-panel-close::before {
+		top: 5px;
+		left: -35px;
+	}
+
+	#dashboard-widgets h2 {
+		padding: 12px;
+	}
+
+	#dashboard_recent_comments #the-comment-list .comment-item .avatar {
+		height: 30px;
+		width: 30px;
+		margin: 4px 10px 5px 0;
+	}
+
+	.community-events-toggle-location {
+		height: 38px;
+		vertical-align: baseline;
+	}
+
+	.community-events-form .regular-text {
+		height: 32px;
+	}
+
+	#community-events-submit {
+		margin-bottom: 0;
+		/* Override .wp-core-ui .button */
+		vertical-align: top;
+	}
+
+	.community-events-form label,
+	#dashboard-widgets .community-events-cancel.button-link {
+		/* Same properties as the submit button for cross-browsers alignment. */
+		font-size: 14px;
+		line-height: normal;
+		height: auto;
+		padding: 6px 0;
+		border: 1px solid transparent;
+	}
+
+	.community-events .spinner {
+		margin-top: 7px;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	.welcome-panel-header {
+		padding: 32px 32px 64px;
+	}
+
+	.welcome-panel-header-image {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.welcome-panel-column {
+		gap: 16px;
+	}
+}
+
+@media screen and (max-width: 360px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"],
+	.welcome-panel-column > svg {
+		display: none;
+	}
+}
+
+@media screen and (min-width: 355px) {
+	.community-events .event-info {
+		display: table-row;
+		float: left;
+		max-width: 59%;
+	}
+
+	.event-icon,
+	.event-icon[aria-hidden="true"] {
+		display: table-cell;
+	}
+
+	.event-info-inner {
+		display: table-cell;
+	}
+
+	.community-events .event-date-time {
+		float: right;
+		max-width: 39%;
+	}
+
+	.community-events .event-date,
+	.community-events .event-time {
+		text-align: right;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/deprecated-media-rtl.css

@@ -0,0 +1,430 @@
+/*! This file is auto-generated */
+/* Styles for the media library iframe (not used on the Library screen) */
+
+div#media-upload-header {
+	margin: 0;
+	padding: 5px 5px 0;
+	font-weight: 600;
+	position: relative;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#sidemenu {
+	overflow: hidden;
+	float: none;
+	position: relative;
+	right: 0;
+	bottom: -1px;
+	margin: 0 5px;
+	padding-right: 10px;
+	list-style: none;
+	font-size: 12px;
+	font-weight: 400;
+}
+
+#sidemenu a {
+	padding: 0 7px;
+	display: block;
+	float: right;
+	line-height: 28px;
+	border-top: 1px solid #f6f7f7;
+	border-bottom: 1px solid #dcdcde;
+	background-color: #f6f7f7;
+	text-decoration: none;
+	transition: none;
+}
+
+#sidemenu li {
+	display: inline;
+	line-height: 200%;
+	list-style: none;
+	text-align: center;
+	white-space: nowrap;
+	margin: 0;
+	padding: 0;
+}
+
+#sidemenu a.current {
+	font-weight: 400;
+	padding-right: 6px;
+	padding-left: 6px;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #f0f0f1;
+	background-color: #f0f0f1;
+	color: #000;
+}
+
+#media-upload:after { /* clearfix */
+	content: "";
+	display: table;
+	clear: both;
+}
+
+#media-upload .slidetoggle {
+	border-top-color: #dcdcde;
+}
+
+#media-upload input[type="radio"] {
+	padding: 0;
+}
+
+.media-upload-form label.form-help,
+td.help {
+	color: #646970;
+}
+
+form {
+	margin: 1em;
+}
+
+#search-filter {
+	text-align: left;
+}
+
+th {
+	position: relative;
+}
+
+.media-upload-form label.form-help, td.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+.media-upload-form p.help {
+	margin: 0;
+	padding: 0;
+}
+
+.media-upload-form fieldset {
+	width: 100%;
+	border: none;
+	text-align: justify;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+/* specific to the image upload form */
+
+.image-align-none-label {
+	background: url(../images/align-none.png) no-repeat center right;
+}
+
+.image-align-left-label {
+	background: url(../images/align-left.png) no-repeat center right;
+}
+
+.image-align-center-label {
+	background: url(../images/align-center.png) no-repeat center right;
+}
+
+.image-align-right-label {
+	background: url(../images/align-right.png) no-repeat center right;
+}
+
+tr.image-size td {
+	width: 460px;
+}
+
+tr.image-size div.image-size-item {
+	margin: 0 0 5px;
+}
+
+#library-form .progress,
+#gallery-form .progress,
+.insert-gallery,
+.describe.startopen,
+.describe.startclosed {
+	display: none;
+}
+
+.media-item .thumbnail {
+	max-width: 128px;
+	max-height: 128px;
+}
+
+thead.media-item-info tr {
+	background-color: transparent;
+}
+
+.form-table thead.media-item-info {
+	border: 8px solid #fff;
+}
+
+abbr.required,
+span.required {
+	text-decoration: none;
+	border: none;
+}
+
+.describe label {
+	display: inline;
+}
+
+.describe td.error {
+	padding: 2px 8px;
+}
+
+.describe td.A1 {
+	width: 132px;
+}
+
+.describe input[type="text"],
+.describe textarea {
+	width: 460px;
+	border-width: 1px;
+	border-style: solid;
+}
+
+/* Specific to Uploader */
+
+#media-upload p.ml-submit {
+	padding: 1em 0;
+}
+
+#media-upload p.help,
+#media-upload label.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+#media-upload .ui-sortable .media-item {
+	cursor: move;
+}
+
+#media-upload tr.image-size {
+	margin-bottom: 1em;
+	height: 3em;
+}
+
+#media-upload #filter {
+	width: 623px;
+}
+
+#media-upload #filter .subsubsub {
+	margin: 8px 0;
+}
+
+#media-upload .tablenav-pages a,
+#media-upload .tablenav-pages .current {
+	display: inline-block;
+	padding: 4px 5px 6px;
+	font-size: 16px;
+	line-height: 1;
+	text-align: center;
+	text-decoration: none;
+}
+
+#media-upload .tablenav-pages a {
+	min-width: 17px;
+	border: 1px solid #c3c4c7;
+	background: #f6f7f7;
+}
+
+#filter .tablenav select {
+	border-style: solid;
+	border-width: 1px;
+	padding: 2px;
+	vertical-align: top;
+	width: auto;
+}
+
+#media-upload .del-attachment {
+	display: none;
+	margin: 5px 0;
+}
+
+.menu_order {
+	float: left;
+	font-size: 11px;
+	margin: 8px 10px 0;
+}
+
+.menu_order_input {
+	border: 1px solid #dcdcde;
+	font-size: 10px;
+	padding: 1px;
+	width: 23px;
+}
+
+.ui-sortable-helper {
+	background-color: #fff;
+	border: 1px solid #a7aaad;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#media-upload th.order-head {
+	width: 20%;
+	text-align: center;
+}
+
+#media-upload th.actions-head {
+	width: 25%;
+	text-align: center;
+}
+
+#media-upload a.wp-post-thumbnail {
+	margin: 0 20px;
+}
+
+#media-upload .widefat {
+	border-style: solid solid none;
+}
+
+.sorthelper {
+	height: 37px;
+	width: 623px;
+	display: block;
+}
+
+#gallery-settings th.label {
+	width: 160px;
+}
+
+#gallery-settings #basic th.label {
+	padding: 5px 0 5px 5px;
+}
+
+#gallery-settings .title {
+	clear: both;
+	padding: 0 0 3px;
+	font-size: 1.6em;
+	border-bottom: 1px solid #dcdcde;
+}
+
+h3.media-title {
+	font-size: 1.6em;
+}
+
+h4.media-sub-title {
+	border-bottom: 1px solid #dcdcde;
+	font-size: 1.3em;
+	margin: 12px;
+	padding: 0 0 3px;
+}
+
+#gallery-settings .title,
+h3.media-title,
+h4.media-sub-title {
+	font-family: Georgia,"Times New Roman",Times,serif;
+	font-weight: 400;
+	color: #50575e;
+}
+
+#gallery-settings .describe td {
+	vertical-align: middle;
+	height: 3em;
+}
+
+#gallery-settings .describe th.label {
+	padding-top: .5em;
+	text-align: right;
+}
+
+#gallery-settings .describe {
+	padding: 5px;
+	width: 100%;
+	clear: both;
+	cursor: default;
+	background: #fff;
+}
+
+#gallery-settings .describe select {
+	width: 15em;
+}
+
+#gallery-settings .describe select option,
+#gallery-settings .describe td {
+	padding: 0;
+}
+
+#gallery-settings label,
+#gallery-settings legend {
+	font-size: 13px;
+	color: #3c434a;
+	margin-left: 15px;
+}
+
+#gallery-settings .align .field label {
+	margin: 0 3px 0 1em;
+}
+
+#gallery-settings p.ml-submit {
+	border-top: 1px solid #dcdcde;
+}
+
+#gallery-settings select#columns {
+	width: 6em;
+}
+
+#sort-buttons {
+	font-size: 0.8em;
+	margin: 3px 0 -8px 25px;
+	text-align: left;
+	max-width: 625px;
+}
+
+#sort-buttons a {
+	text-decoration: none;
+}
+
+#sort-buttons #asc,
+#sort-buttons #showall {
+	padding-right: 5px;
+}
+
+#sort-buttons span {
+	margin-left: 25px;
+}
+
+p.media-types {
+	margin: 0;
+	padding: 1em;
+}
+
+p.media-types-required-info {
+	padding-top: 0;
+}
+
+tr.not-image {
+	display: none;
+}
+
+table.not-image tr.not-image {
+	display: table-row;
+}
+
+table.not-image tr.image-only {
+	display: none;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+	.image-align-none-label {
+		background-image: url(../images/align-none-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-left-label {
+		background-image: url(../images/align-left-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+
+	.image-align-center-label {
+		background-image: url(../images/align-center-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-right-label {
+		background-image: url(../images/align-right-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+}

hw5-wordpress/shadrin14323/app/public/wp-admin/css/deprecated-media.css

@@ -0,0 +1,429 @@
+/* Styles for the media library iframe (not used on the Library screen) */
+
+div#media-upload-header {
+	margin: 0;
+	padding: 5px 5px 0;
+	font-weight: 600;
+	position: relative;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#sidemenu {
+	overflow: hidden;
+	float: none;
+	position: relative;
+	left: 0;
+	bottom: -1px;
+	margin: 0 5px;
+	padding-left: 10px;
+	list-style: none;
+	font-size: 12px;
+	font-weight: 400;
+}
+
+#sidemenu a {
+	padding: 0 7px;
+	display: block;
+	float: left;
+	line-height: 28px;
+	border-top: 1px solid #f6f7f7;
+	border-bottom: 1px solid #dcdcde;
+	background-color: #f6f7f7;
+	text-decoration: none;
+	transition: none;
+}
+
+#sidemenu li {
+	display: inline;
+	line-height: 200%;
+	list-style: none;
+	text-align: center;
+	white-space: nowrap;
+	margin: 0;
+	padding: 0;
+}
+
+#sidemenu a.current {
+	font-weight: 400;
+	padding-left: 6px;
+	padding-right: 6px;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #f0f0f1;
+	background-color: #f0f0f1;
+	color: #000;
+}
+
+#media-upload:after { /* clearfix */
+	content: "";
+	display: table;
+	clear: both;
+}
+
+#media-upload .slidetoggle {
+	border-top-color: #dcdcde;
+}
+
+#media-upload input[type="radio"] {
+	padding: 0;
+}
+
+.media-upload-form label.form-help,
+td.help {
+	color: #646970;
+}
+
+form {
+	margin: 1em;
+}
+
+#search-filter {
+	text-align: right;
+}
+
+th {
+	position: relative;
+}
+
+.media-upload-form label.form-help, td.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+.media-upload-form p.help {
+	margin: 0;
+	padding: 0;
+}
+
+.media-upload-form fieldset {
+	width: 100%;
+	border: none;
+	text-align: justify;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+/* specific to the image upload form */
+
+.image-align-none-label {
+	background: url(../images/align-none.png) no-repeat center left;
+}
+
+.image-align-left-label {
+	background: url(../images/align-left.png) no-repeat center left;
+}
+
+.image-align-center-label {
+	background: url(../images/align-center.png) no-repeat center left;
+}
+
+.image-align-right-label {
+	background: url(../images/align-right.png) no-repeat center left;
+}
+
+tr.image-size td {
+	width: 460px;
+}
+
+tr.image-size div.image-size-item {
+	margin: 0 0 5px;
+}
+
+#library-form .progress,
+#gallery-form .progress,
+.insert-gallery,
+.describe.startopen,
+.describe.startclosed {
+	display: none;
+}
+
+.media-item .thumbnail {
+	max-width: 128px;
+	max-height: 128px;
+}
+
+thead.media-item-info tr {
+	background-color: transparent;
+}
+
+.form-table thead.media-item-info {
+	border: 8px solid #fff;
+}
+
+abbr.required,
+span.required {
+	text-decoration: none;
+	border: none;
+}
+
+.describe label {
+	display: inline;
+}
+
+.describe td.error {
+	padding: 2px 8px;
+}
+
+.describe td.A1 {
+	width: 132px;
+}
+
+.describe input[type="text"],
+.describe textarea {
+	width: 460px;
+	border-width: 1px;
+	border-style: solid;
+}
+
+/* Specific to Uploader */
+
+#media-upload p.ml-submit {
+	padding: 1em 0;
+}
+
+#media-upload p.help,
+#media-upload label.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+#media-upload .ui-sortable .media-item {
+	cursor: move;
+}
+
+#media-upload tr.image-size {
+	margin-bottom: 1em;
+	height: 3em;
+}
+
+#media-upload #filter {
+	width: 623px;
+}
+
+#media-upload #filter .subsubsub {
+	margin: 8px 0;
+}
+
+#media-upload .tablenav-pages a,
+#media-upload .tablenav-pages .current {
+	display: inline-block;
+	padding: 4px 5px 6px;
+	font-size: 16px;
+	line-height: 1;
+	text-align: center;
+	text-decoration: none;
+}
+
+#media-upload .tablenav-pages a {
+	min-width: 17px;
+	border: 1px solid #c3c4c7;
+	background: #f6f7f7;
+}
+
+#filter .tablenav select {
+	border-style: solid;
+	border-width: 1px;
+	padding: 2px;
+	vertical-align: top;
+	width: auto;
+}
+
+#media-upload .del-attachment {
+	display: none;
+	margin: 5px 0;
+}
+
+.menu_order {
+	float: right;
+	font-size: 11px;
+	margin: 8px 10px 0;
+}
+
+.menu_order_input {
+	border: 1px solid #dcdcde;
+	font-size: 10px;
+	padding: 1px;
+	width: 23px;
+}
+
+.ui-sortable-helper {
+	background-color: #fff;
+	border: 1px solid #a7aaad;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#media-upload th.order-head {
+	width: 20%;
+	text-align: center;
+}
+
+#media-upload th.actions-head {
+	width: 25%;
+	text-align: center;
+}
+
+#media-upload a.wp-post-thumbnail {
+	margin: 0 20px;
+}
+
+#media-upload .widefat {
+	border-style: solid solid none;
+}
+
+.sorthelper {
+	height: 37px;
+	width: 623px;
+	display: block;
+}
+
+#gallery-settings th.label {
+	width: 160px;
+}
+
+#gallery-settings #basic th.label {
+	padding: 5px 5px 5px 0;
+}
+
+#gallery-settings .title {
+	clear: both;
+	padding: 0 0 3px;
+	font-size: 1.6em;
+	border-bottom: 1px solid #dcdcde;
+}
+
+h3.media-title {
+	font-size: 1.6em;
+}
+
+h4.media-sub-title {
+	border-bottom: 1px solid #dcdcde;
+	font-size: 1.3em;
+	margin: 12px;
+	padding: 0 0 3px;
+}
+
+#gallery-settings .title,
+h3.media-title,
+h4.media-sub-title {
+	font-family: Georgia,"Times New Roman",Times,serif;
+	font-weight: 400;
+	color: #50575e;
+}
+
+#gallery-settings .describe td {
+	vertical-align: middle;
+	height: 3em;
+}
+
+#gallery-settings .describe th.label {
+	padding-top: .5em;
+	text-align: left;
+}
+
+#gallery-settings .describe {
+	padding: 5px;
+	width: 100%;
+	clear: both;
+	cursor: default;
+	background: #fff;
+}
+
+#gallery-settings .describe select {
+	width: 15em;
+}
+
+#gallery-settings .describe select option,
+#gallery-settings .describe td {
+	padding: 0;
+}
+
+#gallery-settings label,
+#gallery-settings legend {
+	font-size: 13px;
+	color: #3c434a;
+	margin-right: 15px;
+}
+
+#gallery-settings .align .field label {
+	margin: 0 1em 0 3px;
+}
+
+#gallery-settings p.ml-submit {
+	border-top: 1px solid #dcdcde;
+}
+
+#gallery-settings select#columns {
+	width: 6em;
+}
+
+#sort-buttons {
+	font-size: 0.8em;
+	margin: 3px 25px -8px 0;
+	text-align: right;
+	max-width: 625px;
+}
+
+#sort-buttons a {
+	text-decoration: none;
+}
+
+#sort-buttons #asc,
+#sort-buttons #showall {
+	padding-left: 5px;
+}
+
+#sort-buttons span {
+	margin-right: 25px;
+}
+
+p.media-types {
+	margin: 0;
+	padding: 1em;
+}
+
+p.media-types-required-info {
+	padding-top: 0;
+}
+
+tr.not-image {
+	display: none;
+}
+
+table.not-image tr.not-image {
+	display: table-row;
+}
+
+table.not-image tr.image-only {
+	display: none;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+	.image-align-none-label {
+		background-image: url(../images/align-none-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-left-label {
+		background-image: url(../images/align-left-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+
+	.image-align-center-label {
+		background-image: url(../images/align-center-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-right-label {
+		background-image: url(../images/align-right-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+}