/*------------------------------------------------------------------------------ Hello, this is the main WordPress admin CSS file. All the important stuff is in here. TABLE OF CONTENTS: ------------------ 1.0 - Text Elements 2.0 - Forms 3.0 - Actions 4.0 - Notifications 5.0 - TinyMCE 6.0 - Admin Header 6.1 - Screen Options Tabs 6.2 - Help Menu 7.0 - Main Navigation 8.0 - Layout Blocks 9.0 - Dashboard 10.0 - List Posts 10.1 - Inline Editing 11.0 - Write/Edit Post Screen 11.1 - Custom Fields 11.2 - Post Revisions 11.3 - Featured Images 11.4 - Post Format Selection 12.0 - Categories 13.0 - Tags 14.0 - Media Screen 14.1 - Media Library 14.2 - Image Editor 15.0 - Comments Screen 16.0 - Themes 16.1 - Manage Themes 16.2 - Install Themes 16.3 - Custom Header 16.4 - Custom Background 17.0 - Plugins 18.0 - Users 19.0 - Tools 20.0 - Settings 21.0 - Admin Footer 22.0 - About Pages 23.0 - Full Overlay w/ Sidebar 24.0 - Customize Loader 25.0 - Tabbed Admin Screen Interface 26.0 - Misc 27.0 - Localization ------------------------------------------------------------------------*/ /* 2 column liquid layout */ #wpwrap { height: auto; min-height: 100%; width: 100%; position: relative; -webkit-font-smoothing: subpixel-antialiased; } #wpcontent { height: 100%; } #wpcontent, #wpfooter { margin-left: 180px; } .folded #wpcontent, .folded #wpfooter { margin-left: 56px; } #wpbody-content { padding-bottom: 65px; float: left; width: 100%; overflow: visible !important; } #adminmenuback, #adminmenuwrap, #adminmenu, #adminmenu .wp-submenu { width: 160px; } #adminmenuback { position: absolute; top: 0; bottom: 0; z-index: -1; } #adminmenu { clear: left; margin: 12px 0 0; padding: 0; list-style: none; } .folded #adminmenuback, .folded #adminmenuwrap, .folded #adminmenu, .folded #adminmenu li.menu-top { width: 36px; } /* 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-container, #col-left, #col-right { overflow: hidden; padding: 0; margin: 0; } #col-left { width: 35%; } #col-right { float: right; clear: right; width: 65%; } .col-wrap { padding: 0 7px; } /* utility classes */ .alignleft { float: left; } .alignright { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .clear { clear: both; } /* Hide visually but not from screen readers */ .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .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: #f1f1f1; color: #21759b; z-index: 100000; line-height: normal; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); text-decoration: none; outline: none; } .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; } /* include margin and padding in the width calculation of input and textarea */ input, input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /* ie8 only */ box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { border-width: 1px; border-style: solid; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: -4px 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; } td > input[type="checkbox"], .wp-admin p input[type=checkbox], .wp-admin p input[type=radio] { margin-top: 0; } .wp-admin p label input[type=checkbox] { margin-top: -4px; } .wp-admin p label input[type=radio] { margin-top: -2px; } input[type=radio] { border-radius: 50%; margin-right: 4px; line-height: 10px; } input[type=checkbox]:disabled, input[type=radio]:disabled, input[type=checkbox]:disabled:checked:before, input[type=radio]:disabled:checked:before { opacity: 0.7; } input[type=checkbox]:checked:before, input[type=radio]:checked:before { float: left; display: inline-block; vertical-align: middle; width: 16px; font: normal 21px/1 'dashicons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type=checkbox]:checked:before { content: '\f147'; margin: -3px 0 0 -4px; } input[type=radio]:checked:before { content: '\2022'; text-indent: -9999px; border-radius: 50px; font-size: 24px; width: 6px; height: 6px; margin: 4px; line-height: 16px; } @-moz-document url-prefix() { input[type=checkbox], input[type=radio], .form-table input.tog { margin-bottom: -1px; } } /* Search */ input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { display: none; } .ie8 input[type="password"], .ie8 .login form .input { font-family: sans-serif; } /* general */ html, body { height: 100%; margin: 0; padding: 0; } body { font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 1.4em; min-width: 600px; } body.iframe { min-width: 0; padding-top: 1px; } body.login { background: #fbfbfb; min-width: 0; } iframe, img { border: 0; } td, textarea, input, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; } td, textarea { line-height: inherit; } textarea { overflow: auto; } textarea, input, select { font-size: 14px; padding: 3px 5px; line-height: 15px; border-radius: 0; /* Reset mobile webkit's default element styling */ } textarea { padding: 2px 6px; line-height: 1.4; } a, input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], textarea, div, select { outline: 0; } .wp-admin input[type="file"] { padding: 3px 0; } a:focus, a:active { outline: thin dotted; } #adminmenu a:focus, #adminmenu a:active, .screen-reader-text:focus { outline: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } p, .wp_attachment_details label[for="content"] { font-size: 13px; line-height: 1.5; margin: 1em 0; } blockquote { margin: 1em; } label { cursor: pointer; } li, dd { margin-bottom: 6px; } input, select { margin: 1px; padding: 3px 5px; } h1, h2, h3, h4, h5, h6 { display: block; font-weight: 600; } h1 { font-size: 2em; margin: .67em 0; } h2 { font-size: 1.5em; margin: .83em 0; font-weight: 400; } h3 { font-size: 1.3em; margin: 1em 0; } 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; } .code, code { font-family: Consolas, Monaco, monospace; } input.code { padding-top: 6px; } textarea.code { line-height: 1.4; padding: 4px 6px 1px 6px; } kbd, code { padding: 3px 5px 2px 5px; margin: 0 1px; font-size: 13px; } .subsubsub { list-style: none; margin: 8px 0 0; padding: 0; font-size: 13px; float: left; } .subsubsub a { line-height: 2; padding: .2em; text-decoration: none; } .subsubsub a .count, .subsubsub a.current .count { color: #999; font-weight: normal; } .subsubsub a.current { font-weight: 600; border: none; } .subsubsub li { display: inline-block; margin: 0; padding: 0; white-space: nowrap; } textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select, .tablenav-pages span.current, #titlediv #title, #postcustomstuff table, #postcustomstuff input, #postcustomstuff textarea, .imgedit-menu div, .plugin-update-tr .update-message, #poststuff .inside .the-tagcloud, .nav-menus-php .list-container, .menu-item-handle, .link-to-original, .nav-menus-php .major-publishing-actions .form-invalid, #TB_window, .tbtitle, .highlight { border-width: 1px; border-style: solid; } /* .widefat - main style for tables */ .widefat { border-spacing: 0; width: 100%; clear: both; margin: 0; } .widefat * { word-wrap: break-word; } .widefat a { text-decoration: none; } .widefat td, .widefat th { padding: 8px 10px; } .widefat tfoot th { 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 { text-align: left; line-height: 1.3em; font-size: 14px; } .widefat th 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 th input[type=checkbox] { margin-top: -1px; } .widefat tbody th.check-column { padding: 9px 0 22px; } .widefat.media .check-column { padding-top: 8px; } .widefat thead th.check-column, .widefat tbody th.check-column, .widefat tfoot th.check-column { padding: 11px 0 0 3px; } .widefat thead th.check-column { padding-top: 10px; } #update-plugins-table tbody th.check-column, .plugins tbody th.check-column, .plugins tbody { padding: 8px 0 0 2px; } .plugins tbody th.check-column input[type=checkbox] { margin-top: 4px; } #update-plugins-table tbody td p { margin-top: 0; } #update-plugins-table tbody td p strong { font-size: 14px; } .plugins thead th.check-column, .plugins tfoot th.check-column, .plugins .inactive th.check-column, #update-plugins-table thead th.check-column, #update-plugins-table tfoot th.check-column { padding-left: 6px; } #update-plugins-table thead th.check-column, #update-plugins-table tfoot th.check-column { padding-top: 11px; } .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; } div.updated, div.error { padding: 0 0.6em; margin: 5px 15px 2px; } div.updated p, div.error p { margin: 0.5em 0; padding: 2px; } .wrap div.updated, .wrap div.error, .media-upload-form div.error { margin: 5px 0 15px; } div.updated, .login .message, .press-this #message { border: none; padding: 1px 12px; } div.error, .login #login_error { border: none; } div.error { padding: 1px 12px; } .wrap h2, .subtitle { font-weight: normal; margin: 0; } .wrap h2 { font-size: 23px; font-weight: 400; padding: 9px 15px 4px 0; line-height: 29px; } .subtitle { font-size: 14px; padding-left: 25px; } .wrap .add-new-h2, .wrap .add-new-h2:active { margin-left: 4px; padding: 4px 8px; position: relative; top: -3px; text-decoration: none; border: none; border-radius: 2px; text-shadow: none; font-weight: 600; font-size: 13px; } .wrap h2.long-header { padding-right: 0; } html, .wp-dialog { background-color: #fff; } textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select { background-color: #fff; color: #333; } select[disabled] { color: #7f7f7f; } select:focus { border-color: #aaa; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus, .widgets-chooser ul, #widgets-left .widget-in-question .widget-top, #available-widgets .widget-top:hover, div#widgets-right .widget-top:hover { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } input[readonly] { background-color: #eee; } :-moz-placeholder, .wp-core-ui :-moz-placeholder { color: #a9a9a9; } /*------------------------------------------------------------------------------ 1.0 - Text Styles ------------------------------------------------------------------------------*/ .widget .widget-top, .postbox h3, .stuffbox h3, .control-section .accordion-section-title, h3.dashboard-widget-title, h3.dashboard-widget-title span, h3.dashboard-widget-title small, .sidebar-name, #nav-menu-header, #nav-menu-footer, .menu-item-handle, .checkbox, .side-info, #your-profile #rich_editing, .widefat thead th, .widefat tfoot th { line-height: 1.4em; } .quicktags, .search { font-size: 12px; } .icon32 { display: none; } .icon16 { height: 18px; width: 18px; padding: 6px 6px; margin: -6px 0 0 -8px; float: left; } /* New Menu icons */ .icon16:before { font: normal 20px/1 'dashicons'; speak: none; padding: 6px 0; height: 34px; width: 20px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .icon16.icon-dashboard:before, #adminmenu .menu-icon-dashboard div.wp-menu-image:before { content: '\f226'; } .icon16.icon-post:before, #adminmenu .menu-icon-post div.wp-menu-image:before { content: '\f109'; } .icon16.icon-media:before, #adminmenu .menu-icon-media div.wp-menu-image:before { content: '\f104'; } .icon16.icon-links:before, #adminmenu .menu-icon-links div.wp-menu-image:before { content: '\f103'; } .icon16.icon-page:before, #adminmenu .menu-icon-page div.wp-menu-image:before { content: '\f105'; } .icon16.icon-comments:before, #adminmenu .menu-icon-comments div.wp-menu-image:before { content: '\f101'; margin-top: 1px; } .icon16.icon-appearance:before, #adminmenu .menu-icon-appearance div.wp-menu-image:before { content: '\f100'; } .icon16.icon-plugins:before, #adminmenu .menu-icon-plugins div.wp-menu-image:before { content: '\f106'; } .icon16.icon-users:before, #adminmenu .menu-icon-users div.wp-menu-image:before { content: '\f110'; } .icon16.icon-tools:before, #adminmenu .menu-icon-tools div.wp-menu-image:before { content: '\f107'; } .icon16.icon-settings:before, #adminmenu .menu-icon-settings div.wp-menu-image:before { content: '\f108'; } .icon16.icon-site:before, #adminmenu .menu-icon-site div.wp-menu-image:before { content: '\f112' } .icon16.icon-generic:before, #adminmenu .menu-icon-generic div.wp-menu-image:before { content: '\f111'; } /* hide background-image for icons above */ .icon16.icon-dashboard, .menu-icon-dashboard div.wp-menu-image, .icon16.icon-post, .menu-icon-post div.wp-menu-image, .icon16.icon-media, .menu-icon-media div.wp-menu-image, .icon16.icon-links, .menu-icon-links div.wp-menu-image, .icon16.icon-page, .menu-icon-page div.wp-menu-image, .icon16.icon-comments, .menu-icon-comments div.wp-menu-image, .icon16.icon-appearance, .menu-icon-appearance div.wp-menu-image, .icon16.icon-plugins, .menu-icon-plugins div.wp-menu-image, .icon16.icon-users, .menu-icon-users div.wp-menu-image, .icon16.icon-tools, .menu-icon-tools div.wp-menu-image, .icon16.icon-settings, .menu-icon-settings div.wp-menu-image, .icon16.icon-site, .menu-icon-site div.wp-menu-image, .icon16.icon-generic, .menu-icon-generic div.wp-menu-image { background-image: none !important; } .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 { font-style: italic; display: block; } p.install-help { margin: 8px 0; font-style: italic; } .no-break { white-space: nowrap; } hr { border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #fafafa; } /*------------------------------------------------------------------------------ 2.0 - Forms ------------------------------------------------------------------------------*/ .wp-admin select { padding: 2px; line-height: 28px; height: 28px; vertical-align: middle; } .wp-admin .button-cancel { padding: 0 5px; line-height: 2; } .meta-box-sortables select { max-width: 100%; } .wp-admin select[multiple] { height: auto; } .submit { padding: 1.5em 0; margin: 5px 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } form p.submit a.cancel:hover { text-decoration: none; } p.submit { text-align: left; max-width: 100%; margin-top: 20px; padding-top: 10px; } .textright p.submit { border: none; text-align: right; } table.form-table + p.submit, table.form-table + input + p.submit, table.form-table + input + input + p.submit { border-top: none; padding-top: 0; } table.widefat span.delete a:hover, table.widefat span.trash a:hover, table.widefat span.spam a:hover, #dashboard_recent_comments .delete a:hover, #dashboard_recent_comments .trash a:hover, #dashboard_recent_comments .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 { text-decoration: none; border: none; } #minor-publishing-actions input, #major-publishing-actions input, #minor-publishing-actions .preview { text-align: center; } textarea.all-options, input.all-options { width: 250px; } input.large-text, textarea.large-text { width: 99%; } input.regular-text, #adduser .form-field input { width: 25em; } input.small-text { width: 50px; padding: 1px 6px; } input[type="number"].small-text { width: 65px; } #doaction, #doaction2, #post-query-submit { margin: 1px 8px 0 0; } .tablenav #changeit, .tablenav #delete_all, .tablenav #clear-recent-list { margin-top: 1px; } .tablenav .actions select { float: left; margin-right: 6px; max-width: 200px; } .ie8 .tablenav .actions select { width: 155px; } .ie8 .tablenav .actions select#cat { width: 200px; } #timezone_string option { margin-left: 1em; } label, #your-profile label + a { vertical-align: middle; } fieldset label, #your-profile label + a { vertical-align: middle; } .options-media-php label[for*="_size_"], #misc-publishing-actions label { vertical-align: baseline; } #misc-publishing-actions label[for="post_status"]:before { content: '\f173'; display: inline-block; font: normal 20px/1 'dashicons'; speak: none; left: -1px; padding: 0 5px 0 0; position: relative; top: 0; text-decoration: none !important; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #pass-strength-result { border-style: solid; border-width: 1px; float: left; margin: 13px 5px 5px 1px; padding: 3px 5px; text-align: center; width: 200px; display: none; } .indicator-hint { padding-top: 8px; } p.search-box { float: right; margin: 0; } .search-box input[name="s"], #search-plugins input[name="s"], .tagsdiv .newtag { float: left; height: 28px; margin: 0 4px 0 0; } input[type="text"].ui-autocomplete-loading { background: transparent url('../images/loading.gif') no-repeat right center; visibility: visible; } ul#add-to-blog-users { margin: 0 0 0 14px; } .ui-autocomplete-input.open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ui-autocomplete { padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-width: 1px; border-style: solid; } .ui-autocomplete li { margin-bottom: 0; white-space: nowrap; text-align: left; } .ui-autocomplete li a { display: block; height: 100%; padding: 4px 10px; } .ui-autocomplete li a.ui-state-focus { cursor: pointer; } /*------------------------------------------------------------------------------ 3.0 - Actions ------------------------------------------------------------------------------*/ #major-publishing-actions { padding: 10px; clear: both; border-top: 1px solid #ddd; background: #f5f5f5; } #delete-action { line-height: 28px; vertical-align: middle; text-align: left; float: left; } #publishing-action { text-align: right; float: right; line-height: 23px; } #publishing-action .spinner { float: left; } #misc-publishing-actions { padding: 6px 0 0; } .misc-pub-section { padding: 6px 10px 8px; } .misc-pub-section:first-child { border-top-width: 0; } .misc-pub-section-last { border-bottom-width: 0; } #minor-publishing-actions { padding: 10px 10px 0 10px; text-align: right; } #save-post { float: left; } .preview { float: right; } #sticky-span { margin-left: 18px; } .side-info { margin: 0; padding: 4px; font-size: 11px; } .side-info h5 { padding-bottom: 7px; font-size: 14px; margin: 12px 2px 5px; border-bottom-width: 1px; border-bottom-style: solid; } .side-info ul { margin: 0; padding-left: 18px; list-style: square; } .approve, .unapproved .unapprove { display: none; } .unapproved .approve, .spam .approve, .trash .approve { display: inline; } td.action-links, th.action-links { text-align: right; } /*------------------------------------------------------------------------------ 4.0 - Notifications ------------------------------------------------------------------------------*/ #update-nag, .update-nag { display: inline-block; line-height: 19px; padding: 11px 15px; font-size: 14px; text-align: left; margin: 25px 20px 0 2px; } .plugins .plugin-update { padding: 0; } .plugin-update .update-message { margin: 0 10px 8px 31px; font-weight: 600; } 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-left: 2em; } /*------------------------------------------------------------------------------ 5.0 - TinyMCE ------------------------------------------------------------------------------*/ /* nothing? */ /*------------------------------------------------------------------------------ 6.0 - Admin Header ------------------------------------------------------------------------------*/ #adminmenu a, #sidemenu 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 !important; } #screen-meta .screen-reader-text { visibility: hidden; } #screen-meta-links { margin: 0 20px 0 0; } #screen-meta-links a { padding: 3px 6px 3px 16px; } #screen-meta-links a:focus { outline: none; } /* screen options and help tabs revert */ #screen-meta { display: none; margin: 0 20px -1px 0px; position: relative; } #screen-options-link-wrap, #contextual-help-link-wrap { float: right; height: 28px; margin: 0 0 0 6px; } #screen-meta-links .screen-meta-toggle { position: relative; top: 0; } #screen-meta-links a.show-settings { display: block; font-size: 13px; height: 22px; line-height: 22px; text-decoration: none; z-index: 1; } #screen-meta-links a:after { right: 0; content: '\f140'; font: normal 20px/1 'dashicons'; speak: none; 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 !important; } #screen-meta-links a.screen-meta-active:after { content: '\f142'; } #screen-meta-links a.show-settings:hover { text-decoration: none; } /* 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, #contextual-help-wrap h5 { margin: 8px 0; font-size: 13px; } .metabox-prefs label { display: inline-block; padding-right: 15px; line-height: 30px; } .metabox-prefs label input[type=checkbox] { margin-top: -4px; margin-right: 6px; } .metabox-prefs label input { margin: 0 5px 0 2px; } .metabox-prefs .columns-prefs label input { margin: 0 2px; } .metabox-prefs label a { display: none; } /*------------------------------------------------------------------------------ 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-width: 0 1px; border-style: solid; } #contextual-help-wrap.no-sidebar #contextual-help-back { right: 0; border-right-width: 0; -webkit-border-bottom-right-radius: 2px; 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: 18px; text-decoration: none; border-style: solid; border-width: 1px 0 1px 0; border-color: transparent; } .contextual-help-tabs .active { padding: 0; margin: 0 -1px 0 0; border-width: 0 0 0 2px; border-style: solid; } .contextual-help-tabs-wrap { padding: 0 20px; overflow: auto; } .help-tab-content { display: none; margin: 0 22px 12px 0; line-height: 1.6em; } .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; } /*------------------------------------------------------------------------------ 7.0 - Main Navigation (Left Menu) ------------------------------------------------------------------------------*/ #adminmenuwrap { position: relative; float: left; } /* side admin menu */ #adminmenu * { -webkit-user-select: none; -moz-user-select: none; user-select: none; } #adminmenu li { margin: 0; padding: 0; cursor: pointer; } #adminmenu a { display: block; line-height: 18px; padding: 2px 5px; } #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; } #adminmenu .wp-submenu, .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu { padding: 7px 0 8px; z-index: 9999; } .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 .wp-has-current-submenu .wp-submenu, .no-js li.wp-has-current-submenu:hover .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .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; -webkit-box-shadow: none; box-shadow: none; } .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; } #adminmenu .wp-submenu a { font-size: 13px; line-height: 1.2; margin: 0; padding: 6px 0; } #adminmenu .wp-not-current-submenu li > a, .folded #adminmenu .wp-has-current-submenu li > a { padding-right: 16px; padding-left: 14px; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } #adminmenu .wp-has-current-submenu ul > li > a, .folded #adminmenu li.menu-top .wp-submenu > li > a { padding: 6px 12px; } #adminmenu a.menu-top, #adminmenu .wp-submenu-head { font-size: 14px; font-weight: 400; line-height: 18px; padding: 0; } #adminmenu .wp-submenu-head, .folded #adminmenu .wp-menu-name { display: none; } .folded #adminmenu .wp-submenu-head { display: block; } #adminmenu .wp-submenu li { padding: 0; margin: 0; overflow: hidden; } #adminmenu .wp-menu-image img { padding: 9px 0 0 0px; opacity: 0.6; filter: alpha(opacity=60); } #adminmenu div.wp-menu-name { padding: 8px 0; } #adminmenu div.wp-menu-image { float: left; width: 36px; height: 30px; 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 { font: normal 20px/1 'dashicons' !important; speak: none; color: #999; padding: 8px 0; height: 36px; width: 20px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .folded #adminmenu div.wp-menu-image { width: 35px; height: 30px; position: absolute; z-index: 25; } .folded #adminmenu a.menu-top { height: 34px; } /* No @font-face support */ .no-font-face #adminmenu .wp-menu-image { display: none; } .no-font-face #adminmenu div.wp-menu-name { padding: 8px 12px; } .no-font-face.auto-fold #adminmenu .wp-menu-name { margin-left: 0; } /* End no @font-face support */ /* Sticky admin menu */ .sticky-menu #adminmenuwrap { position: fixed; z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */ } /* 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 transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; top: 50%; margin-top: -8px; } .folded ul#adminmenu li:hover 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 { right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; top: 10px; z-index: 10000; } .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { border-width: 4px; margin-top: -4px; top: 18px; } /* 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; } .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.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: 3px; padding: 0; margin: 0 0 6px 0; border-width: 1px 0; border-style: solid; cursor: inherit; } #adminmenu div.separator { height: 1px; padding: 0; border-width: 1px 0 0 0; border-style: solid; } #adminmenu .wp-submenu .wp-submenu-head { font-weight: 400; font-size: 14px; padding: 8px 4px 8px 11px; margin: -7px 0px 4px; } #adminmenu li.current, .folded #adminmenu li.wp-menu-open { border: 0 none; } #adminmenu .awaiting-mod, #adminmenu span.update-plugins, #sidemenu li a span.update-plugins { display: inline-block; font-size: 9px; line-height: 17px; font-weight: 600; margin: 1px 0 0 2px; vertical-align: top; -webkit-border-radius: 10px; border-radius: 10px; z-index: 26; } #adminmenu li .awaiting-mod span, #adminmenu li span.update-plugins span, #sidemenu li a span.update-plugins span { display: block; padding: 0 6px; } #adminmenu li span.count-0, #sidemenu li a .count-0 { display: none; } #adminmenu #collapse-menu { font-size: 13px; line-height: 34px; margin-top: 10px; } .folded #collapse-menu span { display: none; } #collapse-button, #collapse-button div { width: 15px; height: 15px; } #collapse-button { float: left; height: 15px; margin: 10px 8px 10px 11px; width: 15px; -webkit-border-radius: 10px; border-radius: 10px; } #wpwrap #collapse-button div { padding: 0; } #collapse-button div:after { content: '\f148'; display: block; line-height: 15px; left: -3px; top: -3px; font: normal 20px/1 'dashicons' !important; speak: none; margin: 0 auto; padding: 0 !important; position: relative; text-align: center; width: 20px; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .folded #collapse-button div:after, .rtl #collapse-button div:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rtl.folded #collapse-button div:after { -ms-transform: none; -webkit-transform: none; transform: none; } /* Auto-folding of the admin menu */ @media only screen and (max-width: 900px) { .auto-fold #wpcontent, .auto-fold #wpfooter { margin-left: 56px; } .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: 0px; 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 { display: none; } .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 { 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 { display: none; } .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover: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 span { display: none; } .auto-fold #collapse-button div { background: none; } .auto-fold #collapse-button div:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rtl.auto-fold #collapse-button div:after { -ms-transform: none; -webkit-transform: none; transform: none; } } /* List table styles */ .post-com-count-wrapper { min-width: 22px; } .post-com-count { background: none; height: 1.3em; line-height: 1.1em; display: block; text-decoration: none; padding: 0 0 6px; cursor: pointer; background-position: center -80px; background-repeat: no-repeat; } .post-com-count:after { /* draw bubble connector using CSS! */ content: ""; display: block; width: 0; height: 0; margin-left: 8px; border-top: 5px solid #bbbbbb; border-right: 5px solid transparent; } .post-com-count span { font-size: 11px; font-weight: 600; height: 1.4em; line-height: 1.4em; min-width: 0.7em; padding: 0 6px; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; } strong .post-com-count { background-position: center -55px; } .post-com-count:hover { background-position: center -3px; } .column-response .post-com-count { float: left; margin-right: 5px; text-align: center; } .response-links { float: left; } #the-comment-list .attachment-80x60 { padding: 4px 8px; } th .comment-grey-bubble { height: 16px; width: 16px; } th .comment-grey-bubble:before { content: '\f101'; font: normal 20px/.5 'dashicons'; speak: none; display: inline-block; padding: 0; top: 4px; left: -4px; position: relative; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } /*------------------------------------------------------------------------------ 8.0 - Layout Blocks ------------------------------------------------------------------------------*/ html.wp-toolbar { padding-top: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .narrow { width: 70%; margin-bottom: 40px; } .narrow p { line-height: 150%; } .widefat th, .widefat td { overflow: hidden; } .widefat th { font-weight: normal; } .widefat td p { margin: 2px 0 0.8em; } .widefat .column-comment p { margin: 0.6em 0; } /* Screens with postboxes */ .postbox-container { float: left; } #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%; } .postbox-container .meta-box-sortables { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .metabox-holder .postbox-container .empty-container { border: 3px dashed #bbb; height: 250px; } .metabox-holder.columns-1 .postbox-container .empty-container, .columns-2 #postbox-container-3 .empty-container, .columns-2 #postbox-container-4 .empty-container, .columns-3 #postbox-container-4 .empty-container { border: 0 none; height: 0; min-height: 0; } .ie8 #wpbody-content #dashboard-widgets .postbox-container { width: 49.5%; } .ie8 #wpbody-content #dashboard-widgets #postbox-container-2, .ie8 #wpbody-content #dashboard-widgets #postbox-container-3, .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 { float: right; width: 50.5%; } .ie8 #dashboard-widgets #postbox-container-3 .empty-container, .ie8 #dashboard-widgets #postbox-container-4 .empty-container { border: 0 none; height: 0; min-height: 0; } #poststuff { padding-top: 10px; min-width: 763px; } #poststuff #post-body { padding: 0; } #post-body-content { width: 100%; min-width: 463px; float: left; } #poststuff .postbox-container { width: 100%; } #poststuff #post-body.columns-2 { margin-right: 300px; } #post-body.columns-2 #postbox-container-1 { float: right; margin-right: -300px; width: 280px; } #post-body.columns-2 #side-sortables { min-height: 250px; } #dashboard-widgets .postbox-container { width: 25%; } #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { border: none !important; } #dashboard-widgets-wrap { overflow: hidden; } /* one column on the dash */ @media only screen and (max-width: 799px) { #wpbody-content #dashboard-widgets .postbox-container { width: 100%; } #wpbody-content .metabox-holder .postbox-container .empty-container { border: 0 none; height: 0; min-height: 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 { border: 0 none; height: 0; min-height: 0; } #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { width: 100%; } #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container { border: 0 none; height: 0; min-height: 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; } } /* 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 { border: 0 none; height: 0; min-height: 0; } } /* one column on the post write/edit screen */ @media only screen and (max-width: 850px) { #poststuff { min-width: 0; } #wpbody-content #poststuff #post-body { margin: 0; } #wpbody-content #post-body.columns-2 #postbox-container-1 { margin-right: 0; width: 100%; } #poststuff #postbox-container-1 .empty-container, #poststuff #postbox-container-1 #side-sortables:empty { border: 0 none; height: 0; min-height: 0; } #poststuff #post-body.columns-2 #side-sortables { min-height: 0; } /* hide the radio buttons for column prefs */ .screen-layout, .columns-prefs { display: none; } } .js .postbox .hndle { cursor: move; } .hndle a { font-size: 11px; font-weight: normal; } .postbox .handlediv { float: right; width: 27px; height: 30px; } .js .postbox .handlediv { cursor: pointer; } .sortable-placeholder { border-width: 1px; border-style: dashed; margin-bottom: 20px; } .postbox, .stuffbox { margin-bottom: 20px; padding: 0; line-height: 1; } .postbox h3, .stuffbox h3 { margin-top: 1px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .js .widget .widget-top, .js .postbox h3 { cursor: move; } .postbox .inside, .stuffbox .inside { padding: 0 12px 12px; line-height: 1.4em; font-size: 13px; } .postbox .inside { margin: 11px 0; position: relative; } #dashboard-widgets .postbox .inside { margin-bottom: 0; } .postbox .inside > p:last-child, .rss-widget ul li:last-child { margin-bottom: 1px !important; } .postbox.closed h3 { border: none; -webkit-box-shadow: none; box-shadow: none; } .postbox table.form-table { margin-bottom: 0; } .temp-border { border: 1px dotted #ccc; } .columns-prefs label { padding: 0 5px; } /*------------------------------------------------------------------------------ 9.0 - Dashboard ------------------------------------------------------------------------------*/ #dashboard-widgets-wrap { margin: 0 -8px; } #wpbody-content .metabox-holder { padding-top: 10px; } #dashboard-widgets .meta-box-sortables { margin: 0 8px; min-height: 100px; } #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; } /* Welcome Panel */ .welcome-panel { position: relative; overflow: auto; margin: 16px 0; padding: 23px 10px 0; font-size: 13px; line-height: 2.1em; } .welcome-panel h3 { margin: 0; font-size: 21px; font-weight: normal; line-height: 1.2; } .welcome-panel h4 { margin: 1.33em 0 0; font-size: 16px; } .welcome-panel li { font-size: 14px; } .welcome-panel .about-description { font-size: 16px; margin: 0; } .welcome-panel .welcome-panel-close { position: absolute; top: 5px; right: 10px; padding: 20px 15px 0 3px; font-size: 13px; text-decoration: none; line-height: 1; } #welcome-panel.welcome-panel .welcome-panel-close::before, .tagchecklist span a:before, #bulk-titles div a:before { content: '\f153'; display: block !important; font: normal 16px/1 'dashicons'; speak: none; height: 20px; margin: 2px 0; text-align: center; width: 20px; -webkit-font-smoothing: antialiased !important; } #welcome-panel.welcome-panel .welcome-panel-close::before { position: absolute; left: -18px; margin-top: -2px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .wp-core-ui .welcome-panel .button.button-hero { margin: 15px 0 3px; } .welcome-panel-content { margin-left: 13px; max-width: 1500px; } .welcome-panel .welcome-panel-column-container { clear: both; overflow: hidden; position: relative; } .welcome-panel .welcome-panel-column { width: 32%; min-width: 200px; float: left; } .ie8 .welcome-panel .welcome-panel-column { min-width: 230px; } .welcome-panel .welcome-panel-column:first-child { width: 36%; } .welcome-panel-column p.hide-if-no-customize { margin-top: 10px; } .welcome-panel-column p { margin-top: 7px; } .welcome-panel .welcome-icon { display: block; padding: 0 0 8px; background: transparent !important; } .welcome-panel .welcome-icon:before { font: normal 20px/1 'dashicons'; speak: none; display: inline-block; padding: 0 10px 0 0; top: -1px; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; vertical-align: top; } .welcome-panel .welcome-write-blog:before, .welcome-panel .welcome-edit-page:before { content:'\f119'; top: -3px; } .welcome-panel .welcome-add-page:before { content:'\f132'; } .welcome-panel .welcome-view-site:before { content:'\f115'; top: -2px; } .welcome-panel .welcome-widgets-menus:before { content:'\f116'; top: -2px; } .welcome-panel .welcome-comments:before { content:'\f117'; top: -1px; } .welcome-panel .welcome-learn-more:before { content:'\f118'; top: -1px; } .welcome-panel .welcome-widgets-menus { line-height: 16px; } .welcome-panel .welcome-panel-column ul { margin: 0.8em 1em 1em 0; } .welcome-panel .welcome-panel-column li { line-height: 16px; list-style-type: none; } /* Dashboard WordPress news */ #dashboard_primary .inside { margin: 0; padding: 0; } #dashboard_primary .widget-loading, #dashboard_primary .dashboard-widget-control-form { padding: 12px 12px 0; } body #dashboard-widgets .postbox form .submit { margin: 0; } .dashboard-widget-control-form { overflow: hidden; } .dashboard-widget-control-form p { margin-top: 0; } .rssSummary { color: #777; margin-top: 4px; } #dashboard_primary .rss-widget { border-bottom: 1px solid #eee; font-size: 13px; padding: 8px 12px 10px; } #dashboard_primary .rss-widget:last-child { border-bottom: none; padding-bottom: 8px; } #dashboard_primary .rss-widget a { font-weight: normal; } #dashboard_primary .rss-widget span, #dashboard_primary .rss-widget span.rss-date { color: #777; } #dashboard_primary .rss-widget span.rss-date { margin-left: 12px; } #dashboard_primary .rss-widget ul li { margin-bottom: 8px; } /* Dashboard right now */ #dashboard_right_now ul { margin: 0; overflow: hidden; } #dashboard_right_now li { width: 50%; float: left; margin-bottom: 10px; } #dashboard_right_now .inside { overflow: hidden; padding: 0; } #dashboard_right_now .main { padding: 0 12px 11px; } #dashboard_right_now .main p { margin: 0; } .mu-storage { overflow: hidden; } #dashboard-widgets h4.mu-storage { margin-bottom: 10px; } /* Dashboard right now - Colors */ #dashboard_right_now li a:before { color: #888; } #dashboard_right_now .sub { color: #777; background: #f5f5f5; border-top: 1px solid #eee; padding: 10px 12px 6px 12px; } #dashboard_right_now .sub h4 { color: #555; } #dashboard_right_now .sub p { margin: 0 0 1em; } #dashboard_right_now .warning a:before { color: #d54e21; } /* Dashboard right now - Icons */ #dashboard_right_now li a:before { content: '\f159'; font: normal 20px/1 'dashicons'; speak: none; display: block; float: left; margin: 0 5px 0 0; padding: 0; text-indent: 0; text-align: center; position: relative; -webkit-font-smoothing: antialiased; text-decoration: none !important; } #dashboard_right_now .page-count a:before { content: '\f105'; } #dashboard_right_now .post-count a: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 Quick Draft */ #dashboard_quick_press .inside { margin: 0; padding: 0; } #dashboard_quick_press div.updated { margin-bottom: 10px; border: 1px solid #eee; border-width: 1px 1px 1px 0; } #dashboard_quick_press form { overflow: hidden; margin: 12px; } #dashboard_quick_press .drafts, #dashboard_quick_press .easy-blogging { padding: 10px 0 0; } /* Dashboard Quick Draft - Form styling */ input#save-post { float: left; } form.initial-form.quickpress-open label.prompt { font-style: normal; } form.initial-form.quickpress-open input#title { height: auto; } #dashboard_quick_press input, #dashboard_quick_press textarea { box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin: 0; } #dashboard_quick_press textarea { resize: vertical; } #dashboard-widgets .postbox form .submit { margin: -39px 0; float: right; } #description-wrap { margin-top: 12px; } #title-wrap #title-prompt-text, .textarea-wrap #content-prompt-text { color: #777; } #title-wrap #title-prompt-text { font-size: 1.1em; padding: 7px 8px; } .input-text-wrap, .textarea-wrap { position: relative; } .input-text-wrap .prompt, .textarea-wrap .prompt { position: absolute; } .textarea-wrap #content-prompt-text { font-size: 1.1em; padding: 7px 8px; } .textarea-wrap textarea#content { margin: 0 0 8px; padding: 6px 7px; } #quick-press textarea#content { min-height: 90px; max-height: 1300px; resize: none; } /* Dashboard Quick Draft - Drafts list */ .js #dashboard_quick_press .drafts { border-top: 1px solid #eee; } #dashboard_quick_press .drafts abbr { border: none; } #dashboard_quick_press .drafts h4 { margin: 0 12px 8px; font-weight: normal; } #dashboard_quick_press .drafts .view-all { float: right; margin: 0 12px 0 0; } #dashboard_primary a.rsswidget { font-weight: normal; } #dashboard_quick_press .drafts ul { margin: 0 12px; } #dashboard_quick_press .drafts li { margin-bottom: 1em; } #dashboard_quick_press .drafts li time { color: #777; } #dashboard_quick_press .drafts p { margin: 0; } #dashboard_quick_press .draft-title { overflow: hidden; } #dashboard_quick_press .draft-title a, #dashboard_quick_press .draft-title time { float: left; margin: 0 5px 0 0; } /* Dashboard activity widget */ #dashboard-widgets #dashboard_activity h4 { margin: 0 0 8px 12px; font-weight: normal; } #dashboard-widgets #dashboard_activity h4.comment-meta { margin: 0; } #dashboard_activity h4.comment-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px; } #dashboard_activity ul { padding: 0 12px; } #dashboard_activity .comment-meta span.approve:before { content: '\f227'; font: 20px/.5 "dashicons"; margin-left: 12px; vertical-align: middle; position: relative; top: -1px; margin-right: 2px; } #dashboard_activity .inside { padding: 0; margin: 0; } #dashboard_activity .no-activity { overflow: hidden; padding: 0 12px 12px; text-align: center; } #dashboard_activity .no-activity p { color: #999; font-size: 16px; } #dashboard_activity .no-activity .smiley { margin-top: 0; } #dashboard_activity .no-activity .smiley:before { content: '\f328'; font: normal 120px/1 'dashicons'; speak: none; display: block; margin: 0 5px 0 0; padding: 0; text-indent: 0; text-align: center; position: relative; -webkit-font-smoothing: antialiased; text-decoration: none !important; } #dashboard_activity .subsubsub { float: none; border-top: 1px solid #eeeeee; margin-top: 0; padding: 8px 12px 4px; } #future-posts .show-more, #published-posts .show-more { float: right; margin-right: 12px; } #future-posts ul, #published-posts ul { clear: both; margin-bottom: 0; } #future-posts li, #published-posts li { overflow: hidden; margin-bottom: 8px; } #future-posts ul span, #published-posts ul span { color: #777; float: left; margin-right: 8px; min-width: 150px; } .activity-block { border-bottom: 1px solid #eee; overflow: hidden; padding: 8px 0 4px; } .activity-block:last-child { border-bottom: none; } .activity-block .subsubsub li { color: #ddd; } /* Dashboard activity widget - Comments */ #activity-widget #the-comment-list tr.undo, #activity-widget #the-comment-list div.undo { background: none; padding: 6px 0; } #activity-widget #the-comment-list .alternate, #activity-widget #the-comment-list .alt { background: none; } #activity-widget #the-comment-list .comment { background: #fafafa; padding: 12px; position: relative; } #activity-widget #the-comment-list img { position: absolute; left: 13px; top: 13px; } #activity-widget #the-comment-list .dashboard-comment-wrap { padding-left: 63px; } #activity-widget #the-comment-list .dashboard-comment-wrap blockquote { margin: 1em 0; } #activity-widget #the-comment-list .comment-item h4 { font-size: 13px; color: #999; } #activity-widget #the-comment-list .comment-item p.row-actions { margin: 4px 0 0 0; } #activity-widget #the-comment-list .comment-item:first-child { border-top: 1px solid #eeeeee; } #activity-widget #the-comment-list .unapproved:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; background: #d54e21; width: 4px; } #activity-widget #the-comment-list .spam-undo-inside .avatar, #activity-widget #the-comment-list .trash-undo-inside .avatar { margin-right: 20px; position: relative; top: 0; } /* Browse happy box */ #dashboard-widgets #dashboard_browser_nag.postbox .inside { margin: 10px; } @media screen and (max-width: 870px) { .welcome-panel .welcome-panel-column, .welcome-panel .welcome-panel-column:first-child { display: block; float: none; width: 100%; } .welcome-panel .welcome-panel-column li { display: inline-block; margin-right: 13px; } .welcome-panel .welcome-panel-column ul { margin: 0.4em 0 0; } } /*------------------------------------------------------------------------------ 10.0 - List Posts (/Pages/etc) ------------------------------------------------------------------------------*/ table.fixed { table-layout: fixed; } .fixed .column-rating, .fixed .column-visible { width: 8%; } .fixed .column-posts, .fixed .column-date, .fixed .column-parent, .fixed .column-links, .fixed .column-author, .fixed .column-format { width: 10%; } .fixed .column-response, .fixed .column-categories, .fixed .column-tags, .fixed .column-rel, .fixed .column-role { width: 15%; } .fixed .column-slug { width: 25%; } .fixed .column-locations { width: 35%; } .fixed .column-comments { width: 4em; padding: 8px 0; text-align: left; } .fixed .column-comments .vers { padding-left: 3px; } .fixed .column-comments a { float: left; } .fixed .column-icon { width: 80px; } #comments-form .fixed .column-author { width: 20%; } #commentsdiv.postbox .inside { margin: 0; padding: 0; } #commentsdiv .inside .row-actions { line-height:18px; } #commentsdiv .inside .column-author { width: 25%; } #commentsdiv .column-comment p { margin: 0.6em 0; padding: 0; } #commentsdiv #replyrow td { padding: 0; } #commentsdiv p { padding: 8px 10px; margin: 0; } #commentsdiv .comments-box { border: 0 none; } #commentsdiv .comments-box thead th { background: transparent; padding: 0 7px 4px; font-style: italic; } #commentsdiv .comments-box tr:last-child td { border-bottom: 0 none; } #commentsdiv .spinner { padding-left: 5px; } .sorting-indicator { display: none; width: 10px; height: 4px; margin-top: 8px; margin-left: 7px; } .sorting-indicator:before { background: none; content: '\f142'; font: normal 20px/1 'dashicons'; speak: none; display: inline-block; padding: 0; top: -4px; left: -8px; color: #444; line-height: 10px; position: relative; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } .column-comments .sorting-indicator:before { top: 0; left: -10px; } th.sorted.asc .sorting-indicator:before, th.desc:hover span.sorting-indicator:before { content: '\f142'; } th.sorted.desc .sorting-indicator:before, th.asc:hover span.sorting-indicator:before { content: '\f140'; } tr.wp-locked .locked-indicator { background: url('../images/lock.png') no-repeat; margin: -2px 0 0 6px; height: 20px; width: 16px; } tr.wp-locked .check-column label, tr.wp-locked .check-column input[type="checkbox"], tr.wp-locked .row-actions .inline, tr.wp-locked .row-actions .trash { display: none; } tr .locked-info { height: 0; opacity: 0; } tr.wp-locked .locked-info { margin-top: 8px; height: auto; opacity: 1; } .locked-text { vertical-align: top; } tr.locked-info, tr.wp-locked .locked-info { -webkit-transition: height 1s, opacity 500ms; -moz-transition: height 1s, opacity 500ms; -ms-transition: height 1s, opacity 500ms; -o-transition: height 1s, opacity 500ms; transition: height 1s, opacity 500ms; } .fixed .column-comments .sorting-indicator { margin-top: 3px; } #menu-locations-wrap .widefat { width: 60%; } .widefat th.sortable, .widefat th.sorted { padding: 0; } th.sortable a, th.sorted a { display: block; overflow: hidden; padding: 7px 7px 8px 10px; } .fixed .column-comments.sortable a, .fixed .column-comments.sorted a { padding: 8px 0; } th.sortable a span, th.sorted a span { float: left; cursor: pointer; } th.sorted.asc .sorting-indicator, th.desc:hover span.sorting-indicator { display: block; background-position: 0 0; } th.sorted.desc .sorting-indicator, th.asc:hover span.sorting-indicator { display: block; background-position: -7px 0; } /* Bulk Actions */ .tablenav-pages a { font-weight: 600; margin-right: 1px; padding: 0 2px; } .tablenav-pages .current-page { padding-top: 0; text-align: center; } .tablenav-pages .next-page { margin-left: 2px; } .tablenav a.button-secondary { display: block; margin: 3px 8px 0 0; } .tablenav { clear: both; height: 30px; margin: 6px 0 4px; vertical-align: middle; } .tablenav.themes { max-width: 98%; } .tablenav .tablenav-pages { float: right; display: block; cursor: default; height: 30px; line-height: 30px; font-size: 12px; } .tablenav .no-pages, .tablenav .one-page .pagination-links { display: none; } .tablenav .tablenav-pages a, .tablenav-pages span.current { text-decoration: none; padding: 3px 6px; } .tablenav .tablenav-pages a { padding: 0 10px 3px; font-size: 16px; font-weight: normal; } .tablenav .tablenav-pages a.disabled:hover , .tablenav .tablenav-pages a.disabled:active { cursor: default; } .tablenav .displaying-num { margin-right: 2px; font-size: 12px; font-style: italic; } .tablenav .actions { overflow: hidden; padding: 2px 8px 0 0; } .tablenav .delete { margin-right: 20px; } .view-switch { float: right; margin: 5px 16px 0 8px; } .view-switch img { display: none; } .view-switch a { text-decoration: none; } .view-switch > a { display: inline-block; width: 18px; height: 18px; } .view-switch > a:before { content: '\f163'; display: inline-block; float: left; font: normal 20px/1 'dashicons'; speak: none; vertical-align: middle; margin-left: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .view-switch > a + a:before { margin-left: 5px; content: '\f164'; } .filter { float: left; margin: -5px 0 0 10px; } .filter .subsubsub { margin-left: -10px; margin-top: 13px; } .screen-per-page { width: 4em; } #posts-filter fieldset { float: left; margin: 0 1.5ex 1em 0; padding: 0; } #posts-filter fieldset legend { padding: 0 0 .2em 1px; } /*------------------------------------------------------------------------------ 10.1 - Inline Editing ------------------------------------------------------------------------------*/ /* .quick-edit* is for Quick Edit .bulk-edit* is for Bulk Edit .inline-edit* is for everything */ /* Layout */ #wpbody-content .inline-edit-row fieldset { font-size: 12px; float: left; margin: 0; padding: 0; width: 100%; } tr.inline-edit-row td, #wpbody-content .inline-edit-row fieldset .inline-edit-col { padding: 0 0.5em; } #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col { border-width: 0 0 0 1px; border-style: none none none solid; } #wpbody-content .quick-edit-row-post .inline-edit-col-left { width: 40%; } #wpbody-content .quick-edit-row-post .inline-edit-col-right { width: 39%; } #wpbody-content .inline-edit-row-post .inline-edit-col-center { width: 20%; } #wpbody-content .quick-edit-row-page .inline-edit-col-left { width: 50%; } #wpbody-content .quick-edit-row-page .inline-edit-col-right, #wpbody-content .bulk-edit-row-post .inline-edit-col-right { width: 49%; } #wpbody-content .bulk-edit-row .inline-edit-col-left { width: 30%; } #wpbody-content .bulk-edit-row-page .inline-edit-col-right { width: 69%; } #wpbody-content .bulk-edit-row .inline-edit-col-bottom { float: right; width: 69%; } #wpbody-content .inline-edit-row-page .inline-edit-col-right { margin-top: 27px; } .inline-edit-row fieldset .inline-edit-group { clear: both; } .inline-edit-row fieldset .inline-edit-group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .inline-edit-row p.submit { clear: both; padding: 0.5em; margin: 0.5em 0 0; } .inline-edit-row span.error { line-height: 22px; margin: 0 15px; padding: 3px 5px; } /* Positioning */ .inline-edit-row h4 { margin: .2em 0; padding: 0; line-height: 23px; } .inline-edit-row fieldset span.title, .inline-edit-row fieldset span.checkbox-title { margin: 0; padding: 0; line-height: 27px; } .inline-edit-row fieldset label, .inline-edit-row fieldset span.inline-edit-categories-label { display: block; margin: .2em 0; } .inline-edit-row fieldset label.inline-edit-tags { margin-top: 0; } .inline-edit-row fieldset label.inline-edit-tags span.title { margin: .2em 0; width: auto; } .inline-edit-row fieldset label span.title { display: block; float: left; width: 5em; } .inline-edit-row fieldset label span.input-text-wrap { display: block; margin-left: 5em; } .quick-edit-row-post fieldset.inline-edit-col-right label span.title { width: auto; padding-right: 0.5em; } .inline-edit-row .input-text-wrap input[type=text] { width: 100%; } .inline-edit-row fieldset label input[type=checkbox] { vertical-align: text-bottom; } .inline-edit-row fieldset label textarea { width: 100%; height: 4em; } #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { max-width: 50%; } #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { margin-right: 0.5em } .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { width: 6em; } .inline-edit-save .spinner { padding: 4px 10px 0; vertical-align: top; float: right; } /* Styling */ .inline-edit-row h4 { text-transform: uppercase; } .inline-edit-row fieldset span.title, .inline-edit-row fieldset span.checkbox-title { font-style: italic; line-height: 1.8em; } /* Specific Elements */ .inline-edit-row fieldset input[type="text"], .inline-edit-row fieldset textarea { border-style: solid; border-width: 1px; } .inline-edit-row fieldset .inline-edit-date { float: left; } .inline-edit-row fieldset input[name=jj], .inline-edit-row fieldset input[name=hh], .inline-edit-row fieldset input[name=mn] { font-size: 12px; width: 2.1em; } .inline-edit-row fieldset input[name=aa] { font-size: 12px; width: 3.5em; } .inline-edit-row fieldset label input.inline-edit-password-input { width: 8em; } ul.cat-checklist { height: 12em; border-style: solid; border-width: 1px; overflow-y: scroll; padding: 0 5px; margin: 0; } #bulk-titles { display: block; height: 12em; border-style: solid; border-width: 1px; overflow-y: scroll; padding: 0 5px; margin: 0 0 5px; } .inline-edit-row fieldset ul.cat-checklist li, .inline-edit-row fieldset ul.cat-checklist input { margin: 0; } .inline-edit-row fieldset ul.cat-checklist label, .inline-edit-row #bulk-titles div { font-style: normal; font-size: 11px; } .inline-edit-row fieldset label input.inline-edit-menu-order-input { width: 3em; } .inline-edit-row fieldset label input.inline-edit-slug-input { width: 75%; } .quick-edit-row-post fieldset label.inline-edit-status { float: left; } #bulk-titles { line-height: 140%; } #bulk-titles div { margin: 0.2em 0.3em; } #bulk-titles div a { cursor: pointer; display: block; float: left; height: 18px; margin: 0 3px 0 -2px; overflow: hidden; position: relative; width: 20px; } #bulk-titles div a:before { position: relative; top: -3px; } /*------------------------------------------------------------------------------ 11.0 - Write/Edit Post Screen ------------------------------------------------------------------------------*/ #show-comments { overflow: hidden; } #save-action .spinner, #show-comments a, #show-comments .spinner { float: left; } #lost-connection-notice .spinner { display: block; float: left; margin: 0 5px 0 0; } #titlediv { position: relative; margin-bottom: 10px; } #titlediv label { cursor: text; } #titlediv div.inside { margin: 0; } #poststuff #titlewrap { border: 0; padding: 0; } #titlediv #title { padding: 3px 8px; font-size: 1.7em; line-height: 100%; height: 1.7em; width: 100%; outline: none; margin: 0; } #titlediv #title-prompt-text, #wp-fullscreen-title-prompt-text { color: #777; position: absolute; font-size: 1.7em; padding: 11px 10px; } #wp-fullscreen-save .fs-saved { color: #999; float: right; margin-top: 4px; } #wp-fullscreen-title-prompt-text { padding: 11px; } #poststuff .inside-submitbox, #side-sortables .inside-submitbox { margin: 0 3px; font-size: 11px; } input#link_description, input#link_url { width: 98%; } #pending { background: 0 none; border: 0 none; padding: 0; font-size: 11px; margin-top: -1px; } #edit-slug-box { line-height: 24px; min-height: 25px; /* Yes, line-height + 1 */ margin-top: 5px; padding: 0 10px; } #edit-slug-box .cancel { margin-right: 10px; font-size: 11px; } #editable-post-name-full { display: none; } #editable-post-name input { font-size: 13px; height: 22px; margin: 0; width: 16em; } .postarea h3 label { float: left; } .submitbox .submit { text-align: left; padding: 12px 10px 10px; font-size: 11px; } .submitbox .submitdelete { text-decoration: none; padding: 1px 2px; } .submitbox .submit a:hover { text-decoration: underline; } .submitbox .submit input { margin-bottom: 8px; margin-right: 4px; padding: 6px; } .inside-submitbox #post_status { margin: 2px 0 2px -2px; } #post-status-select { margin-top: 3px; } /* Post Screen */ #post-body #normal-sortables { min-height: 50px; } .postbox { position: relative; min-width: 255px; } #trackback_url { width: 99%; } #normal-sortables .postbox .submit { background: transparent none; border: 0 none; float: right; padding: 0 12px; margin:0; } .category-add input[type="text"], .category-add select { width: 100%; max-width: 260px; vertical-align: baseline; } #side-sortables .category-add input[type="text"], #side-sortables .category-add select { margin: 0 0 1em; } .press-this #side-sortables .category-tabs li, ul.category-tabs li, #side-sortables .add-menu-item-tabs li, .wp-tab-bar li { display: inline; line-height: 1.35em; } .no-js .category-tabs li.hide-if-no-js { display: none; } .category-tabs a, #side-sortables .add-menu-item-tabs a, .wp-tab-bar a { text-decoration: none; } .category-tabs { margin: 8px 0 5px; } #category-adder h4 { margin: 10px 0; } #side-sortables .add-menu-item-tabs, .wp-tab-bar { margin-bottom: 3px; } #normal-sortables .postbox #replyrow .submit { float: none; margin: 0; padding: 0 7px 5px; } #side-sortables .submitbox .submit input, #side-sortables .submitbox .submit .preview, #side-sortables .submitbox .submit a.preview:hover { border: 0 none; } #side-sortables .inside-submitbox .insidebox, .stuffbox .insidebox { margin: 11px 0; } ul.category-tabs, ul.add-menu-item-tabs, ul.wp-tab-bar { margin-top: 12px; } ul.category-tabs li { border-style: solid; border-width: 1px; position: relative; } ul.add-menu-item-tabs li.tabs, .wp-tab-active { border-style: solid solid none; border-width: 1px 1px 0; } ul.add-menu-item-tabs li.tabs { padding-bottom: 3px; position: relative; } #post-body .add-menu-item-tabs li.tabs { border-style: solid none solid solid; border-width: 1px 0 1px 1px; margin-right: -1px; } ul.category-tabs li, ul.add-menu-item-tabs li, ul.wp-tab-bar li { padding: 3px 5px 5px; } #postimagediv .inside img { max-width: 100%; height: auto; } form#tags-filter { position: relative; } /* Edit posts */ td.post-title strong, td.plugin-title strong { display: block; margin-bottom: .2em; font-size: 14px; } td.post-title p, td.plugin-title p { margin: 6px 0; } /* Global classes */ .wp-hidden-children .wp-hidden-child, .ui-tabs-hide { display: none; } .commentlist .avatar { vertical-align: text-top; } #post-body .tagsdiv #newtag { margin-right: 5px; width: 16em; } #side-sortables input#post_password { width: 94% } #side-sortables .tagsdiv #newtag { width: 68%; } #post-status-info { width: 100%; } #post-status-info td { font-size: 12px; } .autosave-info { padding: 2px 15px; text-align: right; } #editorcontent #post-status-info { border: none; } #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url('../images/resize.gif') no-repeat scroll right bottom; width: 12px; height: 12px; cursor: se-resize; } .rtl #content-resize-handle, .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url('../images/resize-rtl.gif') no-repeat scroll right bottom; } #post-body .wp_themeSkin .mceStatusbar a.mceResize { bottom: 3px; position: absolute; right: 3px; } #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize { bottom: -20px; } #content-resize-handle { position: absolute; right: 3px; bottom: -20px; } .press-this #content-resize-handle { bottom: 2px; } .tmce-active #content-resize-handle { display: none; } #wp-word-count { display: block; padding: 2px 10px; } #timestampdiv select { height: 21px; line-height: 14px; padding: 0; vertical-align: top; font-size: 12px; } #aa, #jj, #hh, #mn { padding: 1px; font-size: 12px; } #jj, #hh, #mn { width: 2em; } #aa { width: 3.4em; } .curtime #timestamp { padding: 2px 0 1px 0; display: inline !important; height: auto !important; } #post-body #visibility:before, .curtime #timestamp:before, #post-body .misc-pub-revisions:before { font: normal 20px/1 'dashicons'; speak: none; display: inline-block; padding: 0 2px 0 0; top: 0; left: -1px; position: relative; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } #post-body #visibility:before { content: '\f177'; } .curtime #timestamp:before { content: '\f145'; top: -1px; } #post-body .misc-pub-revisions:before { content: '\f321'; } #timestampdiv { padding-top: 5px; line-height: 23px; } #timestampdiv p { margin: 8px 0 6px; } #timestampdiv input { border-width: 1px; border-style: solid; } .notification-dialog { position: fixed; top: 30%; left: 50%; width: 450px; margin-left: -225px; background: #fff; line-height: 1.5; z-index: 1000005; } .notification-dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 1000000; } #post-lock-dialog .post-locked-message, #post-lock-dialog .post-taken-over { margin: 25px; } #post-lock-dialog .post-locked-message a.button { margin-right: 10px; } #post-lock-dialog .post-locked-avatar { float: left; margin: 0 20px 20px 0; } #post-lock-dialog .wp-tab-first { outline: 0; } #post-lock-dialog .locked-saving img { float: left; margin-right: 3px; } #post-lock-dialog.saving .locked-saving, #post-lock-dialog.saved .locked-saved { display: inline; } /*------------------------------------------------------------------------------ 11.1 - Custom Fields ------------------------------------------------------------------------------*/ #postcustomstuff thead th { padding: 5px 8px 8px; } #postcustom #postcustomstuff .submit { border: 0 none; float: none; padding: 0 8px 8px; } #side-sortables #postcustom #postcustomstuff .submit { margin: 0; padding: 0; } #side-sortables #postcustom #postcustomstuff #the-list textarea { height: 85px; } #side-sortables #postcustom #postcustomstuff td.left input, #side-sortables #postcustom #postcustomstuff td.left select, #side-sortables #postcustomstuff #newmetaleft a { margin: 3px 3px 0; } #postcustomstuff table { margin: 0; width: 100%; border-width: 1px; border-style: solid; border-spacing: 0; } #postcustomstuff tr { vertical-align: top; } #postcustomstuff table input, #postcustomstuff table select, #postcustomstuff table textarea { width: 96%; margin: 8px; } #side-sortables #postcustomstuff table input, #side-sortables #postcustomstuff table select, #side-sortables #postcustomstuff table textarea { margin: 3px; } #postcustomstuff th.left, #postcustomstuff td.left { width: 38%; } #postcustomstuff .submit input { margin: 0; width: auto; } #postcustomstuff #newmetaleft a { display: inline-block; margin: 0 8px 8px; text-decoration: none; } .no-js #postcustomstuff #enternew { display: none; } #post-body-content .compat-attachment-fields { margin-bottom: 20px; } .compat-attachment-fields th { padding-top: 5px; padding-right: 10px; } /*------------------------------------------------------------------------------ 11.2 - Post Revisions ------------------------------------------------------------------------------*/ .revisions-control-frame, .revisions-diff-frame { position: relative; } .revisions-controls { padding-top: 40px; height: 100px; z-index: 1; } .revisions-controls input[type="checkbox"] { position: relative; top: -1px; vertical-align: text-bottom; } .revisions.pinned .revisions-controls { position: fixed; top: 0; height: 82px; } .revisions-tickmarks { position: relative; margin: 0 auto; height: 0.7em; top: 7px; max-width: 70%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .revisions-tickmarks > div { position: absolute; height: 100%; border-style: solid; border-width: 0 1px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .revisions-tickmarks > div:first-child { border-width: 0; } .comparing-two-revisions .revisions-controls { height: 140px; } .comparing-two-revisions.pinned .revisions-controls { height: 124px; } .revisions .diff-error { position: absolute; text-align: center; margin: 0 auto; width: 100%; display: none; } .revisions.diff-error .diff-error { display: block; } .revisions .loading-indicator { position: fixed; vertical-align: middle; opacity: 0; width: 100%; top: 50%; margin-left: -90px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; filter: alpha(opacity=0); /* ie8 and earlier */ } body.folded .revisions .loading-indicator { margin-left: -32px; } .revisions .loading-indicator span.spinner { display: block; margin: 0 auto; float: none; } .revisions.loading .loading-indicator { opacity: 1; filter: alpha(opacity=100); /* ie8 and earlier */ } .revisions .diff { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .revisions.loading .diff { opacity: 0.5; filter: alpha(opacity=50); /* ie8 and earlier */ } .revisions.diff-error .diff { visibility: hidden; } .revisions-meta { margin-top: 20px; } .revision-toggle-compare-mode { position: absolute; top: 0; right: 0; } .comparing-two-revisions .revisions-previous, .comparing-two-revisions .revisions-next, .revisions-meta .diff-meta-to strong { display: none; } .revisions-controls .author-card .date { color: #777; } .revisions-controls .author-card.autosave { color: #d54e21; } .revisions-controls .author-card .author-name { font-weight: bold; } .comparing-two-revisions .diff-meta-to strong { display: block; } .revisions.pinned .revisions-buttons { padding: 0 11px; } .revisions-previous, .revisions-next { position: relative; z-index: 1; } .revisions-previous { float: left; } .revisions-next { float: right; } .revisions-controls .wp-slider { max-width: 70%; margin: 0 auto; top: -3px; } .revisions-diff { padding: 15px; } .revisions-diff h3:first-child { margin-top: 0; } /* Revision meta box */ .post-revisions li img, #revisions-meta-restored img { vertical-align: middle; } table.diff tbody tr td:nth-child(2) { width: 4%; } table.diff { width: 100%; white-space: pre-wrap; } table.diff col.content { width: auto; } table.diff col.content.diffsplit { width: 48%; } table.diff col.diffsplit.middle { width: auto; } table.diff col.ltype { width: 30px; } table.diff tr { background-color: transparent; } table.diff td, table.diff th { font-family: Consolas, Monaco, monospace; font-size: 14px; line-height: 1.618; padding: .5em; } table.diff td h1, table.diff td h2, table.diff td h3, table.diff td h4, table.diff td h5, table.diff td h6 { margin: 0; } table.diff .diff-deletedline del, table.diff .diff-addedline ins { text-decoration: none; } .diff-meta { padding: 5px; clear: both; min-height: 32px; } .diff-title strong { line-height: 32px; min-width: 60px; text-align: right; float: left; margin-right: 5px; } .revisions-controls .author-card .author-info { font-size: 12px; line-height: 16px; } .revisions-controls .author-card .avatar, .revisions-controls .author-card .author-info { float: left; margin-left: 6px; margin-right: 6px; } .revisions-controls .author-card .byline { display: block; font-size: 12px; } .revisions-controls .author-card .avatar { vertical-align: middle; } .diff-meta input.restore-revision { float: right; margin-left: 6px; margin-right: 6px; margin-top: 4px; } .diff-meta-from { display: none; } .comparing-two-revisions .diff-meta-from { display: block; } .revisions-tooltip { position: absolute; bottom: 105px; margin-right: 0; margin-left: -69px; z-index: 0; max-width: 350px; min-width: 130px; padding: 8px 4px; display: none; opacity: 0; } .revisions-tooltip.flipped { margin-left: 0; margin-right: -70px; } .revisions.pinned .revisions-tooltip { display: none !important; } .comparing-two-revisions .revisions-tooltip { bottom: 145px; } .revisions-tooltip-arrow { width: 70px; height: 15px; overflow: hidden; position: absolute; left: 0; margin-left: 35px; bottom: -15px; } .revisions-tooltip.flipped .revisions-tooltip-arrow { margin-left: 0; margin-right: 35px; left: auto; right: 0; } .revisions-tooltip-arrow > span { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .revisions-tooltip.flipped .revisions-tooltip-arrow > span { left: auto; right: 20px; } .ie8 .revisions-tooltip-arrow > span { left: 15px; top: -25px; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; } .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { right: 25px; } .revisions-tooltip, .revisions-tooltip-arrow > span { border-width: 1px; border-style: solid; } .revisions-tooltip { display: none; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 0; margin-left: -35px; bottom: 90px; z-index: 10000; } .arrow::after { z-index: 9999; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .revisions-tooltip, .revisions-tooltip-arrow:after { border-width: 1px; border-style: solid; } div.revisions-controls > .wp-slider > .ui-slider-handle { margin-left: -10px; } .rtl div.revisions-controls > .wp-slider > .ui-slider-handle { margin-right: -10px; } /* jQuery UI Slider */ .wp-slider.ui-slider { position: relative; border-width: 1px; border-style: solid; text-align: left; cursor: pointer; } .wp-slider .ui-slider-handle { border-radius: 50%; height: 18px; margin-top: -3px; outline: none; position: absolute; width: 18px; z-index: 2; } .wp-slider .ui-slider-handle:before { background: none; position: absolute; top: 0; left: 0; content: "\f229"; font: normal 18px/1 'dashicons'; speak: none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; } .wp-slider .ui-slider-handle.from-handle:before, .wp-slider .ui-slider-handle.to-handle:before { font-size: 20px !important; margin: -1px 0 0 -1px; } .wp-slider .ui-slider-handle.from-handle:before { content: '\f139'; } .wp-slider .ui-slider-handle.to-handle:before { content: '\f141'; } .rtl .wp-slider .ui-slider-handle.from-handle:before { content: '\f141'; } .rtl .wp-slider .ui-slider-handle.to-handle:before { content: '\f139'; right: -1px; } .wp-slider .ui-slider-range { position: absolute; font-size: .7em; display: block; border: 0; background-color: transparent; background-image: none; } .wp-slider.ui-slider-horizontal { height: .7em; } .wp-slider.ui-slider-horizontal .ui-slider-handle { top: -.25em; margin-left: -.6em; } .wp-slider.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .wp-slider.ui-slider-horizontal .ui-slider-range-min { left: 0; } .wp-slider.ui-slider-horizontal .ui-slider-range-max { right: 0; } /*------------------------------------------------------------------------------ 11.3 - Featured Images ------------------------------------------------------------------------------*/ #select-featured-image { padding: 4px 0; overflow: hidden; } #select-featured-image img { max-width: 100%; height: auto; margin-bottom: 10px; } #select-featured-image a { float: left; clear: both; } #select-featured-image .remove { display: none; margin-top: 10px; } .js #select-featured-image.has-featured-image .remove { display: inline-block; } .no-js #select-featured-image .choose { display: none; } /*------------------------------------------------------------------------------ 11.4 - Post formats ------------------------------------------------------------------------------*/ .post-state-format { overflow: hidden; display: inline-block; vertical-align: middle; height: 20px; width: 20px; margin-right: 5px; margin-top: -4px; } .post-state-format:before { display: block; height: 20px; width: 20px; font: normal 20px/1 'dashicons' !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #post-formats-select { line-height: 2em; } #post-formats-select .post-format-icon:before { top: 5px; } input.post-format { margin-top: 1px; } label.post-format-icon { margin-left: 0px; padding: 2px 0 2px 0px; } .post-format-icon:before { position: relative; display: inline-block; margin-right: 7px; font: normal 20px/1 'dashicons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post-state-format.post-format-standard:before, .post-format-icon.post-format-standard:before, a.post-state-format.format-standard:before { content: '\f109'; } .post-state-format.post-format-image:before, .post-format-icon.post-format-image:before, a.post-state-format.format-image:before { content: '\f128'; } .post-state-format.post-format-gallery:before, .post-format-icon.post-format-gallery:before, a.post-state-format.format-gallery:before { content: '\f161'; } .post-state-format.post-format-audio:before, .post-format-icon.post-format-audio:before, a.post-state-format.format-audio:before { content: '\f127'; } .post-state-format.post-format-video:before, .post-format-icon.post-format-video:before, a.post-state-format.format-video:before { content: '\f126'; } .post-state-format.post-format-chat:before, .post-format-icon.post-format-chat:before, a.post-state-format.format-chat:before { content: '\f125'; } .post-state-format.post-format-status:before, .post-format-icon.post-format-status:before, a.post-state-format.format-status:before { content: '\f130'; } .post-state-format.post-format-aside:before, .post-format-icon.post-format-aside:before, a.post-state-format.format-aside:before { content: '\f123'; } .post-state-format.post-format-quote:before, .post-format-icon.post-format-quote:before, a.post-state-format.format-quote:before { content: '\f122'; } .post-state-format.post-format-link:before, .post-format-icon.post-format-link:before, a.post-state-format.format-link:before { content: '\f103'; } /*------------------------------------------------------------------------------ 12.0 - Categories ------------------------------------------------------------------------------*/ .category-adder { margin-left: 120px; padding: 4px 0; } .category-adder h4 { margin: 0 0 8px; } #side-sortables .category-adder { margin: 0; } #post-body ul.add-menu-item-tabs { float: left; width: 120px; text-align: right; /* Negative margin for the sake of those without JS: all tabs display */ margin: 0 -120px 0 5px; padding: 0; } ul.add-menu-item-tabs li { padding: 3px 5px 3px 8px; } #post-body ul.add-menu-item-tabs li.tabs { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .wp-tab-panel, .categorydiv div.tabs-panel, .customlinkdiv div.tabs-panel, .posttypediv div.tabs-panel, .taxonomydiv div.tabs-panel { min-height: 42px; max-height: 200px; overflow: auto; padding: 0 0.9em; border-style: solid; border-width: 1px; } div.tabs-panel-active { display:block; } div.tabs-panel-inactive { display:none; } #front-page-warning, #front-static-pages ul, ul.export-filters, .inline-editor ul.cat-checklist ul, .categorydiv ul.categorychecklist ul, .customlinkdiv ul.categorychecklist ul, .posttypediv ul.categorychecklist ul, .taxonomydiv ul.categorychecklist ul { margin-left: 18px; } ul.categorychecklist li { margin: 0; padding: 0; line-height: 22px; word-wrap: break-word; } .categorydiv .tabs-panel, .customlinkdiv .tabs-panel, .posttypediv .tabs-panel, .taxonomydiv .tabs-panel { border-width: 3px; border-style: solid; } .form-wrap p, .form-wrap label { font-size: 11px; } .form-wrap label { display: block; padding: 2px; font-size: 12px; } .form-field input, .form-field textarea { border-style: solid; border-width: 1px; width: 95%; } p.description, .form-wrap p { margin: 2px 0 5px; } p.help, p.description, span.description, .form-wrap p { font-size: 13px; font-style: italic; } .form-wrap .form-field { margin: 0 0 10px; padding: 8px 0; } .form-wrap .form-field #parent { max-width: 100%; } .col-wrap h3 { margin: 12px 0; font-size: 1.1em; } .col-wrap p.submit { margin-top: -10px; } /*------------------------------------------------------------------------------ 13.0 - Tags ------------------------------------------------------------------------------*/ .tagsdiv { margin-top: -8px; } #poststuff .taghint { color: #aaa; margin: 15px 0 -24px 12px; } #poststuff .tagsdiv .howto { margin: 0 0 6px 0; } .ajaxtag .newtag { position: relative; } .tagsdiv .newtag { width: 180px; } .tagsdiv .the-tags { display: block; height: 60px; margin: 0 auto; overflow: auto; width: 260px; } #post-body-content .tagsdiv .the-tags { margin: 0 5px; } p.popular-tags { border: none; line-height: 2em; max-width: 1000px; padding: 8px 12px 12px; text-align: justify; } p.popular-tags a { padding: 0 3px; } .tagcloud { width: 97%; margin: 0 0 40px; text-align: justify; } .tagcloud h3 { margin: 2px 0 12px; } .ac_results { padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; border-width: 1px; border-style: solid; } .wp-customizer .ac_results { z-index: 500000; } .ac_results li { padding: 2px 5px; white-space: nowrap; text-align: left; } .ac_over { cursor: pointer; } .ac_match { text-decoration: underline; } /* links tables */ table.links-table { width: 100%; } .links-table th { font-weight: normal; text-align: left; vertical-align: top; min-width: 80px; width: 20%; word-wrap: break-word; } .links-table th, .links-table td { padding: 5px 0; } .links-table td label { margin-right: 8px; } .links-table td input[type="text"], .links-table td textarea { width: 100%; } .links-table #link_rel { max-width: 280px; } /*------------------------------------------------------------------------------ 14.0 - Media Screen ------------------------------------------------------------------------------*/ .media-item .describe { border-collapse: collapse; width: 100%; border-top-style: solid; border-top-width: 1px; clear: both; cursor: default; } .media-item.media-blank .describe { border: 0; } .media-item .describe th { vertical-align: top; text-align: left; padding: 5px 10px 10px; width: 140px; } .media-item .describe .align th { padding-top: 0; } .media-item .media-item-info tr { background-color: transparent; } .media-item .describe td { padding: 0 8px 8px 0; vertical-align: top; } .media-item thead.media-item-info td { padding: 4px 10px 0; } .media-item .media-item-info .A1B1 { padding: 0 0 0 10px; } .media-item td.savesend { padding-bottom: 15px; } .media-item .thumbnail { max-height: 128px; max-width: 128px; } #wpbody-content #async-upload-wrap a { display: none; } .media-upload-form { margin-top: 20px; } .media-upload-form td label { margin-right: 6px; margin-left: 2px; } .media-upload-form .align .field label { display: inline; padding: 0 0 0 23px; margin: 0 1em 0 3px; font-weight: 600; } .media-upload-form tr.image-size label { margin: 0 0 0 5px; font-weight: 600; } .media-upload-form th.label label { font-weight: 600; margin: 0.5em; font-size: 13px; } .media-upload-form th.label label span { padding: 0 5px; } abbr.required { border: medium none; text-decoration: none; } .media-item .describe input[type="text"], .media-item .describe textarea { width: 460px; } .media-item .describe p.help { margin: 0; padding: 0 0 0 5px; } .media-item .edit-attachment, .describe-toggle-on, .describe-toggle-off { display: block; line-height: 36px; float: right; } .media-item .describe-toggle-off, .media-item.open .describe-toggle-on { display: none; } .media-item.open .describe-toggle-off { display: block; } #media-items .media-item { border-bottom-style: solid; border-bottom-width: 1px; min-height: 36px; position: relative; width: 100%; } #media-items { width: 623px; } .media-new-php #media-items { margin: 1em 0; } #media-items:empty { border: 0 none; } .media-item .filename { line-height: 36px; overflow: hidden; } .media-item .error-div { padding-left: 10px; } .media-item .pinkynail { float: left; margin: 2px 10px 0 0; max-width: 40px; max-height: 32px; } .media-item .startopen, .media-item .startclosed { display: none; } .media-item .original { position: relative; height: 34px; } .media-item .progress { float: right; height: 22px; margin: 7px 0 0; width: 200px; line-height: 2em; padding: 0; overflow: hidden; margin-bottom: 2px; border-radius: 22px; background: #ddd; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); } .media-item .bar { z-index: 9; width: 0; height: 100%; margin-top: -22px; border-radius: 22px; background-color: #0074a2; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); box-shadow: inset 0 0 2px rgba(0,0,0,0.3); } .media-item .progress .percent { z-index: 10; position: relative; width: 200px; padding: 0; color: #fff; text-align: center; line-height: 22px; font-weight: 400; text-shadow: 0px 1px 2px rgba(0,0,0,0.2); } .upload-php .fixed .column-parent { width: 15%; } .js .html-uploader #plupload-upload-ui { display: none; } .js .html-uploader #html-upload-ui { display: block; } .media-upload-form .media-item.error { margin: 0; padding: 0; } .media-upload-form .media-item.error p, .media-item .error-div { line-height: 16px; margin: 5px 10px; padding: 0; } .media-item .error-div a.dismiss { display: block; float: right; margin: 5px 4px 0 15px; } /*------------------------------------------------------------------------------ 14.1 - Media Library ------------------------------------------------------------------------------*/ .find-box { width: 600px; height: 300px; overflow: hidden; padding: 33px 0 51px; position: absolute; z-index: 1000; } .find-box-head { cursor: move; font-weight: 600; height: 2em; line-height: 2em; padding: 1px 12px; position: absolute; top: 5px; width: 100%; } .find-box-inside { overflow: auto; padding: 6px; height: 100%; } .find-box-search { overflow: hidden; padding: 9px; position: relative; } .find-box-search .spinner { float: none; left: 125px; position: absolute; top: 9px; } #find-posts-input { float: left; width: 140px; height: 24px; } #find-posts-search { float: left; margin: 1px 4px 0 3px; } #find-posts-response { margin: 8px 0; padding: 0 1px 6px; } #find-posts-response table { width: 100%; } #find-posts-response .found-radio { padding: 3px 0 0 8px; width: 15px; } .find-box-buttons { padding: 8px; overflow: hidden; } .find-box #resize-se { position: absolute; right: 1px; bottom: 1px; } .ui-find-overlay { position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); } 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; } #poststuff .inside .the-tagcloud { margin: 5px 0 10px; padding: 8px; border-width: 1px; border-style: solid; line-height: 1.8em; word-spacing: 3px; -webkit-border-radius: 6px; border-radius: 6px; } .drag-drop #drag-drop-area { border: 4px dashed #bbb; height: 200px; } .drag-drop .drag-drop-inside { margin: 70px auto 0; width: 250px; } .drag-drop-inside p { color: #aaa; font-size: 14px; margin: 5px 0; display: none; } .drag-drop .drag-drop-inside p { text-align: center; } .drag-drop-inside p.drag-drop-info { font-size: 20px; } .drag-drop .drag-drop-inside p, .drag-drop-inside p.drag-drop-buttons { display: block; } /* #drag-drop-area:-moz-drag-over { border-color: #83b4d8; } borger color while dragging a file over the uploader drop area */ .drag-drop.drag-over #drag-drop-area { border-color: #83b4d8; } #plupload-upload-ui { position: relative; } /*------------------------------------------------------------------------------ 14.2 - Image Editor ------------------------------------------------------------------------------*/ .wp_attachment_details #attachment_caption { height: 4em; } .describe .image-editor { vertical-align: top; } .imgedit-wrap { position: relative; } .imgedit-settings p { margin: 8px 0; } .post-php .imgedit-wrap table { width: 100%; } .describe .imgedit-wrap table td, .wp_attachment_holder .imgedit-wrap table td { vertical-align: top; padding-top: 0; } .describe .imgedit-wrap table td.imgedit-settings { padding: 0 5px; } .wp_attachment_holder .imgedit-wrap table td.imgedit-settings { width: 250px; } td.imgedit-settings input { margin-top: 0; vertical-align: middle; } .imgedit-wait { position: absolute; top: 0; background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px; background-size: 20px 20px; opacity: 0.7; filter: alpha(opacity=70); width: 100%; height: 500px; display: none; } .spinner { background: url('../images/spinner.gif') no-repeat; background-size: 20px 20px; display: none; float: right; opacity: 0.7; filter: alpha(opacity=70); width: 20px; height: 20px; margin: 2px 5px 0; } .no-float { float: none; } .media-disabled, .imgedit-settings .disabled { color: grey; } .wp_attachment_image, .A1B1 { overflow: hidden; } .wp_attachment_image .button, .A1B1 .button { float: left; } .no-js .wp_attachment_image .button { display: none; } .wp_attachment_image .spinner, .A1B1 .spinner { float: left; padding: 0 0 4px 0; vertical-align: bottom; } .imgedit-menu { margin: 0 0 12px; min-width: 300px; } .imgedit-menu div { float: left; width: 32px; background: none; margin: 0 8px 0 0; height: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 28px; } .imgedit-menu div:before { font: normal 20px/1 'dashicons'; speak: none; vertical-align: middle; } .imgedit-crop:before { content:'\f165'; } .imgedit-rleft:before { content:'\f166'; } .imgedit-rright:before { content:'\f167'; } .imgedit-flipv:before { content:'\f168'; } .imgedit-fliph:before { content:'\f169'; } .imgedit-undo:before { content:'\f171'; } .imgedit-redo:before { content:'\f172'; } .imgedit-crop-wrap { position: relative; } .imgedit-crop { margin: 0 8px 0 0; } .imgedit-rleft { margin: 0 3px; } .imgedit-rright { margin: 0 8px 0 3px; } .imgedit-flipv { margin: 0 3px; } .imgedit-fliph { margin: 0 8px 0 3px; } .imgedit-undo { margin: 0 3px; } .imgedit-redo { margin: 0 8px 0 3px; } .imgedit-applyto img { margin: 0 8px 0 0; } .imgedit-group-top { margin: 5px 0; } .imgedit-applyto .imgedit-label { padding: 2px 0 0; display: block; } .imgedit-help { display: none; font-style: italic; margin-bottom: 8px; } a.imgedit-help-toggle { text-decoration: none; } .form-table td.imgedit-response { padding: 0; } .imgedit-submit { margin: 8px 0; } .imgedit-submit-btn { margin-left: 20px; } .imgedit-wrap .nowrap { white-space: nowrap; } span.imgedit-scale-warn { color: red; font-size: 20px; font-style: normal; visibility: hidden; vertical-align: middle; } .imgedit-group { margin-bottom: 8px; padding: 2px 10px; } /*------------------------------------------------------------------------------ 15.0 - Comments Screen ------------------------------------------------------------------------------*/ .form-table { border-collapse: collapse; margin-top: 0.5em; width: 100%; clear: both; } .form-table, .form-table td, .form-table th, .form-table td p, .form-wrap label { font-size: 14px; } .form-table td { margin-bottom: 9px; padding: 15px 10px; line-height: 1.3; vertical-align: middle; } .form-table th, .form-wrap label { font-weight: normal; text-shadow: none; vertical-align: baseline; } .form-table th { vertical-align: top; text-align: left; padding: 20px 10px 20px 0; width: 200px; line-height: 1.3; font-weight: 600; } .form-table th.th-full { width: auto; font-weight: 400; } .form-table input.tog { margin-top: 2px; margin-right: 2px; float: left; } .form-table td p { margin-top: 4px; margin-bottom: 0; } .form-table td fieldset label { margin: 0.25em 0 0.5em !important; display: inline-block; } .form-table td fieldset label, .form-table td fieldset p, .form-table td fieldset li { line-height: 1.4em; } .form-table input.tog, .form-table input[type=radio] { margin-top: -4px; margin-right: 4px; float: none; } .commentlist li { padding: 1em 1em .2em; margin: 0; border-bottom-width: 1px; border-bottom-style: solid; } .commentlist li li { border-bottom: 0; padding: 0; } .commentlist p { padding: 0; margin: 0 0 .8em; } /* reply to comments */ #replyrow input { border-width: 1px; border-style: solid; } #replyrow td { padding: 2px; } #replysubmit { margin: 0; padding: 0 5px 3px; text-align: center; } #replysubmit .spinner { padding: 2px 0 0; vertical-align: top; float: right; } #replysubmit .button { margin-right: 5px; } #replysubmit .error { color: red; line-height: 21px; text-align: center; } #replyrow h5 { margin: .2em 0 0; padding: 0 5px; line-height: 1.4em; font-size: 1em; } #edithead .inside { float: left; padding: 3px 0 2px 5px; margin: 0; text-align: center; } #edithead .inside input { width: 180px; } #edithead label { padding: 2px 0; } #replycontainer { padding: 5px; } #replycontent { height: 120px; -webkit-box-shadow: none; box-shadow: none; } .comment-php .wp-editor-area { height: 200px; } .comment-ays { margin-bottom: 0; border-bottom-style: solid; border-bottom-width: 1px; } .comment-ays .alt { background-color: transparent; } .trash-undo-inside, .spam-undo-inside { margin: 1px 8px 1px 0; line-height: 16px; } .spam-undo-inside .avatar, .trash-undo-inside .avatar { height: 20px; width: 20px; margin-right: 8px; vertical-align: middle; } .stuffbox .editcomment { clear: none; } #comment-status-radio p { margin: 3px 0 5px; } #comment-status-radio input { margin: 2px 3px 5px 0; vertical-align: middle; } #comment-status-radio label { padding: 5px 0; } .commentlist .avatar { vertical-align: text-top; } #the-comment-list .unapproved th.check-column input { margin-left: 4px; } /*------------------------------------------------------------------------------ 16.0 - Themes ------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ 16.1 - Manage Themes ------------------------------------------------------------------------------*/ .theme-browser .themes { clear: both; padding: 0 0 100px; } .themes-php .wrap h2 { float: left; margin-bottom: 15px; } .themes-php .wrap h2 .button { margin-left: 20px; } .themes-php .theme-count { color: #fff; border-radius: 30px; background: #777; font-size: 14px; padding: 4px 10px; font-weight: 600; margin-left: 5px; margin-right: 20px; position: relative; top: -3px; } /* Position admin messages */ .themes-php div.updated, .themes-php div.error { margin: 0 0 20px 0; clear: both; } .themes-php div.updated a { text-decoration: underline; } /** * Main theme element * (has flexible margins) */ .theme-browser .theme { cursor: pointer; float: left; margin: 0 4% 4% 0; position: relative; width: 30.6%; border: 1px solid #dedede; -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .theme-browser .theme:nth-child(3n) { margin-right: 0; } .theme-browser .theme:hover, .theme-browser .theme:focus { cursor: pointer; } .theme-browser .theme .theme-name { font-size: 15px; font-weight: 600; margin: 0; padding: 15px; -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #fff; background: rgba(255,255,255,0.65); } /* Activate and Customize buttons, shown on hover */ .theme-browser .theme .theme-actions { opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; position: absolute; bottom: 0; right: 0; height: 38px; padding: 9px 10px 0 10px; background: rgba(244, 244, 244, 0.7); border-left: 1px solid rgba(0,0,0,0.05); } .theme-browser .theme:hover .theme-actions { opacity: 1; } .theme-browser .theme .theme-actions .button-primary { margin-right: 3px; } .theme-browser .theme .theme-actions .button-secondary { float: none; margin-left: 3px; } /** * Theme Screenshot * * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size * It is also responsive. */ .theme-browser .theme .theme-screenshot { display: block; overflow: hidden; position: relative; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .theme-browser .theme .theme-screenshot:after { content: ''; display: block; padding-top: 66.66666%; /* using a 3/2 aspect ratio */ } .theme-browser .theme .theme-screenshot img { height: auto; position: absolute; left: 0; top: 0; width: 100%; -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */ -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .theme-browser .theme:hover .theme-screenshot { background: #fff; } .theme-browser.rendered .theme:hover .theme-screenshot img { opacity: 0.4; } .theme-browser .theme .more-details { opacity: 0; position: absolute; top: 35%; right: 25%; left: 25%; background: rgba(0,0,0,0.7); color: #fff; font-size: 15px; text-shadow: 0 1px 0 rgba(0,0,0,0.6); -webkit-font-smoothing: antialiased; font-weight: 600; padding: 15px 12px; text-align: center; border-radius: 3px; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } .theme-browser.rendered .theme:hover .more-details { opacity: 1; } /** * Displays a theme update notice * when an update is available. */ .theme-browser .theme .theme-update { background: #d54e21; background: rgba(213, 78, 33, 0.95); color: #fff; display: block; font-size: 13px; font-weight: 400; height: 48px; line-height: 48px; padding: 0 10px; position: absolute; top: 0; right: 0; left: 0; border-bottom: 1px solid rgba(0,0,0,0.25); overflow: hidden; } .theme-browser .theme .theme-update:before { content: '\f113'; display: inline-block; font: normal 20px/1 'dashicons'; margin: 0 6px 0 0; opacity: 0.8; position: relative; top: 5px; speak: none; -webkit-font-smoothing: antialiased; } /** * The currently active theme */ .theme-browser .theme.active .theme-name { background: #2f2f2f; color: #fff; padding-right: 110px; font-weight: 300; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); } .theme-browser .theme.active .theme-name span { font-weight: 600; } .theme-browser .theme.active .theme-actions { background: rgba(49,49,49,0.7); border-left: none; opacity: 1; } .theme-browser .theme.active .theme-actions .button-primary { margin-right: 0; } .theme-browser .theme .theme-author { background: #222; color: #eee; display: none; font-size: 14px; margin: 0 10px; padding: 5px 10px; position: absolute; bottom: 56px; } .theme-browser .theme.display-author .theme-author { display: block; } .theme-browser .theme.display-author .theme-author a { color: inherit; text-decoration: none; } /** * Add new theme */ .theme-browser .theme.add-new-theme { border: none; box-shadow: none; } .theme-browser .theme.add-new-theme a { color: #999; text-decoration: none; display: block; position: relative; z-index: 1; } .theme-browser .theme.add-new-theme:after { display: block; content: ''; opacity: 1; background: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10% 0 0 0; text-shadow: none; border: 5px dashed rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .theme-browser .theme.add-new-theme span:after { background: rgba(153, 153, 153, 0.1); border-radius: 50%; display: inline-block; content: '\f132'; -webkit-font-smoothing: antialiased; font: normal 74px/115px 'dashicons'; width: 100px; height: 100px; vertical-align: middle; text-align: center; color: rgb(153, 153, 153); position: absolute; top: 30%; left: 50%; margin-left: -50px; text-indent: -4px; padding: 0; text-shadow: none; z-index:4; } .rtl .theme-browser .theme.add-new-theme span:after { text-indent: 4px; } .theme-browser .theme.add-new-theme:hover .theme-screenshot { background: none; } .theme-browser .theme.add-new-theme:hover span:after { background: #fff; color: #0074a2; } .theme-browser .theme.add-new-theme:hover:after { border-color: transparent; color: #fff; background: #0074a2; } .theme-browser .theme.add-new-theme .theme-name { background: none; text-align: center; box-shadow: none; font-weight: 400; position: relative; top: 0; margin-top: -10%; margin-bottom: 10%; } .theme-browser .theme.add-new-theme:hover .theme-name { color: #fff; z-index: 2; } /* * The search form */ .themes-php .theme-search { position: relative; top: -2px; left: 20px; font-size: 16px; font-weight: 300; line-height: 1.5; width: 280px; } /** * Theme Overlay * Shown when clicking a theme */ .theme-overlay .theme-backdrop { position: absolute; left: -20px; right: 0; top: 0; bottom: 0; background: rgba( 238, 238, 238, 0.9 ); z-index: 10; } body.theme-overlay-open { overflow: hidden; } .theme-overlay .theme-header { position: absolute; top: 0; left: 0; right: 0; height: 48px; border-bottom: 1px solid #ddd; } .theme-overlay .theme-header .close { cursor: pointer; height: 48px; width: 50px; text-align: center; float: right; border-left: 1px solid #ddd; } .theme-overlay .theme-header .close:hover:before { color: #fff; } .theme-overlay .theme-header .close:before { font: normal 30px/50px 'dashicons' !important; color: #777; display: inline-block; content: '\f335'; font-weight: 300; } /* Left and right navigation */ .theme-overlay .theme-header .right, .theme-overlay .theme-header .left { cursor: pointer; color: #777; height: 48px; width: 54px; float: left; text-align: center; border-right: 1px solid #ddd; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover { background: #0074a2; color: #fff; } .theme-overlay .theme-header .left.disabled, .theme-overlay .theme-header .right.disabled, .theme-overlay .theme-header .left.disabled:hover, .theme-overlay .theme-header .right.disabled:hover { color: #ccc; background: inherit; cursor: inherit; } .theme-overlay .theme-header .right:before, .theme-overlay .theme-header .left:before { font: normal 20px/50px 'dashicons' !important; display: inline; font-weight: 300; } .theme-overlay .theme-header .left:before { content: '\f340'; } .theme-overlay .theme-header .right:before { content: '\f344'; } .rtl .theme-overlay .theme-header .left:before { content: '\f345'; } .rtl .theme-overlay .theme-header .right:before { content: '\f341'; } .theme-overlay .theme-wrap { clear: both; position: fixed; top: 9%; left: 190px; right: 30px; bottom: 3%; background: #fff; -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); z-index: 20; box-sizing: border-box; } .theme-overlay .theme-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body.folded .theme-overlay .theme-wrap { left: 70px; } .theme-overlay .theme-about { position: absolute; top: 49px; bottom: 57px; left: 0; right: 0; overflow: auto; padding: 2% 4%; } .theme-overlay .theme-about:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .theme-overlay .theme-actions { position: absolute; text-align: center; bottom: 0; left: 0; right: 0; padding: 10px 25px 5px; background: #f3f3f3; z-index: 30; box-sizing: border-box; border-top: 1px solid #eee; } .theme-overlay .theme-actions a { margin-right: 5px; margin-bottom: 5px; } .theme-overlay .theme-actions .delete-theme { color: #a00; position: absolute; right: 10px; bottom: 5px; text-decoration: none; border-color: transparent; box-shadow: none; background: transparent; } .theme-overlay .theme-actions .delete-theme:hover { background: #d54e21; color: #fff; border-color: #d54e21; } .theme-overlay .theme-actions .active-theme, .theme-overlay.active .theme-actions .inactive-theme { display: none; } .theme-overlay .theme-actions .inactive-theme, .theme-overlay.active .theme-actions .active-theme { display: block; } /** * Theme Screenshots gallery */ .theme-overlay .theme-screenshots { float: left; margin: 0 30px 0 0; width: 55%; max-width: 880px; text-align: center; } /* First screenshot, shown big */ .theme-overlay .screenshot { border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 0 1px rgba(0,0,0,0.2); } .theme-overlay .screenshot:after { content: ''; display: block; padding-top: 75%; /* using a 4/3 aspect ratio */ } .theme-overlay .screenshot img { height: auto; position: absolute; left: 0; top: 0; width: 100%; } /* Handles old 300px screenshots */ .theme-overlay.small-screenshot .theme-screenshots { position: absolute; width: 302px; } .theme-overlay.small-screenshot .theme-info { margin-left: 350px; width: auto; } /* Other screenshots, shown small and square */ .theme-overlay .screenshot.thumb { background: #ccc; border: 1px solid #eee; float: none; display: inline-block; margin: 10px 5px 0; width: 140px; height: 80px; cursor: pointer; } .theme-overlay .screenshot.thumb:after { content: ''; display: block; padding-top: 100%; /* using a 1/1 aspect ratio */ } .theme-overlay .screenshot.thumb img { cursor: pointer; height: auto; position: absolute; left: 0; top: 0; width: 100%; height: auto; } .theme-overlay .screenshot.selected { background: transparent; border: 2px solid #2ea2cc; } .theme-overlay .screenshot.selected img { opacity: 0.8; } /* No screenshot placeholder */ .theme-browser .theme .theme-screenshot.blank, .theme-overlay .screenshot.blank { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=); } /** * Theme heading information */ .theme-overlay .theme-info { width: 40%; float: left; } .theme-overlay .current-label { background: #333; color: #fff; font-size: 11px; display: inline-block; padding: 2px 8px; border-radius: 2px; margin: 0 0 -10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .theme-overlay .theme-name { color: #222; font-size: 32px; font-weight: 100; margin: 10px 0 0; line-height: 1.3; } .theme-overlay .theme-version { color: #999; font-size: 13px; font-weight: 400; float: none; display: inline-block; margin-left: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .theme-overlay .theme-author { color: #686868; font-size: 16px; font-weight: 400; margin: 15px 0 25px; } .theme-overlay .theme-author a { text-decoration: none; } .theme-overlay .theme-description { color: #555; font-size: 15px; font-weight: 400; line-height: 1.5; margin: 30px 0 0 0; } .theme-overlay .theme-tags { border-top: 3px solid #eee; color: #888; font-size: 13px; font-weight: 400; margin: 30px 0 0 0; padding-top: 20px; } .theme-overlay .theme-tags span { color: #444; font-weight: bold; margin-right: 5px; } /* Theme Updates info */ .theme-overlay .theme-update-message { background: #fefaf7; border: 1px solid #eee; border-left: 4px solid #d54e21; border-radius: 3px; padding: 5px 20px 10px; } .theme-overlay .theme-update { color: #222; font-size: 18px; display: inline-block; line-height: 40px; margin: 0; } .theme-overlay .parent-theme { background: #f7fcfe; border: 1px solid #eee; border-left: 4px solid #2ea2cc; font-size: 14px; font-weight: normal; margin-top: 30px; padding: 10px 10px 10px 20px; } .theme-overlay .parent-theme strong { font-weight: 700; } /** * Single Theme Mode * Displays detailed view inline when a user has no switch capabilities */ .single-theme .theme-overlay .theme-backdrop, .single-theme .theme-overlay .theme-header, .single-theme .theme { display: none; } .single-theme .theme-overlay .theme-wrap { clear: both; min-height: 330px; position: relative; left: auto; right: auto; top: auto; bottom: auto; } .single-theme .theme-overlay .theme-about { padding: 30px 30px 70px; position: static; } .single-theme .theme-overlay .theme-actions { position: absolute; } /** * Basic Responsive structure... * * Shuffles theme columns around based on screen width */ @media only screen and (min-width: 2000px) { #wpwrap .theme-browser .theme { width: 17.6%; margin: 0 3% 3% 0; } #wpwrap .theme-browser .theme:nth-child(3n), #wpwrap .theme-browser .theme:nth-child(4n) { margin-right: 3%; } #wpwrap .theme-browser .theme:nth-child(5n) { margin-right: 0; } } @media only screen and (min-width: 1680px) { .theme-overlay .theme-wrap { width: 1450px; margin: 0 auto; } } /* Maximum screenshot width reaches 440px */ @media only screen and (min-width: 1640px) { .theme-browser .theme { width: 22.7%; margin: 0 3% 3% 0; } .theme-browser .theme .theme-screenshot:after { padding-top: 75%; /* using a 4/3 aspect ratio */ } .theme-browser .theme:nth-child(3n) { margin-right: 3%; } .theme-browser .theme:nth-child(4n) { margin-right: 0; } } /* Maximum screenshot width reaches 440px */ @media only screen and (max-width: 1120px) { .theme-browser .theme { width: 47.5%; margin-right: 0; } .theme-browser .theme:nth-child(even) { margin-right: 0; } .theme-browser .theme:nth-child(odd) { margin-right: 5%; } } /* Admin menu is folded */ @media only screen and (max-width: 900px) { .theme-overlay .theme-wrap { left: 65px; } } @media only screen and (max-width: 780px) { body.folded .theme-overlay .theme-wrap, .theme-overlay .theme-wrap { top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */ right: 0; bottom: 0; left: 0; padding: 70px 20px 20px; border: none; z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */ position: fixed; } .theme-browser .theme.active .theme-name span { /* Hide the "Active: " label on smaller screens. */ display: none; } .theme-overlay .theme-screenshots { width: 40%; } .theme-overlay .theme-info { width: 50%; } .single-theme .theme-wrap { padding: 10px; } .theme-browser .theme .theme-actions { padding: 5px 10px 4px 10px; } .theme-overlay.small-screenshot .theme-screenshots { position: static; float: none; max-width: 302px; } .theme-overlay.small-screenshot .theme-info { margin-left: 0; width: auto; } .theme:not(.active):hover .theme-actions, .theme:hover .more-details { display: none; } .theme-browser.rendered .theme:hover .theme-screenshot img { opacity: 1.0; } } @media only screen and (max-width: 480px) { .theme-browser .theme { width: 100%; margin-right: 0; } .theme-browser .theme:nth-child(2n), .theme-browser .theme:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 650px) { .theme-overlay .theme-update, .theme-overlay .theme-description { margin-left: 0; } .theme-overlay .theme-actions .delete-theme { position: relative; right: auto; bottom: auto; } .theme-overlay .theme-actions .inactive-theme { display: inline; } .theme-overlay .theme-screenshots { width: 100%; float: none; } .theme-overlay .theme-info { width: 100%; } .theme-overlay .theme-author { margin: 5px 0 15px 0; } .theme-overlay .current-label { margin-top: 10px; font-size: 13px; } .themes-php .wrap h2 { width: 100%; } .themes-php .theme-search { float: none; clear: both; left: 0; top: 0; right: 0; margin: 10px 0; width: 100%; } .theme-browser .theme.add-new-theme span:after { font: normal 60px/90px 'dashicons'; width: 80px; height: 80px; top: 30%; left: 50%; text-indent: 0; margin-left: -40px; } .single-theme .theme-wrap { margin: 0 -12px 0 -10px; padding: 10px; } .single-theme .theme-overlay .theme-about { padding: 10px; overflow: visible; } .single-theme .current-label { display: none; } .single-theme .theme-overlay .theme-actions { position: static; } } .broken-themes { clear: both; } .broken-themes table { text-align: left; width: 50%; border-spacing: 3px; padding: 3px; } /*------------------------------------------------------------------------------ 16.2 - Install Themes ------------------------------------------------------------------------------*/ .theme-install-php h4 { margin: 2.5em 0 8px; } .theme-install-php .tablenav { height: auto; } .theme-install-php .spinner { margin-top: 9px; } .available-theme { display: inline-block; margin-right: 10px; overflow: hidden; padding: 20px 20px 20px 0; vertical-align: top; width: 300px; } .available-theme .screenshot { width: 300px; height: 225px; display: block; border-width: 1px; border-style: solid; margin-bottom: 10px; overflow: hidden; } .available-theme img { width: 300px; } .available-theme h3 { margin: 15px 0 0; } .available-theme .theme-author { line-height: 18px; } .available-theme .action-links { margin-top: 10px; overflow: hidden; } .available-theme a.screenshot:focus { border-color: #777; } .available-theme .action-links li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #dfdfdf; } .available-theme .action-links li { padding-right: 8px; margin-right: 8px; } .ie8 .available-theme .action-links li { padding-right: 7px; margin-right: 7px; } .available-theme .action-links li:last-child { padding-right: 0; margin-right: 0; border-right: 0; } .available-theme .action-links .delete-theme { float: right; margin-left: 8px; margin-right: 0; } .available-theme .action-links .delete-theme a { color: red; padding: 2px; } .available-theme .action-links .delete-theme a:hover { background: red; color: #fff; text-decoration: none; } .available-theme .action-links p { float: left; } /* Allow for three-up in small windows when sidebar is collapsed */ @media only screen and (max-width: 1200px) { .folded .available-theme, .folded .available-theme .screenshot { width: 300px; } .folded .available-theme .screenshot { height: 225px; } } /* Adjust three-up display in smaller windows when sidebar is collapsed */ @media only screen and (max-width: 1079px) { .folded .available-theme, .folded .available-theme .screenshot { width: 270px; } .folded .available-theme .screenshot { height: 203px; } } /* Allow for three-up on 1024px wide screens, e.g. tablets */ @media only screen and (max-width: 1200px) { .available-theme, .available-theme .screenshot { width: 240px; } .available-theme .screenshot { height: 180px; } .available-theme img { width: 100%; } } #post-body ul.add-menu-item-tabs li.tabs a, #TB_window #TB_title a.tb-theme-preview-link, #TB_window #TB_title a.tb-theme-preview-link:visited { font-weight: 600; text-decoration: none; } #TB_window #TB_title { background-color: #222; color: #cfcfcf; } /*------------------------------------------------------------------------------ 16.3 - Custom Header Screen ------------------------------------------------------------------------------*/ .appearance_page_custom-header #headimg { border: 1px solid #DFDFDF; overflow: hidden; width: 100%; } .appearance_page_custom-header #upload-form p label { font-size: 12px; } .appearance_page_custom-header .available-headers .default-header { float: left; margin: 0 20px 20px 0; } .appearance_page_custom-header .random-header { clear: both; margin: 0 20px 20px 0; vertical-align: middle; } .appearance_page_custom-header .available-headers label input, .appearance_page_custom-header .random-header label input { margin-right: 10px; } .appearance_page_custom-header .available-headers label img { vertical-align: middle; } /*------------------------------------------------------------------------------ 16.4 - Custom Background Screen ------------------------------------------------------------------------------*/ div#custom-background-image { min-height: 100px; border: 1px solid #dfdfdf; } div#custom-background-image img { max-width: 400px; max-height: 300px; } /*------------------------------------------------------------------------------ 17.0 - Plugins ------------------------------------------------------------------------------*/ #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 { font-weight: 600; } .plugins p { margin: 0 4px; padding: 0; } .plugins .desc p { margin: 0 0 8px; } .plugins td.desc { line-height: 1.5em; } .plugins .desc ul, .plugins .desc ol { margin: 0 0 0 2em; } .plugins .desc ul { list-style-type: disc; } .plugins .row-actions { font-size: 13px; padding: 0; } .plugins .inactive td, .plugins .inactive th, .plugins .active td, .plugins .active th { padding: 10px 9px; } .plugins .update th, .plugins .update td { border-bottom: 0; } .plugin-update-tr td { border-top: 0; } #wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title { padding-right: 12px; white-space:nowrap; } .plugins .inactive .plugin-title strong { font-weight: 400; } .plugins .second, .plugins .row-actions { padding: 0 0 5px; } .plugins .update .second, .plugins .update .row-actions { padding-bottom: 0; } .plugins-php .widefat tfoot th, .plugins-php .widefat tfoot td { border-top-style: solid; border-top-width: 1px; } .plugin-update-tr .update-message { border: none; font-size: 13px; font-weight: normal; margin: 6px 12px 12px; padding: 6px 12px; } .plugin-update-tr .update-message:before { content: '\f113'; display: inline-block; font: normal 20px/1 'dashicons'; speak: none; margin: 0 8px 0 -2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; } .plugin-install-php h4 { margin: 2.5em 0 8px; } /*------------------------------------------------------------------------------ 18.0 - Users ------------------------------------------------------------------------------*/ #profile-page .form-table textarea { width: 500px; margin-bottom: 6px; } #profile-page .form-table #rich_editing { margin-right: 5px } #your-profile legend { font-size: 22px; } #display_name { width: 15em; } #createuser .form-field input { width: 25em; } .scheme-list { } .color-option { display: inline-block; width: 24%; padding: 5px 15px 15px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 3px; } .color-option:hover, .color-option.selected { background: #ddd; } .color-palette { width: 100%; border-spacing: 0; border-collapse: collapse; } .color-palette td { height: 20px; padding: 0; border: none; } .color-option { cursor: pointer; } /*------------------------------------------------------------------------------ 19.0 - Tools ------------------------------------------------------------------------------*/ body.press-this { color: #333; margin: 0; padding: 0; min-width: 708px; min-height: 400px; } .press-this #titlediv #title { font-size: 1.4em; } .press-this #site-heading:before { top: 3px; position: relative; display: inline-block; font: normal 18px/1 'dashicons'; speak: none; color: #727272; content: '\f120'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pressthis { margin: 20px 0; } .pressthis a, .pressthis a:hover, .pressthis a:focus, .pressthis a:active { display: inline-block; position: relative; cursor: move; color: #333; background: #e6e6e6; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #b4b4b4; font-style: normal; line-height: 16px; font-size: 14px; text-decoration: none; } .pressthis a:active { outline: none; } .pressthis a:hover:after { -webkit-transform: skew(20deg) rotate(9deg); -moz-transform: skew(20deg) rotate(9deg); transform: skew(20deg) rotate(9deg); -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); } .pressthis a span { display: inline-block; margin: 0px 0 0; padding: 0px 12px 8px 9px; } .pressthis a span:before { font: normal 20px/1 'dashicons'; content:'\f157'; position: relative; display: inline-block; top: 4px; margin-right: 4px; } .pressthis a:after { content: ''; width: 70%; height: 55%; z-index: -1; position: absolute; right: 10px; bottom: 9px; background: transparent; -webkit-transform: skew(20deg) rotate(6deg); -moz-transform: skew(20deg) rotate(6deg); transform: skew(20deg) rotate(6deg); -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); } /*------------------------------------------------------------------------------ 20.0 - Settings ------------------------------------------------------------------------------*/ #utc-time, #local-time { padding-left: 25px; font-style: italic; } .defaultavatarpicker .avatar { margin: 2px 0; vertical-align: middle; } .options-general-php .spinner { float: none; margin: -3px 3px; } /*------------------------------------------------------------------------------ 21.0 - Admin Footer ------------------------------------------------------------------------------*/ #wpfooter { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 0; margin-right: 20px; border-top-width: 1px; border-top-style: solid; } #wpfooter p { font-size: 13px; margin: 0; line-height: 20px; } #footer-thankyou { font-style: italic; } #wpfooter a { text-decoration: none; } #wpfooter a:hover { text-decoration: underline; } /*------------------------------------------------------------------------------ 22.0 - About Pages ------------------------------------------------------------------------------*/ .about-wrap { position: relative; margin: 25px 40px 0 20px; max-width: 1050px; /* readability */ font-size: 15px; } .about-wrap div.updated, .about-wrap div.error { display: none !important; } .about-wrap hr { border: 0; height: 0; margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .about-wrap img { margin: 0.5em 0 0.5em 5px; max-width: 100%; } /* Typography */ .about-wrap p { line-height: 1.6em; font-size: 14px; } .about-wrap h1 { margin: 0.2em 200px 0 0; line-height: 1.2em; font-size: 2.8em; font-weight: 400; } .about-wrap .about-text, .about-wrap p.about-description, .about-wrap li.wp-person a.web { font-weight: normal; line-height: 1.6em; font-size: 19px; } .about-description { margin-top: 1.4em; } .about-text { margin: 1em 200px 1em 0; min-height: 60px; font-size: 24px; } .about-wrap .changelog h2.about-headline-callout { margin: 1.1em 0 0.2em; font-size: 2.4em; font-weight: 300; line-height: 1.3; text-align: center; } .about-wrap h3 { margin: 1em 0 .6em; font-size: 1.5em; line-height: 1.5em; } .about-wrap .feature-section h4 { margin: 1.4em 0 0.6em 0; font-size: 1.2em; } .about-wrap .feature-section p { margin-top: 0.6em; } .about-wrap code, .about-wrap ol li p { font-size: 14px; } /* 3.8 Images */ .about-wrap .about-colors-img { bottom: -25px; } .about-wrap .about-themes-img { bottom: -38px; } .about-wrap .about-overview-img { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; } .about-colors-img img, .about-themes-img img { margin: 0 0; padding: 0; line-height: 1; } /* Point Releases */ .about-wrap .point-releases { margin-top: 5px; } .about-wrap .changelog.point-releases h3 { padding-top: 35px; } .about-wrap .changelog.point-releases h3:first-child { padding-top: 7px; } /* WordPress Version Badge */ .wp-badge { background: url('../images/w-logo-white.png?ver=20131202') no-repeat; background: none, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; background-position: center 24px; background-size: 85px 85px; font-size: 14px; text-align: center; font-weight: 600; margin: 5px 0 0; padding-top: 120px; height: 40px; display: inline-block; width: 150px; text-rendering: optimizeLegibility; } .about-wrap .wp-badge { position: absolute; top: 0; right: 0; } /* Tabs */ .about-wrap h2.nav-tab-wrapper { padding-left: 6px; } .about-wrap h2 .nav-tab { padding: 4px 15px 6px; margin: 0 3px -1px 0; font-size: 18px; vertical-align: top; border-width: 1px; } .about-wrap h2 .nav-tab-active { font-weight: bold; } /* Changelog / Update screen */ .about-wrap .feature-section { padding-bottom: 20px; } .about-wrap .feature-section.col { margin-bottom: 0; } .about-wrap .feature-section.center-col > div { margin: auto; width: 60%; } .about-wrap .about-colors .one-col > div { width: 100%; } .about-wrap .feature-section.two-col > div { position: relative; width: 50%; float: left; } .about-wrap .feature-section.three-col > div { position: relative; width: 29.95%; margin-right: 4.999999999%; float: left; } .about-wrap .feature-section.col .last-feature { margin-right: 0; } .about-wrap .about-updates img, .about-wrap .about-twentyfourteen img { margin: 2em 0 0 0; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .about-wrap .about-twentyfourteen img { margin-top: 1em; } .about-wrap .changelog .feature-section { overflow: hidden; } .about-wrap .about-colors .scheme-list { margin-bottom: 1em; } .about-wrap .about-colors .color-option { padding-top: 10px; } .about-wrap .about-colors .color-option label { display: inline-block; margin: 0.25em 0 0.5em; } .about-wrap .feature-section.two-col div p { margin-right: 3%; } .about-wrap .feature-section div p img { float: right; margin-left: 10px; max-width: 20%; } .about-wrap .changelog li { list-style-type: disc; margin-left: 3em; } /* Return to Dashboard Home link */ .about-wrap .return-to-dashboard { margin: 30px 0 0 -5px; font-size: 14px; font-weight: bold; } .about-wrap .return-to-dashboard a { text-decoration: none; padding: 0 5px; } /* Credits */ .about-wrap h4.wp-people-group { margin-top: 2.6em; font-size: 16px; } .about-wrap ul.wp-people-group { overflow: hidden; padding: 0 5px; margin: 0 -15px 0 -5px; } .about-wrap ul.compact { margin-bottom: 0 } .about-wrap li.wp-person { float: left; margin-right: 10px; } .about-wrap li.wp-person img.gravatar { float: left; margin: 0 10px 10px 0; padding: 2px; width: 60px; height: 60px; } .about-wrap ul.compact li.wp-person img.gravatar { width: 30px; height: 30px; } .about-wrap li.wp-person { height: 70px; width: 280px; padding-bottom: 15px; } .about-wrap ul.compact li.wp-person { height: auto; width: 180px; padding-bottom: 0; margin-bottom: 0; } .about-wrap #wp-people-group-validators + p.wp-credits-list { margin-top: 0; } .about-wrap li.wp-person a.web { display: block; margin: 6px 0 2px; font-size: 16px; text-decoration: none; } .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: bold; } .freedoms-php .about-wrap ol p { font-weight: normal; margin: 0.6em 0; } /*------------------------------------------------------------------------------ 23.0 - Full Overlay w/ Sidebar ------------------------------------------------------------------------------*/ body.full-overlay-active { overflow: hidden; } .wp-full-overlay { background: transparent; z-index: 500000; position: fixed; overflow: visible; top: 0; bottom: 0; left: 0; right: 0; height: 100%; min-width: 0; } .wp-full-overlay-sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; width: 300px; height: 100%; top: 0; bottom: 0; left: 0; padding: 0; margin: 0; z-index: 10; overflow: auto; background: transparent; border-right: none; } .wp-full-overlay.collapsed .wp-full-overlay-sidebar { overflow: visible; } .wp-full-overlay.collapsed, .wp-full-overlay.expanded .wp-full-overlay-sidebar { margin-left: 0 !important; } .wp-full-overlay.expanded { margin-left: 300px; } .wp-full-overlay.collapsed .wp-full-overlay-sidebar { margin-left: -300px; } .wp-full-overlay-sidebar:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 3px; z-index: 1000; } .wp-full-overlay-main { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; } .wp-full-overlay-sidebar .wp-full-overlay-header { position: absolute; left: 0; right: 0; height: 45px; padding: 0 15px; line-height: 45px; z-index: 10; margin: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none; } .wp-full-overlay-sidebar .wp-full-overlay-header a.back { margin-top: 9px; } .wp-full-overlay-sidebar .wp-full-overlay-footer { bottom: 0; border-bottom: none; border-top: none; -webkit-box-shadow: none; box-shadow: none; } .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content { position: absolute; top: 45px; bottom: 45px; left: 0; right: 0; overflow: auto; } /* Close Link */ .wp-full-overlay .close-full-overlay { text-decoration: none; } /* Collapse Button */ .wp-full-overlay a.collapse-sidebar { position: absolute; bottom: 12px; left: 0; z-index: 50; display: block; width: 19px; height: 19px; margin-left: 15px; padding: 0; border-radius: 50%; text-decoration: none; } .wp-full-overlay.collapsed .collapse-sidebar { position: absolute; left: 100%; } .wp-full-overlay .collapse-sidebar-arrow { position: static; margin-top: 0; margin-left: 0; display: block; width: auto; height: auto; background: none; } .wp-full-overlay .collapse-sidebar-arrow:before { border-radius: 50%; float: left; content: "\f148"; font: normal 20px/1 'dashicons'; speak: none; 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; } .wp-full-overlay.collapsed .collapse-sidebar-arrow:before, .rtl .wp-full-overlay .collapse-sidebar-arrow:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before { -ms-transform: none; -webkit-transform: none; transform: none; } .wp-full-overlay.collapsed .collapse-sidebar-arrow { background-position: -1px -109px; } .wp-full-overlay .collapse-sidebar-label { position: absolute; left: 100%; line-height: 20px; margin-left: 10px; } .wp-full-overlay.collapsed .collapse-sidebar-label { display: none; } /* Animations */ .wp-full-overlay, .wp-full-overlay-sidebar, .wp-full-overlay .collapse-sidebar, .wp-full-overlay-main { -webkit-transition-property: left, right, top, bottom, width, margin; -moz-transition-property: left, right, top, bottom, width, margin; -ms-transition-property: left, right, top, bottom, width, margin; -o-transition-property: left, right, top, bottom, width, margin; transition-property: left, right, top, bottom, width, margin; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } /*------------------------------------------------------------------------------ 24.0 - Customize Loader ------------------------------------------------------------------------------*/ .no-customize-support .hide-if-no-customize, .customize-support .hide-if-customize, .no-customize-support.wp-core-ui .hide-if-no-customize, .no-customize-support .wp-core-ui .hide-if-no-customize, .customize-support.wp-core-ui .hide-if-customize, .customize-support .wp-core-ui .hide-if-customize { display: none; } #customize-container { display: none; background: #fff; z-index: 500000; position: fixed; overflow: visible; top: 0; bottom: 0; left: 0; right: 0; height: 100%; } .customize-active #customize-container { display: block; } .customize-loading #customize-container iframe { opacity: 0; } .customize-loading #customize-container { background: #fff url('../images/spinner.gif') no-repeat fixed center center; background-size: 20px 20px; } #customize-container iframe, #theme-installer iframe { height: 100%; width: 100%; z-index: 20; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } #customize-container .collapse-sidebar { bottom: 16px; } #customize-controls { margin-top: 0; } #theme-installer { display: none; } #theme-installer.single-theme { display: block; } .install-theme-info { display: none; padding: 10px 20px 20px; } .single-theme .install-theme-info { padding-top: 15px; } #theme-installer .install-theme-info { display: block; } .install-theme-info .theme-install { float: right; margin-top: 18px; } .install-theme-info .theme-name { font-size: 16px; line-height: 24px; margin-bottom: 0; margin-top: 0; } .install-theme-info .theme-screenshot { margin-top: 15px; width: 258px; border: 1px solid #ccc; } .install-theme-info .theme-details { overflow: hidden; } .theme-details .theme-version { margin: 15px 0; float: left; } .theme-details .star-rating { margin: 7px 0; float: right; } .theme-details .theme-description { float: left; color: #777; line-height: 20px; } #theme-installer .wp-full-overlay-header { margin-top: 9px; } #theme-installer .wp-full-overlay-header .theme-install { float: right; /* For when .theme-install is a span rather than a.button-primary (already installed theme) */ line-height: 26px; } #theme-installer .wp-full-overlay-sidebar { background: #EEE; border-right: 1px solid #DDD; } #theme-installer .wp-full-overlay-main { background: #fff url('../images/spinner.gif') no-repeat fixed center center; background-size: 20px 20px; } /*------------------------------------------------------------------------------ 25.0 - Tabbed Admin Screen Interface (Experimental) ------------------------------------------------------------------------------*/ .nav-tab { border-style: solid; border-width: 1px 1px 0; font-size: 12px; line-height: 16px; display: inline-block; padding: 4px 14px 6px; text-decoration: none; margin: -4px 4px -1px 0; } .nav-tab-active { border-width: 1px; } .nav-tab-active, .nav-tab-active:hover { border-bottom-width: 1px; border-bottom-style: solid; } h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 0; padding-left: 10px; } h2 .nav-tab { padding: 6px 10px; font-weight: bold; font-size: 15px; line-height: 24px; } /*------------------------------------------------------------------------------ 26.0 - Misc ------------------------------------------------------------------------------*/ #excerpt, .attachmentlinks { margin: 0; height: 4em; width: 98%; } #template div { margin-right: 190px; } p.pagenav { margin: 0; display: inline; } .pagenav span { font-weight: 600; margin: 0 6px; } .row-title { font-size: 14px !important; font-weight: 600; } .column-author img, .column-username img { float: left; margin-right: 10px; margin-top: 1px; } .row-actions { font-size: 13px; visibility: hidden; padding: 2px 0 0; } tr:hover .row-actions, .mobile .row-actions, .row-actions.visible, div.comment-item:hover .row-actions { visibility: visible; } /* deprecated */ .row-actions-visible { padding: 2px 0 0; } .form-table .pre { padding: 8px; margin: 0; } table.form-table td .updated { font-size: 13px; } .tagchecklist { margin-left: 14px; font-size: 12px; overflow: auto; } .tagchecklist br { display: none; } .tagchecklist strong { margin-left: -8px; position: absolute; } .tagchecklist span { margin-right: 25px; display: block; float: left; font-size: 13px; line-height: 1.8em; white-space: nowrap; cursor: default; } .tagchecklist span a { margin: 1px 0 0 -17px; cursor: pointer; width: 20px; height: 20px; display: block; float: left; text-indent: 0; overflow: hidden; position: absolute; } #poststuff h2 { margin-top: 20px; font-size: 1.5em; margin-bottom: 15px; padding: 0 0 3px; clear: left; } #poststuff h3, .metabox-holder h3 { font-size: 14px; padding: 8px 12px; margin: 0; line-height: 1.4; } #poststuff .inside { margin: 6px 0 0 0; } #poststuff .inside #parent_id, #poststuff .inside #page_template { max-width: 100%; } .inline-edit-row #post_parent, .inline-edit-row select[name="page_template"] { max-width: 80%; } .ie8 #poststuff .inside #parent_id, .ie8 #poststuff .inside #page_template, .ie8 .inline-edit-row #post_parent, .ie8 .inline-edit-row select[name="page_template"] { width: 250px; } #post-visibility-select { line-height: 1.5em; margin-top: 3px; } #poststuff #submitdiv .inside { margin: 0; padding: 0; } .edit-form-section { margin-bottom: 20px; } #templateside ul li a { text-decoration: none; } .tool-box .title { margin: 8px 0; font-size: 18px; font-weight: normal; line-height: 24px; } #sidemenu { margin: -30px 15px 0 315px; list-style: none; position: relative; float: right; padding-left: 10px; font-size: 12px; } #sidemenu a { padding: 0 7px; display: block; float: left; line-height: 28px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; -webkit-transition: none; -moz-transition: 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: normal; padding-left: 6px; padding-right: 6px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-width: 1px; border-style: solid; } #sidemenu li a .count-0 { display: none; } .plugin-install #description, .plugin-install-network #description { width: 60%; } table .vers, table .column-visible, table .column-rating { text-align: left; } .error-message { color: red; 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 ------------------------------------------------------------------------------*/ td.media-icon { text-align: center; width: 80px; padding-top: 8px; padding-bottom: 8px; } td.media-icon img { max-width: 80px; max-height: 60px; } #howto { font-size: 11px; margin: 0 5px; display: block; } .importers td { padding-right: 14px; } .importers { font-size: 16px; width: auto; } #post-body #post-body-content #namediv h3 { margin-top: 0; } #namediv h3 label { vertical-align: baseline; } #namediv table { width: 100%; } #namediv td.first { width: 10px; white-space: nowrap; } #namediv input { width: 98%; } #namediv p { margin: 10px 0; } #submitdiv h3 { margin-bottom: 0 !important; } /* - 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: 2px; } .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; } /*------------------------------------------------------------------------------ 27.0 - Localization ------------------------------------------------------------------------------*/ /* RTL except Hebrew (see below): Tahoma as the first font; */ body.rtl, body.rtl .press-this a.wp-switch-editor { font-family: Tahoma, Arial, sans-serif; } /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ body.locale-he-il, body.locale-he-il .press-this a.wp-switch-editor { font-family: Arial, sans-serif; } /* he_IL: Have be bold rather than italic. */ .locale-he-il em { font-style: normal; font-weight: bold; } /*----------------------------------------------------------------------------- MERGED -------------------------------------------------------------------------------*/ /* dashboard */ .edit-box { display: none; } h3:hover .edit-box { display: inline; } #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 a { text-decoration: none; } #dashboard-widgets h3 a { text-decoration: underline; } #dashboard-widgets h3 .postbox-title-action { position: absolute; right: 10px; padding: 0; top: 5px; } .js #dashboard-widgets h3 .postbox-title-action { right: 33px; } #dashboard-widgets h4 { font-weight: normal; font-size: 14px; margin: 0 0 .2em; padding: 0; } #dashboard_plugins h5 { font-size: 14px; } /* Recent Comments */ #latest-comments #the-comment-list { position: relative; } #activity-widget #latest-comments #the-comment-list .comment-item { padding: 1em 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-item h4 { line-height: 1.5em; margin-top: 0; color: #666; } #latest-comments #the-comment-list .comment-item h4 cite { font-style: normal; font-weight: normal; } #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; } /* QuickDraft */ #title-wrap label { cursor: text; } #title-wrap #title { padding: 2px 6px; font-size: 1.3em; line-height: 100%; outline: none; } #title-wrap #title-prompt-text { font-size: 1.1em; padding: 5px 8px; } /* Feeds */ .rss-widget ul { margin: 0; padding: 0; list-style: none; } a.rsswidget { font-size: 14px; font-weight: 600; line-height: 1.7em; } .rss-widget ul li { line-height: 1.5em; margin-bottom: 12px; } .rss-widget span.rss-date { color: #999; 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 { overflow: hidden; 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: 125px; } #dashboard_browser_nag .browser-icon { margin-top: -35px; } #dashboard_browser_nag.postbox.browser-insecure { background-color: #ac1b1b; border-color: #ac1b1b; } #dashboard_browser_nag.postbox { background-color: #e29808; background-image: none; border-color: #edc048; color: #fff; -webkit-box-shadow: none; box-shadow: none; } #dashboard_browser_nag.postbox.browser-insecure h3 { border-bottom-color: #cd5a5a; color: #fff; } #dashboard_browser_nag.postbox h3 { border-bottom-color: #f6e2ac; background: transparent none; color: #fff; -webkit-box-shadow: none; box-shadow: none; } #dashboard_browser_nag a { color: #fff; } /* Make the browser nags easier to read with Open Sans */ #dashboard_browser_nag h3.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; } /* login */ #loginform p.submit, .login-action-lostpassword p.submit { border: none; margin: -10px 0 20px; /* May want to revisit this */ } .login * { margin: 0; padding: 0; } .login form { margin-top: 20px; margin-left: 0; padding: 26px 24px 46px; font-weight: normal; overflow: hidden; } .login form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0; } .login .button-primary { float: right; } #login form p { margin-bottom: 0; } #login form p.submit { margin: 0; padding: 0; } .login label { color: #777; font-size: 14px; } .login form .forgetmenot label { font-size: 12px; line-height: 19px; } .login h1 { text-align: center; } .login h1 a { background-image: url('../images/w-logo-blue.png?ver=20131202'); background-image: none, url('../images/wordpress-logo.svg?ver=20131107'); background-size: 80px 80px; background-position: center top; background-repeat: no-repeat; color: #999; height: 80px; font-size: 20px; font-weight: normal; line-height: 1.3em; margin: 0 auto 25px; padding: 0; text-decoration: none; width: 80px; text-indent: -9999px; outline: none; overflow: hidden; display: block; } #login { width: 320px; padding: 8% 0 0; margin: auto; } #login_error, .login .message { margin-left: 0; padding: 12px; } .login #nav, .login #backtoblog { font-size: 13px; padding: 0 24px 0; } .login #nav { margin: 24px 0 0 0; } #backtoblog { margin: 16px 0 0 0; } .login form .input, .login input[type="text"] { font-size: 24px; line-height: 1; width: 100%; padding: 3px; margin: 2px 6px 16px 0; } .login #pass-strength-result { width: 250px; font-weight: 600; border-style: solid; border-width: 1px; margin: 12px 0 6px; padding: 6px 5px; text-align: center; } .mobile #login { padding: 20px 0; } .mobile #login form, .mobile #login .message, .mobile #login_error { margin-left: 0; } .mobile #login #nav, .mobile #login #backtoblog { margin-left: 8px; } .mobile #login h1 a { width: auto; } body.interim-login { height: auto; } .interim-login #login { padding: 0; margin: 5px auto 20px; } .interim-login.login h1 a { width: auto; } .interim-login #login_error, .interim-login.login .message { margin: 0 0 16px; } .interim-login.login form { margin: 0; } /* ms */ /* Background Color for Site Status */ .wp-list-table .site-deleted { background: #ff8573; } .wp-list-table .site-spammed { background: #faafaa; } .wp-list-table .site-archived { background: #ffebe8; } .wp-list-table .site-mature { background: #fecac2; } /* nav-menu */ .no-js #message { display: block; } .accordion-section ul.category-tabs, .accordion-section ul.add-menu-item-tabs, .accordion-section ul.wp-tab-bar { margin: 0; } .accordion-section .categorychecklist { margin: 13px 0; } #nav-menu-meta .accordion-section-content { padding: 18px 13px; } #nav-menu-meta .button-controls { margin-bottom: 0; } #nav-menus-frame { margin-left: 300px; margin-top: 23px; } #nav-menus-frame .accordion-section-content .inside { font-size: 14px; } #wpbody-content #menu-settings-column { display:inline; width:281px; margin-left: -300px; clear: both; float: left; padding-top: 0; } #menu-settings-column .inside { clear: both; margin: 10px 0 0; } .metabox-holder-disabled .postbox, .metabox-holder-disabled .accordion-section-content, .metabox-holder-disabled .accordion-section-title { opacity: 0.5; filter: alpha(opacity=50); } .metabox-holder-disabled .button-controls .select-all { display: none; } #wpbody { position: relative; } .blank-slate .menu-name { height: 2em; } .blank-slate .menu-settings { border: none; margin-top: 0; padding-top: 0; overflow: hidden; } .is-submenu { font-style: italic; font-weight: normal; margin-left: 4px; } .manage-menus { margin-top: 23px; padding: 10px; overflow: hidden; } .manage-menus select { float: left; margin-right: 6px; } .manage-menus .selected-menu { float: left; margin: 5px 6px 0 0; } .manage-menus .submit-btn { float: left; margin-top: 1px; } .menu-edit p { margin: .3em 0 .6em; } .menu-edit #post-body-content h3 { margin: 1em 0 10px; } .menu-settings { border-top-width: 1px; border-top-style: solid; margin-top: 2em; } .menu-settings dl { margin: 0 0 10px; overflow: hidden; padding-left: 18%; } .menu-settings dd { float: left; margin: 0; width: 100%; } .menu-settings dt { float: left; clear: both; width: 21.951%; padding: 3px 0 0; margin-left: -21.951%; } .menu-settings label { vertical-align: baseline; } .menu-edit .checkbox-input { margin-top: 4px; } .theme-location-set { font-size: 11px; } /* Menu Container */ #menu-management-liquid { float: left; min-width: 100%; margin-top: 3px; } #menu-management { position: relative; margin-right: 20px; margin-top: -3px; width: 100%; } #menu-management .menu-edit { margin-bottom: 20px; } .nav-menus-php #post-body { padding: 0 10px 10px; border-width: 1px 0; border-style: solid; } #nav-menu-header, #nav-menu-footer { padding: 0 10px; } #nav-menu-header { border-bottom: 1px solid; margin-bottom: 0; } #nav-menu-header .menu-name-label { margin-top: 4px; } .nav-menus-php #post-body div.updated, .nav-menus-php #post-body div.error { margin: 0; } .nav-menus-php #post-body-content { position: relative; float: none; } #menu-management .menu-add-new abbr { font-weight:600; } #select-nav-menu-container { text-align: right; padding: 0 10px 3px 10px; margin-bottom: 5px; } #select-nav-menu { width: 100px; display: inline; } #menu-name-label { margin-top: -2px; } .widefat td.menu-location-menus { padding-bottom: 5px; } .menu-location-menus select { float: left; } #locations-nav-menu-wrapper { padding: 5px 0; } .locations-nav-menu-select select { float: left; width: 160px; margin-right: 5px; } .locations-row-links { float: left; margin: 6px 0 0 6px; } .locations-edit-menu-link, .locations-add-menu-link { margin: 0 3px; } .locations-edit-menu-link { padding-right: 3px; border-right: 1px solid #ccc; } #wpbody .open-label { display: block; float:left; } #wpbody .open-label span { padding-right: 10px; } .js .input-with-default-title { font-style: italic; } #menu-management .inside { padding: 0 10px; } /* Add Menu Item Boxes */ .postbox .howto input, .accordion-container .howto input { width: 180px; float: right; } .accordion-container .outer-border { margin: 0; } .customlinkdiv .howto input { width: 180px; } .customlinkdiv p { margin-top: 0 } #nav-menu-theme-locations .howto select { width: 100%; } #nav-menu-theme-locations .button-controls { text-align: right; } .add-menu-item-view-all { height: 400px; } /* Button Primary Actions */ #menu-container .submit { margin: 0 0 10px; padding: 0; } .nav-menus-php .add-new-menu-action { float: left; margin: 6px 0 0 6px; line-height: 15px; } .nav-menus-php .meta-sep, .nav-menus-php .submitdelete, .nav-menus-php .submitcancel { display: block; float: left; margin: 6px 0; line-height: 15px; } .meta-sep { padding: 0 2px; } #cancel-save { text-decoration: underline; font-size: 12px; margin-left: 20px; margin-top: 5px; } .button.right, .button-secondary.right, .button-primary.right { float: right; } /* Button Secondary Actions */ .list-controls { float: left; margin-top: 5px; } .add-to-menu { float: right; } .postbox .spinner { display: none; vertical-align: middle; } .button-controls { clear:both; margin: 10px 0; } .show-all, .hide-all { cursor: pointer; } .hide-all { display: none; } /* Create Menu */ #menu-name { width: 270px; } #manage-menu .inside { padding: 0px 0px; } /* Custom Links */ #available-links dt { display: block; } #add-custom-link .howto { font-size: 12px; } #add-custom-link label span { display: block; float: left; margin-top: 5px; padding-right: 5px; } .menu-item-textbox { width: 180px; } .nav-menus-php .howto span { margin-top: 6px; display: block; float: left; } /* Menu item types */ .quick-search { width: 190px; } .nav-menus-php .list-wrap { display: none; clear: both; margin-bottom: 10px; } .nav-menus-php .list-container { max-height: 200px; overflow-y: auto; padding: 10px 10px 5px; } .nav-menus-php .postbox p.submit { margin-bottom: 0; } /* Listings */ .nav-menus-php .list li { display: none; margin: 0; margin-bottom: 5px; } .nav-menus-php .list li .menu-item-title { cursor: pointer; display: block; } .nav-menus-php .list li .menu-item-title input { margin-right: 3px; margin-top: -3px; } .menu-item-title input[type=checkbox] { display: inline-block; margin-top: -4px; } /* Nav Menu */ #menu-container .inside { padding-bottom: 10px; } .menu { padding-top:1em; } #menu-to-edit { margin: 0; padding: 0.1em 0; } .menu ul { width: 100%; } .menu li { margin-bottom: 0; position:relative; } .menu-item-bar { clear:both; line-height:1.5em; position:relative; margin: 9px 0 0; } .menu-item-bar .menu-item-handle { border: 1px solid #dfdfdf; position: relative; padding: 10px 15px; height: auto; width: 382px; line-height: 30px; overflow: hidden; word-wrap: break-word; } #menu-to-edit .menu-item-invalid .menu-item-handle { background: #f6c9cc; border-color: #f1acb1; } .no-js .menu-item-edit-active .item-edit { display: none; } .js .menu-item-handle { cursor: move; } .menu li.deleting .menu-item-handle { background-image: none; } .menu-item-handle .item-title { font-size: 13px; font-weight: 600; line-height: 20px; display: block; margin-right: 13em; } /* Sortables */ li.menu-item.ui-sortable-helper dl { margin-top: 0; } li.menu-item.ui-sortable-helper .menu-item-transport dl { margin-top: 13px; } .menu .sortable-placeholder { height: 35px; width: 410px; margin-top: 13px; } /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ .menu-item-depth-0 { margin-left: 0px; } .menu-item-depth-1 { margin-left: 30px; } .menu-item-depth-2 { margin-left: 60px; } .menu-item-depth-3 { margin-left: 90px; } .menu-item-depth-4 { margin-left: 120px; } .menu-item-depth-5 { margin-left: 150px; } .menu-item-depth-6 { margin-left: 180px; } .menu-item-depth-7 { margin-left: 210px; } .menu-item-depth-8 { margin-left: 240px; } .menu-item-depth-9 { margin-left: 270px; } .menu-item-depth-10 { margin-left: 300px; } .menu-item-depth-11 { margin-left: 330px; } .menu-item-depth-0 .menu-item-transport { margin-left: 0px; } .menu-item-depth-1 .menu-item-transport { margin-left: -30px; } .menu-item-depth-2 .menu-item-transport { margin-left: -60px; } .menu-item-depth-3 .menu-item-transport { margin-left: -90px; } .menu-item-depth-4 .menu-item-transport { margin-left: -120px; } .menu-item-depth-5 .menu-item-transport { margin-left: -150px; } .menu-item-depth-6 .menu-item-transport { margin-left: -180px; } .menu-item-depth-7 .menu-item-transport { margin-left: -210px; } .menu-item-depth-8 .menu-item-transport { margin-left: -240px; } .menu-item-depth-9 .menu-item-transport { margin-left: -270px; } .menu-item-depth-10 .menu-item-transport { margin-left: -300px; } .menu-item-depth-11 .menu-item-transport { margin-left: -330px; } body.menu-max-depth-0 { min-width: 950px !important; } body.menu-max-depth-1 { min-width: 980px !important; } body.menu-max-depth-2 { min-width: 1010px !important; } body.menu-max-depth-3 { min-width: 1040px !important; } body.menu-max-depth-4 { min-width: 1070px !important; } body.menu-max-depth-5 { min-width: 1100px !important; } body.menu-max-depth-6 { min-width: 1130px !important; } body.menu-max-depth-7 { min-width: 1160px !important; } body.menu-max-depth-8 { min-width: 1190px !important; } body.menu-max-depth-9 { min-width: 1220px !important; } body.menu-max-depth-10 { min-width: 1250px !important; } body.menu-max-depth-11 { min-width: 1280px !important; } /* Menu item controls */ .item-type { font-size: 12px; padding: 12px 10px; line-height: 18px; display: block; } .item-controls { font-size: 12px; position: absolute; right: 20px; top: -1px; } .item-controls a { text-decoration: none; } .item-controls a:hover { cursor: pointer; } .item-controls .item-order { padding-right: 10px; } .nav-menus-php .item-edit { position: absolute; right: -20px; top: 0; display: block; width: 30px; height: 40px; margin-right: 0 !important; text-indent: 100%; outline: none; overflow: hidden; white-space: nowrap; } /* Menu editing */ .menu-instructions-inactive { display: none; } .menu-item-settings { display: block; width: 402px; padding: 10px 0 10px 10px; position: relative; z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ } .menu-item-settings .field-move a { display: none; margin: 0 2px; } .menu-item-edit-active .menu-item-settings { display: block; } .menu-item-edit-inactive .menu-item-settings { display: none; } .add-menu-item-pagelinks { margin: .5em auto; text-align: center; } .link-to-original { display: block; margin: 0 0 10px; padding: 3px 5px 5px; font-size: 12px; font-style: italic; } .link-to-original a { padding-left: 4px; font-style: normal; } .hidden-field { display: none; } .menu-item-settings .description-thin, .menu-item-settings .description-wide { margin-right: 10px; float: left; } .description-thin { width: 190px; height: 40px; } .description-wide { width: 390px; } .menu-item-actions { padding-top: 15px; } #cancel-save { cursor: pointer; } /* Major/minor publishing actions (classes) */ .nav-menus-php .major-publishing-actions { clear: both; padding: 3px 0 6px; } .nav-menus-php .major-publishing-actions .publishing-action { text-align: right; float: right; line-height: 23px; margin: 4px 0 1px; } .nav-menus-php .blank-slate .menu-settings { display: none; } .nav-menus-php .delete-action { float: left; margin-top: 2px; } .nav-menus-php .submitbox .submitcancel { border-bottom: 1px solid; padding: 1px 2px; text-decoration: none; } .nav-menus-php .major-publishing-actions .form-invalid { padding-left: 4px; margin-left: -4px; border: 0 none; } /* Clearfix */ #menu-item-name-wrap:after, #menu-item-url-wrap:after, #menu-name-label:after, #menu-settings-column .inside:after, #nav-menus-frame:after, .nav-menus-php #post-body-content:after, .nav-menus-php .button-controls:after, .nav-menus-php .major-publishing-actions:after, .nav-menus-php .menu-item-settings:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #nav-menus-frame, .button-controls, #menu-item-url-wrap, #menu-item-name-wrap { display: block; } /* 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: normal; font-style: normal; vertical-align: top; -moz-transition: color .1s ease-in 0; -webkit-transition: color .1s ease-in 0; text-align: center; color: #0074a2; } .star-rating .star-full:before { content:'\f155'; } .star-rating .star-half:before { content:'\f459'; } .star-rating .star-empty:before { content:'\f154'; } div.action-links { font-weight: normal; margin: 6px 0 0; } /* Header on thickbox */ #plugin-information-header { margin: 0; padding: 0 5px; font-weight: 600; position: relative; border-bottom-width: 1px; border-bottom-style: solid; height: 2.5em; } #plugin-information ul#sidemenu { font-weight: normal; margin: 0 5px; position: absolute; left: 0; bottom: -1px; } /* Install sidemenu */ #plugin-information { height: auto; } #plugin-information p.action-button { width: 100%; padding-bottom: 0; margin-bottom: 0; margin-top: 10px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #plugin-information .action-button a { text-align: center; font-weight: 600; text-decoration: none; display: block; line-height: 2em; } #plugin-information h2 { clear: none !important; margin-right: 200px; } #plugin-information .fyi { margin: 0 10px 50px; width: 210px; } #plugin-information .fyi h2 { font-size: 0.9em; margin-bottom: 0; margin-right: 0; } #plugin-information .fyi h2.mainheader { padding: 5px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } #plugin-information .fyi ul { padding: 10px 5px 10px 7px; margin: 0; list-style: none; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } #plugin-information .fyi li { margin-right: 0; } #plugin-information #section-holder { padding: 10px; } #plugin-information .section ul, #plugin-information .section ol { margin-left: 16px; list-style-type: square; list-style-image: none; } #plugin-information #section-screenshots ol { list-style: none; margin: 0; } #plugin-information #section-screenshots li img { vertical-align: text-top; max-width: 100%; width: auto; height: auto; } #plugin-information #section-screenshots li p { font-style: italic; padding-left: 20px; padding-bottom: 2em; } #plugin-information #section-screenshots ol, #plugin-information .updated, #plugin-information pre { margin-right: 215px; } #plugin-information pre { padding: 7px; overflow: auto; border-width: 1px; border-style: solid; } .plugin-version-author-uri { font-size: 13px; } img { border: none; } /* Header */ #wphead { border-bottom-width: 1px; border-bottom-style: solid; } .press-this #wphead { height: 32px; margin-left: 0; margin-right: 0; margin-bottom: 5px; } .press-this #header-logo { float: left; margin: 7px 7px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .press-this #wphead h1 { font-weight: normal; font-size: 16px; line-height: 32px; margin: 0; float: left; } .press-this #wphead h1 a { text-decoration: none; } .press-this #wphead h1 a:hover { text-decoration: underline; } .press-this #message { margin: 10px 0; } .press-this .posting { margin-right: 252px; } .press-this-sidebar { float: right; width: 240px; padding-top: 10px; } .press-this #title { margin-left: 0; margin-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .press-this .tagchecklist { margin-top: 8px; } .press-this #titlediv { margin: 0; } .press-this .wp-media-buttons { cursor: default; padding: 8px 8px 6px; } .press-this .howto { margin-top: 2px; margin-bottom: 3px; font-size: 12px; font-style: italic; display: block; } .press-this #wp-content-editor-container { clear: none; } .press-this #poststuff .inside { margin-top: 18px; } .press-this .category-tabs { margin-bottom: 3px; } /* Editor/Main Column */ .press-this #poststuff { margin: 0 10px 10px; padding: 0; } .press-this #photo-add-url-div input[type="text"] { width: 220px; } #poststuff #editor-toolbar { height: 30px; } div.zerosize { border: 0 none; height: 0; margin: 0; overflow: hidden; padding: 0; width: 0; } .posting { margin-right: 212px; position: relative; } .press-this .inner-sidebar { width: 200px; } .press-this .inner-sidebar .sleeve { padding-top: 5px; } .press-this #submitdiv p { margin: 0; padding: 6px; } .press-this #submitdiv #publishing-actions { border-bottom: 1px solid #dfdfdf; } .press-this #publish { float: right; } .press-this #poststuff h2, .press-this #poststuff h3 { font-size: 14px; line-height: 1; } .press-this #tagsdiv-post_tag h3, .press-this #categorydiv h3 { cursor: pointer; } .press-this #submitdiv h3 { cursor: default; } h3.tb { font-weight: 600; font-size: 12px; margin-left: 5px; } #TB_window { border: 1px solid #333; } .press-this .postbox, .press-this .stuffbox { margin-bottom: 10px; min-width: 0; } .js .meta-box-sortables .postbox:hover .handlediv { margin-right: 0 !important; } /* Metabox collapse arrow indicators */ .js .sidebar-name .sidebar-name-arrow:before, .js .meta-box-sortables .postbox .handlediv:before { right: 12px; font: normal 20px/1 'dashicons'; speak: none; display: inline-block; padding: 8px 10px; top: 0; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } .js #widgets-left .sidebar-name .sidebar-name-arrow { display: none; } .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow, .js #widgets-left .sidebar-name:hover .sidebar-name-arrow { display: block; } /* Show the arrow only on hover */ .js .sidebar-name .sidebar-name-arrow:before, .js .meta-box-sortables .postbox .handlediv:before { content: '\f142'; } .js .widgets-holder-wrap.closed .sidebar-name-arrow:before, .js .meta-box-sortables .postbox.closed .handlediv:before { content: '\f140'; } .press-this #submitdiv:hover .handlediv { background: none; } .tbtitle { font-size: 1.7em; outline: none; padding: 3px 4px; border-color: #dfdfdf; } .press-this .actions { float: right; margin: -19px 0 0; } .press-this #extra-fields .actions { margin: -32px -7px 0 0; } .press-this .actions li { float: left; list-style: none; margin-right: 10px; } #extra-fields .button { margin-right: 5px; } /* Photo Styles */ #photo_saving { margin: 0 8px 8px; vertical-align: middle; } #img_container_container { overflow: auto; } #extra-fields { margin-top: 10px; position: relative; } #extra-fields h2 { margin: 12px; } #waiting { margin-top: 10px; overflow: hidden; } #waiting span { float: right; margin: 0 0 0 5px; } #waiting .spinner { display: block; } #extra-fields .postbox { margin-bottom: 5px; } #extra-fields .titlewrap { padding: 0; overflow: auto; height: 120px; } #img_container a { display: block; float: left; overflow: hidden; } #img_container img, #img_container a { width: 68px; height: 68px; } #img_container img { border: none; background-color: #f4f4f4; cursor: pointer; } #img_container a, #img_container a:link, #img_container a:visited { border: 1px solid #ccc; display: block; position: relative; } #img_container a:hover, #img_container a:active { border-color: #000; z-index: 1000; border-width: 1px; } /* Video */ #embed-code { width: 100%; height: 98px; } /* Categories */ .press-this .categorydiv div.tabs-panel { height: 100px; } /* Tags */ .press-this .tagsdiv .newtag { width: 120px; } .press-this #content { margin: 5px 0; padding: 0 5px; border: 0 none; height: 345px; font-family: Consolas, Monaco, monospace; font-size: 13px; line-height: 19px; background: transparent; } /* Submit */ .press-this #publishing-actions .spinner { display: inline; vertical-align: middle; } #TB_ajaxContent #options { position: absolute; top: 20px; right: 25px; padding: 5px; } #TB_ajaxContent h3 { margin-bottom: .25em; } .error a { text-decoration: underline; } .updated a { text-decoration: none; padding-bottom: 2px; } /* tag hints */ .taghint { color: #aaa; margin: -17px 0 0 7px; visibility: hidden; } input.newtag ~ div.taghint { visibility: visible; } input.newtag:focus ~ div.taghint { visibility: hidden; } /* TinyMCE */ #mce_fullscreen_container { background: #fff; } #photo-add-url-div input[type="text"] { width: 300px; } /* Theme/Plugin Editor */ .alignleft h3 { margin: 0; } #template textarea { font-family: Consolas, Monaco, monospace; font-size: 13px; width: 97%; background: #f9f9f9; outline: none; } #template p { width: 97%; } #templateside { float: right; width: 190px; word-wrap: break-word; } #templateside h3, #postcustomstuff p.submit { margin: 0; } #templateside h4 { margin: 1em 0 0; } #templateside ol, #templateside ul { margin: .5em 0; padding: 0; } #templateside li { margin: 4px 0; } #templateside a, .theme-editor-php .highlight { display: block; padding: 3px 3px 3px 12px; text-decoration: none; } .theme-editor-php .highlight { margin: -3px 3px -3px -12px; } #templateside .highlight { border: none; font-weight: bold; } .nonessential { font-size: 11px; font-style: italic; padding-left: 12px; } #documentation { margin-top: 10px; } #documentation label { line-height: 22px; vertical-align: baseline; font-weight: 600; } .fileedit-sub { padding: 10px 0 8px; line-height: 180%; } .feature-filter { padding: 8px 12px 0; } .feature-filter .feature-group { float: left; margin: 5px 10px 10px; } .feature-filter .feature-group li { display: inline-block; vertical-align: top; list-style-type: none; padding-right: 25px; width: 150px; } /* General Widgets Styles */ .widget { margin: 0 auto 10px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .widget-top { font-size: 13px; font-weight: 600; background: #f7f7f7; } .widget-top a.widget-action, .widget-top a.widget-action:hover { text-decoration: none; } .widget-title h4 { margin: 0; padding: 15px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .widgets-holder-wrap .widget-inside { border-top: none; padding: 1px 15px 15px 15px; line-height: 16px; } /* Widget Dragging Helpers */ .widget.ui-draggable-dragging { min-width: 100%; } .widget.ui-sortable-helper { opacity: 0.8; } .widget-placeholder { border: 1px dashed #bbb; margin: 0 auto 10px; height: 45px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #widgets-right .widget-placeholder { margin-top: 0; } #widgets-right .closed .widget-placeholder { height: 0; border: 0; margin-top: -10px; } /* Widget Sidebars */ .sidebar-name { border: none; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sidebar-name-arrow { position: absolute; top: 0; right: 0; bottom: 0; } .js .sidebar-name { cursor: pointer; } .sidebar-name h3 { margin: 0; padding: 8px 10px; overflow: hidden; white-space: nowrap; } .widgets-holder-wrap .description { padding: 0 0 15px; margin: 0; font-style: normal; color: #777; } #widgets-right .widgets-holder-wrap .description { padding-left: 7px; padding-right: 7px; } /* Widgets 2-col Layout */ div.widget-liquid-left { margin: 0; width: 38%; float: left; } div.widget-liquid-right { float: right; width: 58%; } /* Widgets Left - Available Widgets */ div#widgets-left { padding-top: 12px; } div#widgets-left .closed .sidebar-name, div#widgets-left .inactive-sidebar.closed .sidebar-name { margin-bottom: 10px; } div#widgets-left .sidebar-name h3 { padding: 10px 0; margin: 0 10px 0 0; } div#widgets-left .sidebar-name .sidebar-name-arrow:before { right: 0; top: 4px; padding: 4px 6px 4px 4px; } div#widgets-left .widget-holder { background: transparent; border: none; } #available-widgets .widget-action { display: none; } #available-widgets .widget { margin: 0; } #available-widgets .widget:nth-child(odd) { clear: both; } #available-widgets .widget .widget-description { display: block; padding: 10px 15px; font-size: 12px; } #available-widgets #widget-list { position: relative; } /* Inactive Sidebars */ #widgets-left .inactive-sidebar { clear: both; width: 100%; background: transparent; padding: 0; margin: 0 0 20px 0; border: none; box-shadow: none; } #widgets-left .inactive-sidebar.first { margin-top: 40px; } /* Not sure what this is for... */ div#widgets-left .inactive-sidebar .widget.expanded { left: auto; } .widget-title-action { float: right; position: relative; } div#widgets-left .inactive-sidebar .widgets-sortables { min-height: 42px; padding: 0; background: transparent; margin: 0; position: relative; } /* Widgets Right */ div#widgets-right:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#widgets-right .sidebars-column-1, div#widgets-right .sidebars-column-2 { max-width: 450px; } div#widgets-right .widgets-holder-wrap { margin: 10px 0 0 0; } div#widgets-right .sidebar-description { min-height: 20px; margin-top: -5px; } div#widgets-right .sidebar-name h3 { padding: 15px 7px; } div#widgets-right .sidebar-name .sidebar-name-arrow:before { right: 0; top: 4px; } div#widgets-right .widget-top { padding: 0; } div#widgets-right .widgets-sortables { padding: 0 8px; margin-bottom: 9px; position: relative; min-height: 123px; } div#widgets-right .closed .widgets-sortables { min-height: 0; margin-bottom: 0; } .sidebar-name .spinner { margin: -5px 5px; float: none; } /* Dragging a widget over a closed sidebar */ #widgets-right .widgets-holder-wrap.widget-hover { border-color: #777; box-shadow: 0 1px 2px rgba(0,0,0,0.3); } /* Accessibility Mode */ .widgets_access #widgets-left .widget .widget-top { cursor: auto; } .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description, .widgets_access #wpwrap .widgets-holder-wrap.closed .widget, .widgets_access #wpwrap .widget-control-edit { display: block; } .widgets_access #widgets-left .widget .widget-top:hover, .widgets_access #widgets-right .widget .widget-top:hover { border-color: #ddd; } #available-widgets .widget-control-edit .edit, #widgets-left .inactive-sidebar .widget-control-edit .add, #widgets-right .widget-control-edit .add { display: none; } .widget-control-edit { display: block; color: #666; background: #EEE; padding: 0 15px; line-height: 43px; border-left: 1px solid #DDD; } #widgets-left .widget-control-edit:hover, #widgets-right .widget-control-edit:hover { color: #fff; background: #444; border-left: 0; outline: 1px solid #444; } .widgets-holder-wrap .sidebar-name, .widgets-holder-wrap .sidebar-description { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .editwidget { margin: 0 auto; } .editwidget .widget-inside { display: block; padding: 0 15px; } .editwidget .widget-control-actions { margin-top: 20px; } .js .widgets-holder-wrap.closed .widget, .js .widgets-holder-wrap.closed .sidebar-description, .js .closed br.clear { display: none; } .nav-menus-php .item-edit:before, .widget-top a.widget-action:after, .control-section .accordion-section-title:after, .accordion-section-title:after { right: 0; content: '\f140'; border: none; background: none; font: normal 20px/1 'dashicons'; speak: none; 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; } .widget-top a.widget-action:after { padding: 12px 12px 0; } .nav-menus-php .item-edit:before { line-height: 2.1; } .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 { content: '\f142'; } /* Hide Widget Settings by Default */ .widget-inside, .widget-description { display: none; } /* Dragging widgets over the available widget area show's a "Deactivate" message */ #removing-widget { display: none; font-weight: normal; padding-left: 15px; font-size: 12px; line-height: 1; } .widget-control-noform, #access-off, .widgets_access .widget-action, .widgets_access .sidebar-name-arrow, .widgets_access #access-on, .widgets_access .widget-holder .description, .no-js .widget-holder .description { display: none; } .widgets_access .widget-holder, .widgets_access #widget-list { padding-top: 10px; } .widgets_access #access-off { display: inline; } .widgets_access .sidebar-name, .widgets_access .widget .widget-top { cursor: default; } /* Widgets Area Chooser */ .widget-liquid-left #widgets-left.chooser #available-widgets .widget, .widget-liquid-left #widgets-left.chooser .inactive-sidebar { transition: opacity 0.1s linear; } .widget-liquid-left #widgets-left.chooser #available-widgets .widget, .widget-liquid-left #widgets-left.chooser .inactive-sidebar { /* -webkit-filter: blur(1px); */ opacity: 0.2; pointer-events: none; } .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question { /* -webkit-filter: none; */ opacity: 1; pointer-events: auto; } .widgets-chooser ul.widgets-chooser-sidebars { margin: 0; list-style-type: none; max-height: 300px; overflow: auto; } .widgets-chooser { display: none; } .widgets-chooser ul { border: 1px solid #ccc; } .widgets-chooser li { padding: 10px 15px 10px 35px; border-bottom: 1px solid #ccc; background: #fff; margin: 0; cursor: pointer; outline: none; position: relative; transition: background: 0.2s ease-in-out; } .widgets-chooser li:hover, .widgets-chooser li:focus { background: rgba(255,255,255,0.7); } .widgets-chooser li:focus:before { content: '\f147'; display: block; -webkit-font-smoothing: antialiased; font: normal 26px/1 'dashicons'; color: #999; position: absolute; top: 7px; left: 5px; } .widgets-chooser li:last-child { border: none; } .widgets-chooser li.widgets-chooser-selected { background: #2ea2cc; color: #fff; } .widgets-chooser li.widgets-chooser-selected:before, .widgets-chooser li.widgets-chooser-selected:focus:before { content: '\f147'; display: block; -webkit-font-smoothing: antialiased; font: normal 26px/1 'dashicons'; color: #fff; position: absolute; top: 7px; left: 5px; } .widgets-chooser .widgets-chooser-actions { padding: 10px 0 12px 0; text-align: center; } .widgets-chooser button { margin-right: 5px; } #available-widgets .widget .widget-top { cursor: pointer; } /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */ .ui-sortable, .ui-draggable { -ms-touch-action: none; touch-action: none; } .meta-box-sortables.ui-sortable, .widgets-holder-wrap .ui-draggable, .widgets-holder-wrap .ui-sortable, .menu.ui-sortable { -ms-touch-action: auto; touch-action: auto; } .meta-box-sortables.ui-sortable .hndle, .menu.ui-sortable .menu-item-handle { -ms-touch-action: none; touch-action: none; } /* Accordion */ .accordion-section { border-bottom: 1px solid #dfdfdf; margin: 0; } .accordion-section.open .accordion-section-content, .no-js .accordion-section .accordion-section-content { display: block; } .accordion-section.open:hover { border-bottom-color: #dfdfdf; } .accordion-section-content { display: none; padding: 10px 20px 15px; overflow: hidden; background: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } .accordion-section-title { margin: 0; padding: 12px 15px 15px; position: relative; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; -webkit-user-select: none; -moz-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 { outline: none; } .accordion-section-title:hover:after, .accordion-section-title:focus:after { border-color: #aaa transparent; } .cannot-expand .accordion-section-title { cursor: auto; } .cannot-expand .accordion-section-title:after { display: none; } .control-section .accordion-section-title { border-left: none; border-right: none; padding: 10px 10px 11px 14px; line-height: 21px; background: #fff; } .control-section .accordion-section-title:after { top: 11px; } .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: #222; background: #f5f5f5; } .control-section.open .accordion-section-title { /* When expanded */ border-bottom: 1px solid #dfdfdf; } .sticky-menu #TB_window .updated { margin: 16px 0 0; } li#wp-admin-bar-menu-toggle { display: none; } /* =Media Queries -------------------------------------------------------------- */ @media screen and (max-width: 480px) { div.widget-liquid-left { width: 100%; float: none; border-right: none; padding-right: 0; } #widgets-left .sidebar-name { margin-right: 0; } #widgets-left #available-widgets .widget-top { margin-right: 0; } #widgets-left .inactive-sidebar .widgets-sortables { margin-right: 0; } div.widget-liquid-right { width: 100%; float: none; } } @media only screen and (max-width: 768px) { /* categories */ #col-left { width: 100%; } #col-right { width: 100%; } } @media only screen and (min-width: 769px) { /* categories */ #col-left { width: 35%; } #col-right { width: 65%; } } @media only screen and (max-width: 860px) { /* categories */ #col-left { width: 35%; } #col-right { width: 65%; } } @media only screen and (min-width: 980px) { /* categories */ #col-left { width: 35%; } #col-right { width: 65%; } } @media only screen and (max-width: 768px) { /* categories */ #col-left { width: 100%; } #col-right { width: 100%; } .form-field input, .form-field textarea { width: 99%; } .form-wrap .form-field { padding:0; } /* users */ #profile-page .form-table textarea { max-width: 400px; width: auto; } /* menu locations */ #menu-locations-wrap .widefat { width: 100%; } } @media only screen and (min-width: 1250px) { #widgets-left #available-widgets .widget { width: 49%; float: left; } .widget.ui-draggable-dragging { min-width: 49%; } #widgets-left #available-widgets .widget:nth-child(even) { float: right; } #widgets-right .sidebars-column-1, #widgets-right .sidebars-column-2 { float: left; width: 49%; } #widgets-right .sidebars-column-1 { margin-right: 2%; } #widgets-right.single-sidebar .sidebars-column-1, #widgets-right.single-sidebar .sidebars-column-2 { float: none; width: 100%; margin: 0; } } /** * HiDPI Displays */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { tr.wp-locked .locked-indicator { background-image: url('../images/lock-2x.png'); background-size: 16px 16px; } #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom; background-size: 11px 11px; } .rtl #content-resize-handle, .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom; } /* Back-compat for pre-3.8 */ div.star-holder { background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left; background-size: 21px 37px; } /* Back-compat for pre-3.8 */ div.star-holder .star-rating { background: url('../images/stars-2x.png?ver=20121108') repeat-x top left; background-size: 21px 37px; } .wp-full-overlay .collapse-sidebar-arrow { background-image: url('../images/arrows-2x.png'); background-size: 15px 123px; } .spinner, .imgedit-wait, .customize-loading #customize-container, .revision-tick.completed-false, #theme-installer .wp-full-overlay-main { background-image: url('../images/spinner-2x.gif'); } } /* =Localized CSS -------------------------------------------------------------- */ /* zh_CN: Remove italic properties. */ .locale-zh-cn .howto, .locale-zh-cn .tablenav .displaying-num, .locale-zh-cn .js .input-with-default-title, .locale-zh-cn .link-to-original, .locale-zh-cn .inline-edit-row fieldset span.title, .locale-zh-cn .inline-edit-row fieldset span.checkbox-title, .locale-zh-cn #utc-time, .locale-zh-cn #local-time, .locale-zh-cn p.install-help, .locale-zh-cn p.help, .locale-zh-cn p.description, .locale-zh-cn span.description, .locale-zh-cn .form-wrap p { font-style: normal; } /* zh_CN: Enlarge dashboard widget 'Configure' link */ .locale-zh-cn .hdnle a { font-size: 12px; } /* zn_CH: Enlarge font size, set font-size: normal */ .locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; } /* Zn_CH: Distraction free writing. * More beautiful font for "Just write." * Larger text for HTML/Visual mode. */ .locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; } .locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; } /* zh_CN: Enlarge font-size. */ .locale-zh-cn #sort-buttons { font-size: 1em !important; } /* de_DE: Text needs more space for translation */ .locale-de-de .inline-edit-row fieldset label span.title { width: 7em; /* default 5em */ } .locale-de-de .inline-edit-row fieldset label span.input-text-wrap { margin-left: 7em; /* default 5em */ } .locale-de-de #customize-header-actions .button { padding: 0 5px 1px; /* default 0 10px 1px */ } .locale-de-de #customize-header-actions .spinner { margin: 16px 3px 0; /* default 16px 4px 0 5px */ } /* ru_RU: Text needs more room to breathe. */ .locale-ru-ru .inline-edit-row fieldset label span.title { width: 8em; /* default 5em */ } .locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap { margin-left: 8em; /* default 5em */ } .locale-ru-ru.press-this .posting { margin-right: 277px; /* default 252px + 25px */ } .locale-ru-ru .press-this-sidebar { width: 265px; /* default 240px + 25px */ } .locale-ru-ru #customize-header-actions .button { padding: 0 5px 1px; /* default 0 10px 1px */ } .locale-ru-ru #customize-header-actions .spinner { margin: 16px 3px 0; /* default 16px 4px 0 5px */ } /* lt_LT: QuickEdit */ .locale-lt-lt .inline-edit-row fieldset label span.title { width: 8em; } .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { margin-left: 8em; } @-ms-viewport { width: device-width; } @media screen and ( max-width: 782px ) { html.wp-toolbar { padding-top: 46px; } body { min-width: 240px; overflow-x: hidden; } body * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } #wpwrap { background: #f0f0f0; } #wpcontent, .auto-fold #wpcontent { position: relative; margin-left: 0; padding-left: 10px; } .wrap { margin-right: 12px; margin-left: 0; } .col-wrap { padding: 0; } .sticky-menu #adminmenuwrap { position: relative; z-index: auto; top: 0; } /* Hidden Elements */ #screen-meta, #screen-meta-links, #collapse-menu, .post-format-select { display: none !important; } /* Input Elements */ textarea { -webkit-appearance: none; } input[type=text], input[type=search], input[type=password], input[type=number] { -webkit-appearance: none; padding: 6px 10px; } input.code { padding-bottom: 5px; padding-top: 10px; } input[type=checkbox], .widefat th input[type=checkbox] { -webkit-appearance: none; padding: 10px; } .widefat th input[type=checkbox] { margin-bottom: 8px; } input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before { font: normal 30px/1 'Dashicons'; margin: -3px -5px; } input[type=radio], input[type=checkbox] { height: 25px; width: 25px; } .wp-admin p input[type=checkbox], .wp-admin p input[type=radio] { margin-top: -3px; } input[type=radio]:checked:before { vertical-align: middle; width: 9px; height: 9px; margin: 7px; line-height: 16px; } .wp-upload-form input[type=submit] { margin-top: 10px; } #wpbody select { height: 36px; font-size: 16px; } .wp-admin .button-cancel { padding: 0; font-size: 14px; } .wrap .add-new-h2, .wrap .add-new-h2:active { padding: 10px 15px; font-size: 14px; } .wp-color-result { height: auto; padding-left: 45px; } .wp-color-result:after { font-size: 14px; height: auto; padding: 6px 14px; } #createuser .form-field input { width: 100%; } /* Feedback Messages */ .wrap div.updated, .wrap div.error, .media-upload-form div.error { margin: 20px 0 10px 0; padding: 5px 10px; font-size: 14px; line-height: 175%; } /* Sidebar Adjustments */ .auto-fold #adminmenu, .auto-fold #adminmenuback, .auto-fold #adminmenuwrap { position: absolute; left: 0; z-index: 100; } .auto-fold #adminmenuback, .auto-fold #adminmenuwrap { left: -200px; } .auto-fold #adminmenuwrap, .auto-fold #adminmenu, .auto-fold #adminmenuback { width: 190px; } .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 { display: block; margin-left: 35px; } /* 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 { 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; -webkit-box-shadow: none; 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 { 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; } /* Remove submenu headers and adjust sub meu*/ #adminmenu .wp-submenu .wp-submenu-head { display: none; } /* Sidebar Toggle */ #wp-responsive-toggle { position: fixed; top: 5px; left: 4px; padding-right: 10px; z-index: 99999; border: none; box-sizing: border-box; -moz-box-sizing: border-box; } .wrap .icon32 + h2 { margin-top: -2px; } .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: #333; } .wp-responsive-open #wpbody { right: -190px; } .auto-fold .wp-responsive-open #adminmenuback, .auto-fold .wp-responsive-open #adminmenuwrap { left: 0; } /* General New Post Form */ #post-body-content { min-width: 0; } #titlediv #title-prompt-text, #wp-fullscreen-title-prompt-text { padding: 10px 10px; } .post-format-options { padding-right: 0; } .post-format-options a { margin-right: 5px; margin-bottom: 5px; min-width: 52px; } .post-format-options .post-format-title { font-size: 11px; } .post-format-options a div { height: 28px; width: 28px; } .post-format-options a div:before { font-size: 26px !important; } /* General Metabox */ .postbox { font-size: 14px; } #poststuff h3, .metabox-holder h3 { padding: 12px; } .postbox .handlediv { margin-top: 3px; } /* Publish Metabox Options */ #post-visibility-select { line-height: 280%; } .wp-core-ui .save-post-visibility, .wp-core-ui .save-timestamp { vertical-align: middle; margin-right: 15px; } .timestamp-wrap select#mm { display: block; width: 100%; margin-bottom: 10px; } .timestamp-wrap #jj, .timestamp-wrap #aa, .timestamp-wrap #hh, .timestamp-wrap #mn { padding: 12px 3px; font-size: 14px; margin-bottom: 5px; width: auto; text-align: center; } /* Categories Metabox */ ul.category-tabs { margin: 30px 0 15px; } ul.category-tabs li.tabs { padding: 15px; } .press-this ul.category-tabs li.tabs { padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */ } ul.categorychecklist li { margin-bottom: 15px; } ul.categorychecklist ul { margin-top: 15px; } .category-add input[type=text], .category-add select { max-width: none; margin-bottom: 15px; } /* Tags Metabox */ .tagsdiv .newtag { width: 100%; padding: 25px 10px; margin-bottom: 15px; } .tagchecklist { margin: 25px 10px; } .tagchecklist span { font-size: 16px; line-height: 120%; } /* Revisions */ #diff-next-revision, #diff-previous-revision { margin-top: -1em; } table.diff { -ms-word-break: break-all; word-break: break-all; word-wrap: break-word; } /* Discussion */ #commentstatusdiv p { line-height: 2.8; } /* TinyMCE Adjustments */ .mceToolbar * { white-space: normal !important; } .mceToolbar tr, .mceToolbar td { float: left !important; } .wp_themeSkin a.mceButton { width: 30px; height: 30px; } .wp_themeSkin .mceButton .mceIcon { margin-top: 5px; margin-left: 5px; } .wp_themeSkin .mceSplitButton { margin-top: 1px; } .wp_themeSkin .mceSplitButton td a.mceAction { padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 3px; } .wp_themeSkin .mceSplitButton td a.mceOpen, .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen { padding-top: 6px; padding-bottom: 6px; background-position: 1px 6px; } .wp_themeSkin table.mceListBox { margin: 5px; } div.quicktags-toolbar input { padding: 10px 20px; } #wp-content-editor-tools { overflow: hidden; padding: 20px 15px 1px 0; top: 1px; } a.wp-switch-editor { font-size: 16px; line-height: 1em; margin: 3px 0 0 7px; padding: 12px 15px; } #wp-content-media-buttons a { font-size: 16px; line-height: 37px; height: 39px; padding: 0 20px 0 15px; } .wp-media-buttons span.wp-media-buttons-icon, .wp-media-buttons span.jetpack-contact-form-icon { width: 22px !important; margin-top: -3px !important; margin-left: -5px !important; } .wp-media-buttons .add_media span.wp-media-buttons-icon:before, .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before { font-size: 20px !important; } #content_wp_fullscreen { display: none; } .misc-pub-section { padding: 20px 10px 20px; } .misc-pub-section > a { float: right; font-size: 16px; } #delete-action, #publishing-action { line-height: 47px; } /* Subsubsub Nav */ .subsubsub { font-size: 16px; text-align: center; margin-bottom: 15px; } /* WP List Table Options & Filters */ .tablenav { height: auto; } .tablenav.top { margin: 0; } .tablenav.bottom { position: relative; margin-top: 15px; } .tablenav br { display: none; } .tablenav br.clear { display: block; } #wpbody-content { padding-bottom: 100px; } p.search-box { float: none; position: absolute; bottom: 0; width: 98%; height: 90px; margin-bottom: 20px; } p.search-box input[name="s"] { height: auto; float: none; width: 100%; margin-bottom: 10px; vertical-align: middle; -webkit-appearance: none; } p.search-box input[type="submit"] { margin-bottom: 10px; } .tablenav.top .actions, .view-switch { display: none; } /* Pagination */ .tablenav.top .displaying-num { display: none; } .tablenav.bottom .displaying-num { position: absolute; right: 0; top: 10px; font-size: 14px; } .tablenav-pages { width: 100%; text-align: center; margin: 0 0 25px; } .tablenav.bottom .tablenav-pages { margin-top: 25px; } .tablenav.top .tablenav-pages.one-page { display: none; } .tablenav.bottom .tablenav-pages.one-page { margin: 15px 0 0 0; height: 0; } .tablenav-pages .pagination-links .paging-input { font-size: 18px; } .tablenav-pages .pagination-links a { padding: 8px 20px 11px; font-size: 18px; background: rgba(0, 0, 0, 0.05); } .tablenav-pages .pagination-links .current-page { padding: 10px; font-size: 14px; } /* WP List Table Adjustments: General */ .form-wrap > p { display: none; } .comment-count { font-size: 14px; } /* Columns to hide */ .fixed .column-date, .fixed .column-author, .column-categories, .column-tags, .tags .column-description, .media .column-parent, .users .column-email, .users .column-name, .sites .column-registered, .sites .column-users { display: none; } /* Posts */ .column-title { width: 85%; } .fixed .column-comments, .widefat .check-column { width: 35px } .widefat thead .check-column, .widefat tfoot .check-column { padding: 10px 0 10px; } .widefat * { word-wrap: normal; } /* Quick Edit and Bulk Edit */ #wpbody-content .quick-edit-row-post .inline-edit-col-left, #wpbody-content .quick-edit-row-post .inline-edit-col-right, #wpbody-content .inline-edit-row-post .inline-edit-col-center, #wpbody-content .quick-edit-row-page .inline-edit-col-left, #wpbody-content .quick-edit-row-page .inline-edit-col-right, #wpbody-content .bulk-edit-row-post .inline-edit-col-right, #wpbody-content .bulk-edit-row .inline-edit-col-left, #wpbody-content .bulk-edit-row-page .inline-edit-col-right, #wpbody-content .bulk-edit-row .inline-edit-col-bottom { float: none; width: 100%; } #wpbody-content .quick-edit-row fieldset .inline-edit-col label, #wpbody-content .quick-edit-row fieldset .inline-edit-group label, #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { max-width: none; float: none; margin-bottom: 5px; } #wpbody .bulk-edit-row fieldset select { display: block; width: 100%; max-width: none; -moz-box-sizing: border-box; box-sizing: border-box; } .inline-edit-row fieldset ul.cat-checklist label, .inline-edit-row #bulk-titles div { font-size: 16px; } .inline-edit-row fieldset label span.title { float: none; } .inline-edit-row fieldset label.inline-edit-tags { padding: 0 0.5em; } .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { padding: 0; } .inline-edit-row fieldset label span.input-text-wrap { margin-left: 0; } .inline-edit-row fieldset input[name=jj], .inline-edit-row fieldset input[name=hh], .inline-edit-row fieldset input[name=mn] { width: 3em; } .inline-edit-row fieldset input[name=aa] { width: 4.5em; } #bulk-titles div { margin: 0.8em 0.3em; } #bulk-titles div a { height: 22px; } /* Taxonomies */ .tags .column-posts { width: 50px; } .tags .column-slug { width: 30%; } /* Comments */ .comments .column-response { width: 35%; } /* Users */ .users .column-role { width: 35%; } /* Network admin sites */ .sites .column-blogname { width: 55%; } /* Updates */ #wpbody-content #update-themes-table .plugin-title { width: auto; } /* Form Tables */ .form-table { -moz-box-sizing: border-box; box-sizing: border-box; } .form-table th, .form-table td { display: block; width: auto; vertical-align: middle; } .form-table .color-palette td { display: table-cell; width: 15px; } .form-table table.color-palette { margin-right: 10px; } textarea, input { font-size: 16px; } .form-table td input[type="text"], .form-table td input[type="password"], .form-table td select, .form-table td textarea, .form-table span.description, #profile-page .form-table textarea { width: 100%; font-size: 16px; line-height: 1.5; padding: 7px 10px; display: block; max-width: none; box-sizing: border-box; -mox-box-sizing: border-box; } input[type=text].small-text, input[type=search].small-text, input[type=password].small-text, input[type=number].small-text, input[type="number"].small-text, .form-table input[type=text].small-text { width: auto; max-width: 55px; display: inline; padding: 3px 6px; margin: 0 3px; } #pass-strength-result { width: 100%; box-sizing: border-box; -mox-box-sizing: border-box; padding: 8px; } .form-table span.description { padding: 4px 0 0; line-height: 1.4em; } .form-table th { padding-top: 10px; padding-bottom: 0; border-bottom: 0; } .form-table td { padding-top: 8px; padding-left: 0; } .form-table input.regular-text { width: 100%; } .form-table label { font-size: 14px; } .form-table fieldset label { display: block; } #utc-time { margin-top: 10px; } #utc-time, #local-time { display: block; float: none; padding: 0; line-height: 2; } /* Add/Edit Media */ .wp_attachment_details label[for="content"] { font-size: 14px; line-height: 1.5em; } /* Links */ .link-manager-php #posts-filter { margin-top: 25px; } .link-manager-php .tablenav.bottom { overflow: hidden; } .links-table #link_rel { max-width: none; } .links-table th, .links-table td { padding: 10px 0; } /** * Nav Menus * ---------------------------------------------------------------------------- */ body.nav-menus-php { min-width: 0 !important; } #nav-menus-frame { margin-left: 0; float: none; width: 100%; } #wpbody-content #menu-settings-column { display: block; width: 100%; float: none; margin-left: 0; } #side-sortables .add-menu-item-tabs { margin: 15px 0 14px; } ul.add-menu-item-tabs li.tabs { padding: 13px 15px 14px; } .nav-menus-php .item-controls .item-type { margin-top: 2px; } .nav-menus-php .customlinkdiv .howto input { width: 65%; } .nav-menus-php .quick-search { width: 85%; } #menu-management-liquid { margin-top: 25px; } .nav-menus-php .menu-name-label.howto span { margin-top: 13px } .menu-name-label #menu-name { margin-top: 4px; } .nav-menus-php .major-publishing-actions .publishing-action { margin-top: 6px; } .nav-menus-php .delete-action { font-size: 14px; line-height: 50px; margin-top: 12px; } .menu-item-bar .menu-item-handle, .menu-item-settings, .description-wide { width: auto; } .menu-item-settings { padding: 10px; } .menu-item-settings .description-thin, .menu-item-settings .description-wide { width: 100%; height: auto; } .menu-item-settings input { width: 100%; } .menu-settings dl { padding-left: 0; } .menu-settings dd { float: none; width: 100%; margin-bottom: 15px; } .menu-settings dt { float: none; width: auto; margin-left: 0; margin-bottom: 15px; } .available-theme .action-links .delete-theme { float: none; margin: 0; padding: 0; clear: both; } .available-theme .action-links .delete-theme a { padding: 0; } /* Widget Management Page (Needs UX work on mobile) */ #templateside { float: none; width: auto; } #templateside li { margin: 0; } #templateside li a { display: block; padding: 5px; } #templateside .highlight { padding: 5px; margin-left: -5px; margin-top: -5px; } #template div { float: none; margin: 0; width: auto; } #template textarea { width: 100%; } .fileedit-sub .alignright { margin-top: 15px; } /* Plugin/Theme Management Page */ .wp-list-table.plugins { position: relative; margin-top: 35px; margin-bottom: 50px; } .wp-list-table.plugins thead .column-description, #wpbody-content .wp-list-table.plugins tfoot .column-description, .wp-list-table.plugins th#description { display: none; } #wpbody-content .wp-list-table.plugins, #wpbody-content .wp-list-table.plugins thead, #wpbody-content .wp-list-table.plugins tbody, #wpbody-content .wp-list-table.plugins tr, #wpbody-content .wp-list-table.plugins .column-description, #wpbody-content .wp-list-table.plugins .plugin-title, #wpbody-content .wp-list-table.plugins .theme-title, #wpbody-content .wp-list-table.plugins .plugin-update, #wpbody-content .wp-list-table.plugins .manage-column.column-name { display: block; width: auto; } .wp-list-table.plugins thead, .wp-list-table.plugins tfoot { position: absolute; top: -35px; left: 0; right: 0; width: auto; height: 35px; } .wp-list-table.plugins tfoot { bottom: -35px; top: auto; } .active, .inactive { padding-top: 0; } .wp-list-table.plugins .plugin-title, .wp-list-table.plugins .theme-title { padding-top: 13px; padding-bottom: 4px; } .plugins tr.active + tr.inactive th.check-column, .plugins tr.active + tr.inactive td, .wp-list-table.plugins .plugin-title, .wp-list-table.plugins .theme-title, .wp-list-table.plugins tbody th { box-shadow: none; -webkit-box-shadow: none; } .plugins tbody { padding: 1px 0 0; } .plugins tr.active + tr.inactive td.column-description { -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .plugins tr.active + tr.inactive th.check-column, .plugins tr.active + tr.inactive td { border-top: none; } .wp-list-table.plugins .column-description { padding-top: 0; } .wp-list-table.plugins .manage-column.column-name, .wp-list-table.plugins .column-description, .wp-list-table.plugins .plugin-title, .wp-list-table.plugins .theme-title { padding-right: 12px; padding-left: 46px; } .wp-list-table.plugins tr { position: relative; } .wp-list-table.plugins th.check-column, .wp-list-table.plugins tr.update th.check-column { position: absolute; height: auto; top: 0; bottom: 0; left: 0; padding-left: 2px; padding-top: 18px; } .wp-list-table.plugins thead th.check-column, .wp-list-table.plugins tfoot th.check-column { padding-left: 3px; padding-top: 11px; background: none; } .widefat tbody th.check-column input[type="checkbox"] { margin-top: -3px; margin-left: 9px; } .wp-list-table.plugins .active .check-column input, .wp-list-table.plugins .update .check-column input { margin-left: 6px; } .wp-list-table.plugins thead .check-column input, .wp-list-table.plugins tfoot .check-column input { margin-top: -6px; } .wp-list-table.plugins .active th.check-column { background: none; } .wp-list-table.plugins .plugin-title strong, .wp-list-table.plugins .theme-title strong { font-size: 1.4em; line-height: 1.6em; } /* Add New plugins page */ table.plugin-install .column-name, table.plugin-install .column-version, table.plugin-install .column-rating, table.plugin-install .column-description { display: block; width: auto; } table.plugin-install th.column-name, table.plugin-install th.column-version, table.plugin-install th.column-rating, table.plugin-install th.column-description { display: none; } table.plugin-install td.column-name strong { font-size: 1.4em; line-height: 1.6em; } table.plugin-install #the-list td { -webkit-box-shadow: none; box-shadow: none; } table.plugin-install #the-list tr { display: block; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); } /* Dashboard */ #dashboard_recent_comments #the-comment-list .comment-item .avatar { height: 30px; width: 30px; margin: 4px 10px 5px 0; } /* About Page */ .about-wrap .feature-section.one-col > div, .about-wrap .feature-section.two-col > div, .about-wrap .three-col.about-updates > div { width: 100%; margin: 0; float: none; } .about-wrap .about-colors .color-option { width: 49%; } /* Moderate Comment */ .comment-ays { border-bottom: none; } #wpfooter { display: none; } #comments-form .checkforspam { display: none; } /* Reset responsive styles in Press This */ .press-this a.wp-switch-editor { font: 13px/19px "Open Sans", sans-serif; margin: 5px 0 0 5px; padding: 3px 8px 4px; } .press-this #wp-content-media-buttons a { padding: 0; line-height: normal; height: auto; } .press-this #wp-content-editor-tools { padding: 0; top: 3px; } .press-this .category-tabs { margin-top: 0; } .press-this .tagsdiv .newtag { width: 120px; padding: 3px 5px; margin-bottom: 0; } .press-this .tagchecklist { padding: 0; margin-bottom: 0; } .press-this .wp_themeSkin a.mceButton { width: 20px; height: 20px; } .press-this .wp_themeSkin .mceButton .mceIcon { margin: 0; } .press-this #poststuff h3, .press-this .metabox-holder h3 { padding: 7px 12px; } .interim-login input[type=checkbox], .press-this input[type=checkbox], .press-this input[type=radio] { height: 16px; width: 16px; } .interim-login input[type=checkbox]:checked:before, .press-this input[type=checkbox]:checked:before { width: 16px; font: normal 21px/1 'dashicons'; margin: -3px 0 0 -4px; } .press-this input[type=radio]:checked:before { font: normal 21px/1 'dashicons'; width: 6px; height: 6px; margin: 4px; } .press-this ul.categorychecklist ul, .press-this ul.categorychecklist li { margin-top: 0; margin-bottom: 0; } .press-this div.quicktags-toolbar input { padding: 2px 4px; } .press-this textarea, .press-this input { font-size: 14px; } .press-this .tagchecklist span { font-size: 13px; line-height: 1.8em; } } @media only screen and (max-width: 500px) { .about-wrap { margin-right: 20px; margin-left: 10px; } .about-wrap h1, .about-text { margin-right: 0; } .about-text { margin-bottom: 0.25em; } .about-wrap .wp-badge { position: relative; margin-bottom: 1.5em; width: 100%; } .about-wrap .feature-section.three-col div { width: 100%; float: none; } .about-wrap .three-col.about-updates .col-1 { padding: 0; float: none; } .about-wrap .three-col.about-updates .col-2 { margin: 0 0 20px; width: 100%; float: none; } /* Align Add Media + Visual + Text tabs */ #wp-content-media-buttons a { font-size: 14px; padding: 0 10px 0 10px; } } @media screen and ( max-width: 782px ) { #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; } 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; -moz-box-sizing: border-box; } } /* Smartphone */ @media screen and (max-width: 600px) { #adminmenuwrap, #adminmenuback { display: none; } .wp-responsive-open #adminmenuwrap, .wp-responsive-open #adminmenuback { display: block; } /* 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; } #wpbody { padding-top: 46px; } .auto-fold #adminmenu { top: 46px; } #wp-responsive-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 400; } /* Keep the close icon from overlapping the Welcome text. */ .welcome-panel .welcome-panel-close { overflow: hidden; text-indent: 100%; white-space: nowrap; width: 20px; height: 20px; right: 0; padding: 5px; } /* Make the close icon larger for tappability. */ #welcome-panel.welcome-panel .welcome-panel-close::before { font-size: 20px; margin: 0; } /* Keep full-width boxes on Edit Post page from causing horizontal scroll */ div#post-body.metabox-holder.columns-1 { overflow-x: hidden; } /* Color Picker Options */ .color-option { width: 49%; } }