+ margin: 0 -20px;
+ padding: 20px;
+ border-top: 1px solid #eee;
+ background: #fafafa;
+ overflow: hidden;
+ width: 100%;
+}
+
+.show-favorites-form .wp-filter .favorites-form {
+ display: block;
+}
+
+.filter-drawer {
+ display: none;
+ margin: 0 -20px;
+ padding: 20px;
+ border-top: 1px solid #eee;
+ background: #fafafa;
+}
+
+.show-filters .filter-drawer {
+ display: block;
+ overflow: hidden;
+ width: 100%;
+}
+
+.show-filters .wp-filter .drawer-toggle:hover,
+.show-filters .wp-filter .drawer-toggle:focus {
+ background: rgb(46, 162, 204);
+}
+
+.show-filters .filter-links a.current {
+ border-bottom: none;
+}
+
+.show-filters .wp-filter .drawer-toggle {
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ border: none;
+ background: #72777c;
+ color: #fff;
+}
+
+.show-filters .wp-filter .drawer-toggle:before {
+ color: #fff;
+}
+
+.filter-group {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ float: right;
+ margin: 0 0 0 1%;
+ padding: 20px 10px 10px;
+ width: 24%;
+ background: #fff;
+ border: 1px solid #e5e5e5;
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+ 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 {
+ display: inline-block;
+ margin: 7px 0 7px 4px;
+ line-height: 16px;
+}
+
+.filter-drawer .buttons {
+ margin-bottom: 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;
+}
+
+.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 #e5e5e5;
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+ 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 !important;
+}
+
+.filters-applied .filtered-by {
+ display: block;
+}
+
+.filters-applied .filter-drawer {
+ padding: 20px;
+}
+
+.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 #eee;
+ }
+
+ .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-right: 4px solid #fff;
+ -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
+ box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
+ 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 {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.notice-large {
+ padding: 10px 20px;
+}
+
+.notice-title {
+ display: inline-block;
+ color: #23282d;
+ 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: #b4b9be;
+ cursor: pointer;
+}
+
+.notice-dismiss:hover:before,
+.notice-dismiss:active:before,
+.notice-dismiss:focus:before {
+ color: #c00;
+}
+
+.notice-dismiss:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+ box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+.ie8 .notice-dismiss:focus {
+ outline: 1px solid #5b9dd9;
+}
+
+.notice-success,
+div.updated {
+ border-right-color: #46b450;
+}
+
+.notice-success.notice-alt {
+ background-color: #ecf7ed;
+}
+
+.notice-warning {
+ border-right-color: #ffb900;
+}
+
+.notice-warning.notice-alt {
+ background-color: #fff8e5;
+}
+
+.notice-error,
+div.error {
+ border-right-color: #dc3232;
+}
+
+.notice-error.notice-alt {
+ background-color: #fbeaea;
+}
+
+.notice-info {
+ border-right-color: #00a0d2;
+}
+
+.notice-info.notice-alt {
+ background-color: #e5f5fa;
+}
+
+.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;
+}
+
+/* Update icon. */
+.update-message p:before,
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+ color: #f56e28;
+ content: "\f463";
+}
+
+/* Spins the update icon. */
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+ -webkit-animation: rotation 2s infinite linear;
+ animation: rotation 2s infinite linear;
+}
+
+/* Updated icon (check mark). */
+.updated-message p:before,
+.installed p:before,
+.button.updated-message:before {
+ color: #79ba49;
+ content: '\f147';
+}
+
+/* Error icon. */
+.update-message.notice-error p:before {
+ color: #dc3232;
+ content: "\f534";
+}
+
+.wrap .notice p:before,
+.import-php .updating-message:before {
+ margin-left: 6px;
+ vertical-align: bottom;
+}
+
+#update-nag,
+.update-nag {
+ display: inline-block;
+ line-height: 19px;
+ padding: 11px 15px;
+ font-size: 14px;
+ text-align: right;
+ margin: 25px 2px 0 20px;
+ background-color: #fff;
+ border-right: 4px solid #ffba00;
+ -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
+ box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
+}
+
+ul#dismissed-updates {
+ display: none;
+}
+
+form.upgrade {
+ margin-top: 8px;
+}
+
+form.upgrade .hint {
+ font-style: italic;
+ font-size: 85%;
+ margin: -0.5em 0 2em 0;
+}
+
+.update-php .spinner {
+ float: none;
+ margin: -4px 0;
+}
+
+#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: #66c6e4;
+}
+
+.button.updated-message,
+.notice .button-link {
+ -webkit-transition-property: border, background, color;
+ transition-property: border, background, color;
+ -webkit-transition-duration: .05s;
+ transition-duration: .05s;
+ -webkit-transition-timing-function: ease-in-out;
+ transition-timing-function: ease-in-out;
+}
+
+.notice .button-link {
+ color: #0073aa;
+}
+
+.notice .button-link:hover,
+.notice .button-link:active {
+ color: #00a0d2;
+}
+
+@media aural {
+ .wrap .notice p:before,
+ .button.installing:before,
+ .button.installed:before,
+ .update-message p:before {
+ speak: none;
+ }
+}
+
+
+/* @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 !important;
+}
+
+#screen-meta .screen-reader-text {
+ visibility: hidden;
+}
+
+#screen-meta-links {
+ margin: 0 0 0 20px;
+}
+
+/* screen options and help tabs revert */
+#screen-meta {
+ display: none;
+ margin: 0 0px -1px 20px;
+ position: relative;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-top: none;
+ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);