X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/61343b82c4f0da4c68e4c6373daafff4a81efdd1..256a3b381f63716209b3527d0a14442ae570c283:/wp-admin/css/wp-admin-rtl.css diff --git a/wp-admin/css/wp-admin-rtl.css b/wp-admin/css/wp-admin-rtl.css index 3061592a..044e61ff 100644 --- a/wp-admin/css/wp-admin-rtl.css +++ b/wp-admin/css/wp-admin-rtl.css @@ -1,7 +1,7 @@ /*------------------------------------------------------------------------------ -Hello, this is the RTL version of the main WordPress admin CSS file. +Hello, this is the main WordPress admin CSS file. All the important stuff is in here. @@ -14,6 +14,7 @@ TABLE OF CONTENTS: 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 @@ -23,2909 +24,13053 @@ TABLE OF CONTENTS: 11.1 - Custom Fields 11.2 - Post Revisions 11.3 - Featured Images - 11.4 - Post formats + 11.4 - Post Format Selection 12.0 - Categories 13.0 - Tags 14.0 - Media Screen - 14.1 - Media Uploader + 14.1 - Media Library 14.2 - Image Editor 15.0 - Comments Screen 16.0 - Themes - 16.1 - Custom Header - 16.2 - Custom Background - 16.3 - Tabbed Admin Screen Interface + 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 - Misc -24.0 - Dead -25.0 - TinyMCE tweaks -26.0 - Full Overlay w/ Sidebar -27.0 - Customize Loader -28.0 - Nav Menus -29.0 - HiDPI +23.0 - Full Overlay w/ Sidebar +24.0 - Customize Loader +25.0 - Tabbed Admin Screen Interface +26.0 - Misc +27.0 - Localization +------------------------------------------------------------------------*/ -------------------------------------------------------------------------------*/ - - -/*------------------------------------------------------------------------------ - 1.0 - Text Styles -------------------------------------------------------------------------------*/ +/* 2 column liquid layout */ +#wpwrap { + height: auto; + min-height: 100%; + width: 100%; + position: relative; + -webkit-font-smoothing: subpixel-antialiased; +} -ol { - margin-left: 0; - margin-right: 2em; +#wpcontent { + height: 100%; } -.code, code { - font-family: monospace; - direction: ltr; +#wpcontent, +#wpfooter { + margin-right: 180px; } -.quicktags, .search { - font: 12px Tahoma, Arial, sans-serif; +.folded #wpcontent, +.folded #wpfooter { + margin-right: 56px; } -.icon32 { +#wpbody-content { + padding-bottom: 65px; float: right; - margin-right: 0; - margin-left: 8px; + width: 100%; + overflow: visible !important; } -.icon16 { - float: right; - margin-right: -8px; - margin-left: 0; +#adminmenuback, +#adminmenuwrap, +#adminmenu, +#adminmenu .wp-submenu { + width: 160px; } -.howto { - font-style: normal; - font-family: Tahoma, Arial, sans-serif; +#adminmenuback { + position: absolute; + top: 0; + bottom: 0; + z-index: -1; } -p.install-help { - font-style: normal; +#adminmenu { + clear: right; + margin: 12px 0 0; + padding: 0; + list-style: none; } +.folded #adminmenuback, +.folded #adminmenuwrap, +.folded #adminmenu, +.folded #adminmenu li.menu-top { + width: 36px; +} -/*------------------------------------------------------------------------------ - 2.0 - Forms -------------------------------------------------------------------------------*/ +/* inner 2 column liquid layout */ -#doaction, -#doaction2, -#post-query-submit { - margin-right: 0; - margin-left: 8px; +.inner-sidebar { + float: left; + clear: left; + display: none; + width: 281px; + position: relative; } -#timezone_string option { - margin-left: 0; - margin-right: 1em; +.columns-2 .inner-sidebar { + margin-left: auto; + width: 286px; + display: block; } -#pass-strength-result { - float: right; - margin: 13px 1px 5px 5px; +.inner-sidebar #side-sortables, +.columns-2 .inner-sidebar #side-sortables { + min-height: 300px; + width: 280px; + padding: 0; } -p.search-box { - float: left; +.has-right-sidebar .inner-sidebar { + display: block; } -.search-box input[name="s"], -#search-plugins input[name="s"], -.tagsdiv .newtag { +.has-right-sidebar #post-body { float: right; - margin-right: 0; - margin-left: 4px; + clear: right; + width: 100%; + margin-left: -2000px; } -input[type=password] { - direction: ltr; +.has-right-sidebar #post-body-content { + margin-left: 300px; + float: none; + width: auto; } -input[type="text"].ui-autocomplete-loading { - background: transparent url('../images/loading.gif') no-repeat left center; -} +/* 2 columns main area */ -ul#add-to-blog-users { - margin: 0 14px 0 0; +#col-container, +#col-left, +#col-right { + overflow: hidden; + padding: 0; + margin: 0; } -.ui-autocomplete li { - text-align: right; +#col-left { + width: 35%; } -/*------------------------------------------------------------------------------ - 3.0 - Actions -------------------------------------------------------------------------------*/ - -#delete-action { - float: right; +#col-right { + float: left; + clear: left; + width: 65%; } -#publishing-action { - float: left; - text-align: left; +.col-wrap { + padding: 0 7px; } -#publishing-action .spinner { +/* utility classes */ +.alignleft { float: right; } -#post-body .misc-pub-section { - border-right: 0; - border-left-width: 1px; - border-left-style: solid; +.alignright { + float: left; } -#post-body .misc-pub-section-last { - border-left: 0; +.textleft { + text-align: right; } -#minor-publishing-actions { - padding: 10px 8px 2px 10px; +.textright { text-align: left; } -#save-post { - float: right; +.clear { + clear: both; } -.preview { - float: left; +/* 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; } -#sticky-span { - margin-left: 0; - margin-right: 18px; +.screen-reader-shortcut { + position: absolute; + top: -1000em; } -.side-info ul { - padding-left: 0; - padding-right: 18px; +.screen-reader-shortcut:focus { + right: 6px; + top: -25px; + height: auto; + width: auto; + display: block; + font-size: 14px; + font-weight: 600; + padding: 15px 23px 14px; + background: #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; } -td.action-links, -th.action-links { - text-align: left; +.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; } - -/*------------------------------------------------------------------------------ - 4.0 - Notifications -------------------------------------------------------------------------------*/ - -form.upgrade .hint { - font-style: normal; +/* 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 0 0 4px; + 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; } -#ajax-response.alignleft { - margin-left: 0; - margin-right: 2em; +td > input[type="checkbox"], +.wp-admin p input[type=checkbox], +.wp-admin p input[type=radio] { + margin-top: 0; } - -/*------------------------------------------------------------------------------ - 5.0 - TinyMCE -------------------------------------------------------------------------------*/ - -#quicktags { - background-position: right top; +.wp-admin p label input[type=checkbox] { + margin-top: -4px; } -#ed_reply_toolbar input { - margin: 1px 1px 1px 2px; +.wp-admin p label input[type=radio] { + margin-top: -2px; } -/*------------------------------------------------------------------------------ - 6.0 - Admin Header -------------------------------------------------------------------------------*/ -#wphead { - height: 32px; - margin-left: 15px; - margin-right: 2px; +input[type=radio] { + border-radius: 50%; + margin-left: 4px; + line-height: 10px; } -#header-logo { - float: right; +input[type=checkbox]:disabled, +input[type=radio]:disabled, +input[type=checkbox]:disabled:checked:before, +input[type=radio]:disabled:checked:before { + opacity: 0.7; } -#wphead h1 { +input[type=checkbox]:checked:before, +input[type=radio]:checked:before { float: right; + display: inline-block; + vertical-align: middle; + width: 16px; + font: normal 21px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -/*------------------------------------------------------------------------------ - 6.1 - Screen Options Tabs -------------------------------------------------------------------------------*/ - -#screen-meta-links { - margin-right: 0; - margin-left: 24px; +input[type=checkbox]:checked:before { + content: '\f147'; + margin: -3px -4px 0 0; } -#screen-meta { - margin-right: 5px; - margin-left: 15px; +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; + } } -#screen-options-link-wrap, -#contextual-help-link-wrap { - float: left; - margin-left: 0; - margin-right: 6px; +/* Search */ +input[type="search"] { + -webkit-appearance: textfield; } -#screen-meta-links a.show-settings { - padding-right: 6px; - padding-left: 16px; +input[type="search"]::-webkit-search-decoration { + display: none; } -.toggle-arrow { - background-position: top right; -} -.toggle-arrow-active { - background-position: bottom right; +.ie8 input[type="password"], +.ie8 .login form .input { + font-family: sans-serif; } -.metabox-prefs label { - padding-right: 0; - padding-left: 15px; +/* general */ +html, +body { + height: 100%; + margin: 0; + padding: 0; } -.metabox-prefs label input { - margin-right: 2px; - margin-left: 5px; +body { + font-family: "Open Sans", sans-serif; + font-size: 13px; + line-height: 1.4em; + min-width: 600px; } -/*------------------------------------------------------------------------------ - 6.2 - Help Menu -------------------------------------------------------------------------------*/ +body.iframe { + min-width: 0; + padding-top: 1px; +} -#contextual-help-wrap { - margin-left: 0; - margin-right: -4px; +body.login { + background: #fbfbfb; + min-width: 0; } -#contextual-help-back { - left: 170px; - right: 150px; +iframe, +img { + border: 0; } -#contextual-help-wrap.no-sidebar #contextual-help-back { - left: 0; - right: 150px; +td, +textarea, +input, +select, +button { + font-family: inherit; + font-size: inherit; + font-weight: inherit; +} - border-right-width: 1px; - border-left-width: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 2px; - border-bottom-left-radius: 2px; +td, +textarea { + line-height: inherit; } -.contextual-help-tabs { - float: right; +textarea { + overflow: auto; } -.contextual-help-tabs a { - padding-left: 5px; - padding-right: 12px; +textarea, +input, +select { + font-size: 14px; + padding: 3px 5px; + line-height: 15px; + border-radius: 0; /* Reset mobile webkit's default element styling */ } -.contextual-help-tabs .active { - margin-right: 0; - margin-left: -1px; +textarea { + padding: 2px 6px; + line-height: 1.4; } -.contextual-help-tabs .active, -.contextual-help-tabs-wrap { - border-left: 0; - border-right-width: 1px; +a, +input[type="text"], +input[type="password"], +input[type="number"], +input[type="search"], +input[type="email"], +input[type="url"], +textarea, +div, +select { + outline: 0; } -.help-tab-content { - margin-right: 0; - margin-left: 22px; +.wp-admin input[type="file"] { + padding: 3px 0; } -.help-tab-content li { - margin-left: 0; - margin-right: 18px; +a:focus, +a:active { + outline: thin dotted; } -.contextual-help-sidebar { - float: left; - padding-right: 12px; - padding-left: 8px; +#adminmenu a:focus, +#adminmenu a:active, +.screen-reader-text:focus { + outline: none; } -/*------------------------------------------------------------------------------ - 7.0 - Main Navigation (Right Menu) (RTL: Left Menu) -------------------------------------------------------------------------------*/ +blockquote, +q { + quotes: none; +} -.folded #wpcontent { - margin-left: 0; - margin-right: 52px; +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; } -.folded.wp-admin #wpfooter { - margin-left: 15px; - margin-right: 52px; +p, +.wp_attachment_details label[for="content"] { + font-size: 13px; + line-height: 1.5; + margin: 1em 0; } -#adminmenuback, -#adminmenuwrap { - border-width: 0 0 0 1px; +blockquote { + margin: 1em; } -#adminmenushadow { - right: auto; - left: 0; +label { + cursor: pointer; } -#adminmenu li .wp-submenu { - left: auto; - right: 146px; +li, +dd { + margin-bottom: 6px; } +input, +select { + margin: 1px; + padding: 3px 5px; +} -.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 { - left: auto; - right: 32px; +h1, +h2, +h3, +h4, +h5, +h6 { + display: block; + font-weight: 600; } -#adminmenu div.wp-menu-image, -.folded #adminmenu div.wp-menu-image { - float: right; - width: 30px; +h1 { + font-size: 2em; + margin: .67em 0; } -#adminmenu .wp-submenu a, -#adminmenu li li a, -.folded #adminmenu .wp-not-current-submenu li a { - padding-left: 0; - padding-right: 12px; +h2 { + font-size: 1.5em; + margin: .83em 0; + font-weight: 400; } -#adminmenu .wp-not-current-submenu li a { - padding-left: 0; - padding-right: 18px; +h3 { + font-size: 1.3em; + margin: 1em 0; } -.wp-menu-arrow { - right: 0; +h4 { + font-size: 1em; + margin: 1.33em 0; +} - -moz-transform: translate( -139px ); - -webkit-transform: translate( -139px ); - -o-transform: translate( -139px ); - -ms-transform: translate( -139px ); - transform: translate( -139px ); +h5 { + font-size: 0.83em; + margin: 1.67em 0; } -.ie8 .wp-menu-arrow { - right: -20px; +h6 { + font-size: 0.67em; + margin: 2.33em 0; } -#adminmenu .wp-menu-arrow div { - left: -8px; - width: 16px; +ul, +ol { + padding: 0; } -#adminmenu li.wp-not-current-submenu .wp-menu-arrow { - -moz-transform: translate( -138px ); - -webkit-transform: translate( -138px ); - -o-transform: translate( -138px ); - -ms-transform: translate( -138px ); - transform: translate( -138px ); +ul { + list-style: none; } -.folded #adminmenu li .wp-menu-arrow { - -moz-transform: translate( -26px ); - -webkit-transform: translate( -26px ); - -o-transform: translate( -26px ); - -ms-transform: translate( -26px ); - transform: translate( -26px ); +ol { + list-style-type: decimal; + margin-right: 2em; } -#adminmenu .wp-not-current-submenu .wp-menu-arrow div { - border-style: solid solid none none; - border-width: 1px 1px 0 0; +ul.ul-disc { + list-style: disc outside; } -#adminmenu .wp-menu-image img { - padding: 7px 7px 0 0; +ul.ul-square { + list-style: square outside; } -#adminmenu .wp-submenu .wp-submenu-head { - padding: 5px 10px 5px 4px; - -webkit-border-top-right-radius: 0; - -webkit-border-top-left-radius: 3px; - border-top-right-radius: 0; - border-top-left-radius: 3px; +ol.ol-decimal { + list-style: decimal outside; } -.folded #adminmenu li.wp-has-current-submenu .wp-submenu { - border-width: 1px; - border-style: solid; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-right-radius: 0; - -webkit-border-top-left-radius: 3px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 3px; - border-top-right-radius: 0; - border-top-left-radius: 3px; +ul.ul-disc, +ul.ul-square, +ol.ol-decimal { + margin-right: 1.8em; } -#adminmenu .awaiting-mod, -#adminmenu span.update-plugins, -#sidemenu li a span.update-plugins { - font-family: Tahoma, Arial, sans-serif; - margin-left: 0; - margin-right: 7px; +ul.ul-disc > li, +ul.ul-square > li, +ol.ol-decimal > li { + margin: 0 0 0.5em; } -#collapse-button { - float: right; +.code, +code { + font-family: Consolas, Monaco, monospace; } -/* Auto-folding of the admin menu */ -@media only screen and (max-width: 900px) { - .auto-fold #wpcontent { - margin-left: 0; - margin-right: 52px; - } - - .auto-fold.wp-admin #wpfooter { - margin-left: 15px; - margin-right: 52px; - } +input.code { + padding-top: 6px; +} - .auto-fold #adminmenu div.wp-menu-image { - float: right; - width: 30px; - } +textarea.code { + line-height: 1.4; + padding: 4px 6px 1px 6px; +} - .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, - .no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu { - left: auto; - right: 32px; - } +kbd, +code { + padding: 3px 5px 2px 5px; + margin: 0 1px; + font-size: 13px; +} - .auto-fold #adminmenu .wp-not-current-submenu li a { - padding-left: 0; - padding-right: 12px; - } +.subsubsub { + list-style: none; + margin: 8px 0 0; + padding: 0; + font-size: 13px; + float: right; +} - .auto-fold #adminmenu li .wp-menu-arrow { - -moz-transform: translate( -27px ); - -webkit-transform: translate( -27px ); - -o-transform: translate( -27px ); - -ms-transform: translate( -27px ); - transform: translate( -27px ); - } +.subsubsub a { + line-height: 2; + padding: .2em; + text-decoration: none; +} - .auto-fold #adminmenu li.wp-has-current-submenu .wp-submenu { - border-width: 1px; - border-style: solid; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-right-radius: 0; - -webkit-border-top-left-radius: 3px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 3px; - border-top-right-radius: 0; - border-top-left-radius: 3px; - } +.subsubsub a .count, +.subsubsub a.current .count { + color: #999; + font-weight: normal; } -/* List table styles */ -.post-com-count-wrapper { - font-family: Tahoma, Arial, sans-serif; +.subsubsub a.current { + font-weight: 600; + border: none; } -.post-com-count { - background-image: url('../images/bubble_bg-rtl.gif'); +.subsubsub li { + display: inline-block; + margin: 0; + padding: 0; + white-space: nowrap; } -.column-response .post-com-count { - float: right; - margin-right: 0; - margin-left: 5px; +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; } -.response-links { - float: right; +/* .widefat - main style for tables */ +.widefat { + border-spacing: 0; + width: 100%; + clear: both; + margin: 0; } +.widefat * { + word-wrap: break-word; +} -/*------------------------------------------------------------------------------ - 8.0 - Layout Blocks -------------------------------------------------------------------------------*/ +.widefat a { + text-decoration: none; +} +.widefat td, .widefat th { - font-family: Tahoma, Arial, sans-serif; + padding: 8px 10px; } - -.postbox-container { - float: right; +.widefat tfoot th { + border-bottom: none; } -#post-body-content { - float: right; +.widefat .no-items td { + border-bottom-width: 0; } -#poststuff #post-body.columns-2 { - margin-left: 300px; - margin-right: 0; +.widefat td { + vertical-align: top; } -#post-body.columns-2 #postbox-container-1 { - float: left; - margin-left: -300px; - margin-right: 0; +.widefat td, +.widefat td p, +.widefat td ol, +.widefat td ul { + font-size: 13px; + line-height: 1.5em; } -@media only screen and (max-width: 850px) { - #wpbody-content #post-body.columns-2 #postbox-container-1 { - margin-left: 0; - } +.widefat th { + text-align: right; + line-height: 1.3em; + font-size: 14px; } -.postbox .handlediv { - float: left; +.widefat th input { + margin: 0 8px 0 0; + padding: 0; + vertical-align: text-top; } -/*------------------------------------------------------------------------------ - 9.0 - Dashboard -------------------------------------------------------------------------------*/ +.widefat .check-column { + width: 2.2em; + padding: 6px 0 25px; + vertical-align: top; +} -#the-comment-list p.comment-author img { - float: right; - margin-right: 0; - margin-left: 8px; +.widefat th input[type=checkbox] { + margin-top: -1px; } -/* Browser Nag */ -#dashboard_browser_nag p.browser-update-nag.has-browser-icon { - padding-right: 0; - padding-left: 125px; +.widefat tbody th.check-column { + padding: 9px 0 22px; } -/* Welcome Panel */ -.welcome-panel .welcome-panel-close { - right: auto; - left: 10px; +.widefat.media .check-column { + padding-top: 8px; } -.welcome-panel .welcome-panel-close:before { - left: auto; - right: -12px; +.widefat thead th.check-column, +.widefat tbody th.check-column, +.widefat tfoot th.check-column { + padding: 11px 3px 0 0; } -.welcome-panel-content { - margin-left: 0; - margin-right: 13px; +.widefat thead th.check-column { + padding-top: 10px; } -.welcome-panel .welcome-panel-column { - float: right; +#update-plugins-table tbody th.check-column, +.plugins tbody th.check-column, +.plugins tbody { + padding: 8px 2px 0 0; } -.welcome-panel .welcome-panel-column ul { - margin-right: 0; - margin-left: 1em; +.plugins tbody th.check-column input[type=checkbox] { + margin-top: 4px; } -.welcome-panel .welcome-panel-column li { - padding-left: 0; - padding-right: 2px; +#update-plugins-table tbody td p { + margin-top: 0; } -.welcome-panel .welcome-add-page { - background-position: right 2px; +#update-plugins-table tbody td p strong { + font-size: 14px; } -.welcome-panel .welcome-edit-page { - background-position: right -90px; +.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-right: 6px; } -.welcome-panel .welcome-learn-more { - background-position: right -136px; +#update-plugins-table thead th.check-column, +#update-plugins-table tfoot th.check-column { + padding-top: 11px; } -.welcome-panel .welcome-comments { - background-position: right -182px; +.update-php div.updated, +.update-php div.error { + margin-right: 0; } -.welcome-panel .welcome-view-site { - background-position: right -274px; +.no-js .widefat thead .check-column input, +.no-js .widefat tfoot .check-column input { + display: none; } -.welcome-panel .welcome-widgets-menus { - background-position: right -229px; - line-height: 14px; +.widefat .num, +.column-comments, +.column-links, +.column-posts { + text-align: center; } -.welcome-panel .welcome-write-blog { - background-position: right -44px; +.widefat th#comments { + vertical-align: middle; } -.welcome-panel .welcome-icon { - padding: 2px 32px 8px 0; +.wrap { + margin: 10px 2px 0 20px; } -@media screen and (max-width: 870px) { - .welcome-panel .welcome-panel-column li { - margin-right: 0; - margin-left: 13px; - } +div.updated, +div.error { + padding: 0 0.6em; + margin: 5px 15px 2px; +} - .welcome-panel .welcome-icon { - padding-right: 25px; - padding-left: 0; - } +div.updated p, +div.error p { + margin: 0.5em 0; + padding: 2px; } -/*------------------------------------------------------------------------------ - 10.0 - List Posts (/Pages/etc) -------------------------------------------------------------------------------*/ +.wrap div.updated, +.wrap div.error, +.media-upload-form div.error { + margin: 5px 0 15px; +} -.fixed .column-comments { - text-align: right; +div.updated, +.login .message, +.press-this #message { + border: none; + padding: 1px 12px; } -.fixed .column-comments .vers { - padding-left: 0; - padding-right: 3px; +div.error, +.login #login_error { + border: none; } -.fixed .column-comments a { - float: right; +div.error { + padding: 1px 12px; } -.fixed .column-menus { - text-align: right; +.wrap h2, +.subtitle { + font-weight: normal; + margin: 0; } -.sorting-indicator { - margin-left: 0; - margin-right: 7px; +.wrap h2 { + font-size: 23px; + font-weight: 400; + padding: 9px 0 4px 15px; + line-height: 29px; } -tr.wp-locked .locked-indicator { - margin: -2px 6px 0 0; +.subtitle { + font-size: 14px; + padding-right: 25px; } -th.sortable a span, -th.sorted a span { - float: right; +.wrap .add-new-h2, +.wrap .add-new-h2:active { + margin-right: 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; } -/* Bulk Actions */ +.wrap h2.long-header { + padding-left: 0; +} -.tablenav-pages a { - margin-right: 0; - margin-left: 1px; +html, +.wp-dialog { + background-color: #fff; } -.tablenav-pages .next-page { - margin-left: 0; - margin-right: 2px; + +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; } -.tablenav a.button-secondary { - margin: 3px 0 0 8px; +select[disabled] { + color: #7f7f7f; } -.tablenav .tablenav-pages { - float: left; +select:focus { + border-color: #aaa; } -.tablenav .displaying-num { - margin-right: 0; - margin-left: 10px; - font-family: Tahoma, Arial, sans-serif; - font-style: normal; +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); } -.tablenav .actions { - padding: 2px 0 0 8px; +input[readonly] { + background-color: #eee; } -.tablenav .actions select { - float: right; - margin-right: 0; - margin-left: 6px; +:-moz-placeholder, +.wp-core-ui :-moz-placeholder { + color: #a9a9a9; } -.tablenav .delete { - margin-right: 0; - margin-left: 20px; +/*------------------------------------------------------------------------------ + 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; } -.view-switch { - float: left; +.icon32 { + display: none; } -.filter { +.icon16 { + height: 18px; + width: 18px; + padding: 6px 6px; + margin: -6px -8px 0 0; float: right; - margin: -5px 10px 0 0; } -.filter .subsubsub { - margin-left: 0; - margin-right: -10px; +/* 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; } -#posts-filter fieldset { - float: right; - margin: 0 0 1em 1.5ex; +.icon16.icon-dashboard:before, +#adminmenu .menu-icon-dashboard div.wp-menu-image:before { + content: '\f226'; } -#posts-filter fieldset legend { - padding: 0 1px .2em 0; +.icon16.icon-post:before, +#adminmenu .menu-icon-post div.wp-menu-image:before { + content: '\f109'; } -/*------------------------------------------------------------------------------ - 10.1 - Inline Editing -------------------------------------------------------------------------------*/ +.icon16.icon-media:before, +#adminmenu .menu-icon-media div.wp-menu-image:before { + content: '\f104'; +} -#wpbody-content .inline-edit-row fieldset { - float: right; +.icon16.icon-links:before, +#adminmenu .menu-icon-links div.wp-menu-image:before { + content: '\f103'; } -#wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col { - border-width: 0 1px 0 0; +.icon16.icon-page:before, +#adminmenu .menu-icon-page div.wp-menu-image:before { + content: '\f105'; } -#wpbody-content .bulk-edit-row .inline-edit-col-bottom { - float: left; +.icon16.icon-comments:before, +#adminmenu .menu-icon-comments div.wp-menu-image:before { + content: '\f101'; + margin-top: 1px; } -.inline-edit-row fieldset label span.title { - float: right; +.icon16.icon-appearance:before, +#adminmenu .menu-icon-appearance div.wp-menu-image:before { + content: '\f100'; } -.inline-edit-row fieldset label span.input-text-wrap { - margin-left: 0; - margin-right: 5em; +.icon16.icon-plugins:before, +#adminmenu .menu-icon-plugins div.wp-menu-image:before { + content: '\f106'; } -.quick-edit-row-post fieldset.inline-edit-col-right label span.title { - padding-right: 0; - padding-left: 0.5em; +.icon16.icon-users:before, +#adminmenu .menu-icon-users div.wp-menu-image:before { + content: '\f110'; } -#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { - margin-right: 0; - margin-left: 0.5em +.icon16.icon-tools:before, +#adminmenu .menu-icon-tools div.wp-menu-image:before { + content: '\f107'; } -/* Styling */ +.icon16.icon-settings:before, +#adminmenu .menu-icon-settings div.wp-menu-image:before { + content: '\f108'; +} -.inline-edit-row fieldset span.title, -.inline-edit-row fieldset span.checkbox-title { - font-family: Tahoma, Arial, sans-serif; - font-style: normal; +.icon16.icon-site:before, +#adminmenu .menu-icon-site div.wp-menu-image:before { + content: '\f112' } -.inline-edit-row fieldset .inline-edit-date { - float: right; +.icon16.icon-generic:before, +#adminmenu .menu-icon-generic div.wp-menu-image:before { + content: '\f111'; } -.inline-edit-row fieldset ul.cat-checklist label, -.inline-edit-row #bulk-titles div { - font-family: Tahoma, Arial, sans-serif; +/* 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; } -.quick-edit-row-post fieldset label.inline-edit-status { - float: right; +.key-labels label { + line-height: 24px; } -#bulk-titles div a { - float: right; - margin: 3px -2px 0 3px; - overflow: hidden; - text-indent: -9999px; +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 */ +} -/*------------------------------------------------------------------------------ - 11.0 - Write/Edit Post Screen -------------------------------------------------------------------------------*/ - -#save-action .spinner, -#show-comments a, -#show-comments .spinner { - float: right; +.howto { + font-style: italic; + display: block; } -#titlediv #title-prompt-text, -#wp-fullscreen-title-prompt-text { - right: 0; +p.install-help { + margin: 8px 0; + font-style: italic; } -#sample-permalink { - direction: ltr; +.no-break { + white-space: nowrap; } -#sample-permalink #editable-post-name { - unicode-bidi: embed; +hr { + border: 0; + border-top: 1px solid #ddd; + border-bottom: 1px solid #fafafa; } -#wp-fullscreen-title-prompt-text { - left: auto; - right: 0; -} +/*------------------------------------------------------------------------------ + 2.0 - Forms +------------------------------------------------------------------------------*/ -#wp-fullscreen-save .spinner, -#wp-fullscreen-save .fs-saved { - float: left; -} -#edit-slug-box .cancel { - margin-right: 0; - margin-left: 10px; +.wp-admin select { + padding: 2px; + line-height: 28px; + height: 28px; + vertical-align: middle; } -.postarea h3 label { - float: right; +.wp-admin .button-cancel { + padding: 0 5px; + line-height: 2; } -.submitbox .submit { - text-align: right; +.meta-box-sortables select { + max-width: 100%; } -.inside-submitbox #post_status { - margin: 2px -2px 2px 0; +.wp-admin select[multiple] { + height: auto; } -.submitbox .submit input { - margin-right: 0; - margin-left: 4px; +.submit { + padding: 1.5em 0; + margin: 5px 0; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; } -#normal-sortables .postbox .submit { - float: left; +form p.submit a.cancel:hover { + text-decoration: none; } -.taxonomy div.tabs-panel { - margin: 0 125px 0 5px; +p.submit { + text-align: right; + max-width: 100%; + margin-top: 20px; + padding-top: 10px; } -#side-sortables .comments-box thead th, -#normal-sortables .comments-box thead th { - font-style: normal; +.textright p.submit { + border: none; + text-align: left; } -#commentsdiv .spinner { - padding-left: 0; - padding-right: 5px; +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; } -#post-body .add-menu-item-tabs li.tabs { - border-width: 1px 1px 1px 0; - margin-right: 0; - margin-left: -1px; +#minor-publishing-actions input, +#major-publishing-actions input, +#minor-publishing-actions .preview { + text-align: center; } -/* Global classes */ - -#post-body .tagsdiv #newtag { - margin-right: 0; - margin-left: 5px; +textarea.all-options, +input.all-options { + width: 250px; } -.autosave-info { - padding: 2px 2px 2px 15px; - text-align: left; +input.large-text, +textarea.large-text { + width: 99%; } -#post-body .wp_themeSkin .mceStatusbar a.mceResize { - background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom; - cursor: sw-resize; +input.regular-text, +#adduser .form-field input { + width: 25em; } -.curtime #timestamp { - background-position: right top; - padding-left: 0; - padding-right: 18px; +input.small-text { + width: 50px; + padding: 1px 6px; } -.compat-attachment-fields th { - padding-right: 0; - padding-left: 10px; +input[type="number"].small-text { + width: 65px; } -#post-lock-dialog .post-locked-message a.button { - margin-right: 0; - margin-left: 10px; +#doaction, +#doaction2, +#post-query-submit { + margin: 1px 0 0 8px; } -#post-lock-dialog .post-locked-avatar { - float: right; - margin: 0 0 20px 20px; +.tablenav #changeit, +.tablenav #delete_all, +.tablenav #clear-recent-list { + margin-top: 1px; } -#post-lock-dialog .locked-saving img { +.tablenav .actions select { float: right; - margin-right: 0; - margin-left: 3px; + margin-left: 6px; + max-width: 200px; } - -/*------------------------------------------------------------------------------ - 11.1 - Custom Fields -------------------------------------------------------------------------------*/ - -/* No RTL for now, this space intentionally left blank */ - -/*------------------------------------------------------------------------------ - 11.2 - Post Revisions -------------------------------------------------------------------------------*/ -.wp-slider .ui-slider-handle.from-handle:before, -.wp-slider .ui-slider-handle.to-handle:before { - height: 8px; - width: 7px; +.ie8 .tablenav .actions select { + width: 155px; } -.wp-slider .ui-slider-handle.from-handle:before { - background-position: -5px -10px; - left: 6px; +.ie8 .tablenav .actions select#cat { + width: 200px; } -.wp-slider .ui-slider-handle.to-handle:before { - background-position: -4px -29px; - left: 6px; +#timezone_string option { + margin-right: 1em; } -.revision-toggle-compare-mode { - right: auto; - left: 0; +label, +#your-profile label + a { + vertical-align: middle; } -.revisions .loading-indicator { - margin-right: -90px; +fieldset label, +#your-profile label + a { + vertical-align: middle; } -body.folded .revisions .loading-indicator { - margin-right: -32px; +.options-media-php label[for*="_size_"], +#misc-publishing-actions label { + vertical-align: baseline; } -.revisions-next { - float: left; -} +#misc-publishing-actions label[for="post_status"]:before { + content: '\f173'; + display: inline-block; + font: normal 20px/1 'dashicons'; + speak: none; + right: -1px; + padding: 0 0 0 5px; + position: relative; + top: 0; + text-decoration: none !important; + vertical-align: top; -.revisions-previous { - float: right; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.diff-title strong { - text-align: left; +#pass-strength-result { + border-style: solid; + border-width: 1px; float: right; - margin-right: 0; - margin-left: 5px; + margin: 13px 1px 5px 5px; + padding: 3px 5px; + text-align: center; + width: 200px; + display: none; } - -.revisions-controls .author-card .avatar, -.revisions-controls .author-card .author-info { - float: right; +.indicator-hint { + padding-top: 8px; } -.diff-meta input.restore-revision { +p.search-box { float: left; + margin: 0; } -.diff-col-title-added, -.diff-col-title-removed { - text-align: right; +.search-box input[name="s"], +#search-plugins input[name="s"], +.tagsdiv .newtag { float: right; + height: 28px; + margin: 0 0 0 4px; } -.revisions-tooltip { - margin-left: 0; - margin-right: -69px; +input[type="text"].ui-autocomplete-loading { + background: transparent url('../images/loading.gif') no-repeat left center; + visibility: visible; } -.revisions-tooltip.flipped { - margin-right: 0; - margin-left: -70px; +ul#add-to-blog-users { + margin: 0 14px 0 0; } -.ie8 .revisions-tooltip { - margin-right: -75px; +.ui-autocomplete-input.open { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.ie8 .revisions-tooltip.flipped { - margin-left: -63px; +.ui-autocomplete { + padding: 0; + margin: 0; + list-style: none; + position: absolute; + z-index: 10000; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-width: 1px; + border-style: solid; } -.revisions-tooltip-arrow { - right: 0; - margin-left: 0; - margin-right: 35px; +.ui-autocomplete li { + margin-bottom: 0; + white-space: nowrap; + text-align: right; } -.revisions-tooltip.flipped .revisions-tooltip-arrow { - margin-right: 0; - margin-left: 35px; - right: auto; - left: 0; +.ui-autocomplete li a { + display: block; + height: 100%; + padding: 4px 10px; } -.revisions-tooltip-arrow > span { - left: auto; - right: 20px; +.ui-autocomplete li a.ui-state-focus { + cursor: pointer; } -.revisions-tooltip.flipped .revisions-tooltip-arrow > span { - right: auto; - left: 20px; -} +/*------------------------------------------------------------------------------ + 3.0 - Actions +------------------------------------------------------------------------------*/ -.ie8 .revisions-tooltip-arrow > span { - right: 21px; +#major-publishing-actions { + padding: 10px; + clear: both; + border-top: 1px solid #ddd; + background: #f5f5f5; } -.revisions-tickmarks > div { +#delete-action { + line-height: 28px; + vertical-align: middle; + text-align: right; float: right; - border-width: 0 0 0 1px; } -/*------------------------------------------------------------------------------ - 11.3 - Featured Images -------------------------------------------------------------------------------*/ +#publishing-action { + text-align: left; + float: left; + line-height: 23px; +} -#select-featured-image a { +#publishing-action .spinner { float: right; } -/*------------------------------------------------------------------------------ - 11.4 - Post formats -------------------------------------------------------------------------------*/ +#misc-publishing-actions { + padding: 6px 0 0; +} -a.post-state-format { - margin-right: 0; - margin-left: 5px; +.misc-pub-section { + padding: 6px 10px 8px; } -label.post-format-icon { - margin-left: 0; - margin-right: 5px; - padding-left: 0px; - padding-right: 21px; +.misc-pub-section:first-child { + border-top-width: 0; } -.post-format-icon.post-format-standard { - background-position: 100% 0; +.misc-pub-section-last { + border-bottom-width: 0; +} + +#minor-publishing-actions { + padding: 10px 10px 0 10px; + text-align: left; } -.post-format-icon.post-format-image { - background-position: 100% -32px; +#save-post { + float: right; } -.post-format-icon.post-format-gallery { - background-position: 100% -64px; +.preview { + float: left; } -.post-format-icon.post-format-audio { - background-position: 100% -96px; +#sticky-span { + margin-right: 18px; } -.post-format-icon.post-format-video { - background-position: 100% -128px; +.side-info { + margin: 0; + padding: 4px; + font-size: 11px; } -.post-format-icon.post-format-chat { - background-position: 100% -160px; +.side-info h5 { + padding-bottom: 7px; + font-size: 14px; + margin: 12px 2px 5px; + border-bottom-width: 1px; + border-bottom-style: solid; } -.post-format-icon.post-format-status { - background-position: 100% -192px; +.side-info ul { + margin: 0; + padding-right: 18px; + list-style: square; } -.post-format-icon.post-format-aside { - background-position: 100% -224px; +.approve, +.unapproved .unapprove { + display: none; } -.post-format-icon.post-format-quote { - background-position: 100% -256px; +.unapproved .approve, +.spam .approve, +.trash .approve { + display: inline; } -.post-format-icon.post-format-link { - background-position: 100% -288px; +td.action-links, +th.action-links { + text-align: left; } + /*------------------------------------------------------------------------------ - 12.0 - Categories + 4.0 - Notifications ------------------------------------------------------------------------------*/ -.category-adder { - margin-left: 0; - margin-right: 120px; +#update-nag, +.update-nag { + display: inline-block; + line-height: 19px; + padding: 11px 15px; + font-size: 14px; + text-align: right; + margin: 25px 2px 0 20px; } -#post-body ul.add-menu-item-tabs { - float: right; - text-align: left; - /* Negative margin for the sake of those without JS: all tabs display */ - margin: 0 5px 0 -120px; +.plugins .plugin-update { + padding: 0; } -#post-body ul.add-menu-item-tabs li.tabs { - -webkit-border-top-left-radius: 0; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-left-radius: 0; - -webkit-border-bottom-right-radius: 3px; - border-top-left-radius: 0; - border-top-right-radius: 3px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 3px; +.plugin-update .update-message { + margin: 0 31px 8px 10px; + font-weight: 600; } -#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: 0; - margin-right: 18px; +ul#dismissed-updates { + display: none; } -#post-body .add-menu-item-tabs li.tabs { - border-style: solid solid solid none; - border-width: 1px 1px 1px 0; - margin-right: 0; - margin-left: -1px; +form.upgrade { + margin-top: 8px; } -p.help, -p.description, -span.description, -.form-wrap p { - font-style: normal; - font-family: Tahoma, Arial, sans-serif; +form.upgrade .hint { + font-style: italic; + font-size: 85%; + margin: -0.5em 0 2em 0; } -/*------------------------------------------------------------------------------ - 13.0 - Tags -------------------------------------------------------------------------------*/ - -.taghint { - margin: 15px 12px -24px 0; +.update-php .spinner { + float: none; + margin: -4px 0; } -#poststuff .tagsdiv .howto { - margin: 0 8px 6px 0; +#ajax-loading, +.ajax-loading, +.ajax-feedback, +.imgedit-wait-spin, +.list-ajax-loading { /* deprecated */ + visibility: hidden; } -.ac_results li { - text-align: right; +#ajax-response.alignleft { + margin-right: 2em; } -.links-table th { - text-align: right; +/*------------------------------------------------------------------------------ + 5.0 - TinyMCE +------------------------------------------------------------------------------*/ + +/* nothing? */ + +/*------------------------------------------------------------------------------ + 6.0 - Admin Header +------------------------------------------------------------------------------*/ +#adminmenu a, +#sidemenu a, +#taglist a, +#catlist a { + text-decoration: none; } /*------------------------------------------------------------------------------ - 14.0 - Media Screen + 6.1 - Screen Options Tabs ------------------------------------------------------------------------------*/ -#wpbody-content .describe th { - text-align: right; +#screen-options-wrap, +#contextual-help-wrap { + margin: 0; + padding: 8px 20px 12px; + position: relative; +} +#contextual-help-wrap { + overflow: auto; + margin-right: 0 !important; } -.describe .media-item-info .A1B1 { - padding: 0 10px 0 0; +#screen-meta .screen-reader-text { + visibility: hidden; } -.media-upload-form td label { - margin-left: 6px; - margin-right: 2px; +#screen-meta-links { + margin: 0 0 0 20px; } -.media-upload-form .align .field label { - padding: 0 23px 0 0; - margin: 0 3px 0 1em; +#screen-meta-links a { + padding: 3px 16px 3px 6px; } -.media-upload-form tr.image-size label { - margin: 0 5px 0 0; +#screen-meta-links a:focus { + outline: none; } -#wpbody-content .describe p.help { - padding: 0 5px 0 0; +/* screen options and help tabs revert */ +#screen-meta { + display: none; + margin: 0 0px -1px 20px; + position: relative; } -.media-item .edit-attachment, -.media-item .error-div a.dismiss, -.describe-toggle-on, -.describe-toggle-off { +#screen-options-link-wrap, +#contextual-help-link-wrap { float: left; - margin-right: 0; - margin-left: 15px; + height: 28px; + margin: 0 6px 0 0; } -.media-item .error-div a.dismiss { - padding: 0 15px 0 0; +#screen-meta-links .screen-meta-toggle { + position: relative; + top: 0; } -.media-item .error-div { - padding-left: 0; - padding-right: 10px; +#screen-meta-links a.show-settings { + display: block; + font-size: 13px; + height: 22px; + line-height: 22px; + text-decoration: none; + z-index: 1; } -.media-item .pinkynail { - float: right; +#screen-meta-links a:after { + left: 0; + content: '\f140'; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 0 0 5px; + bottom: 2px; + position: relative; + vertical-align: bottom; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; } -.media-item .describe td { - padding: 0 0 8px 8px; +#screen-meta-links a.screen-meta-active:after { + content: '\f142'; } -.media-item .progress { - float: left; - margin: 6px 0 0 10px; +#screen-meta-links a.show-settings:hover { + text-decoration: none; } +/* end screen options and help tabs */ -/*------------------------------------------------------------------------------ - 14.1 - Media Uploader -------------------------------------------------------------------------------*/ - -#find-posts-input { - float: right; +.toggle-arrow { + background-repeat: no-repeat; + background-position: top right; + background-color: transparent; + height: 22px; + line-height: 22px; + display: block; } -#find-posts-search { - float: right; - margin-right: 3px; - margin-left: 4px; +.toggle-arrow-active { + background-position: bottom right; } -.find-box-search .spinner { - left: auto; - right: 115px; +#screen-options-wrap h5, +#contextual-help-wrap h5 { + margin: 8px 0; + font-size: 13px; } -#find-posts-response .found-radio { - padding: 5px 8px 0 0; +.metabox-prefs label { + display: inline-block; + padding-left: 15px; + line-height: 30px; } -.find-box-search label { - padding-right: 0; - padding-left: 6px; +.metabox-prefs label input[type=checkbox] { + margin-top: -4px; + margin-left: 6px; } -.find-box #resize-se { - right: auto; - left: 1px; +.metabox-prefs label input { + margin: 0 2px 0 5px; } -form.upgrade .hint { - font-style: normal; +.metabox-prefs .columns-prefs label input { + margin: 0 2px; } +.metabox-prefs label a { + display: none; +} /*------------------------------------------------------------------------------ - 14.2 - Image Editor + 6.2 - Help Menu ------------------------------------------------------------------------------*/ -.wp_attachment_image .button, -.A1B1 .button { - float: right; +#contextual-help-wrap { + padding: 0; } -.wp_attachment_image .spinner, -.A1B1 .spinner { - float: right; +#contextual-help-columns { + position: relative; } -.imgedit-menu div { - float: right; +#contextual-help-back { + position: absolute; + top: 0; + bottom: 0; + right: 150px; + left: 170px; + border-width: 0 1px; + border-style: solid; } -.imgedit-crop { +#contextual-help-wrap.no-sidebar #contextual-help-back { + left: 0; + + border-left-width: 0; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.contextual-help-tabs { + float: right; + width: 150px; margin: 0; } -.imgedit-rleft, -.imgedit-flipv, -.imgedit-undo { - margin: 0 8px 0 3px; +.contextual-help-tabs ul { + margin: 1em 0; } -.imgedit-rright, -.imgedit-fliph, -.imgedit-redo { - margin: 0 3px; +.contextual-help-tabs li { + margin-bottom: 0; + list-style-type: none; + border-style: solid; + border-width: 0 2px 0 0; + border-color: transparent; } -.imgedit-applyto img { - margin: 0 0 0 8px; +.contextual-help-tabs a { + display: block; + padding: 5px 12px 5px 5px; + line-height: 18px; + text-decoration: none; + border-style: solid; + border-width: 1px 0 1px 0; + border-color: transparent; } -.imgedit-help { - font-style: normal; +.contextual-help-tabs .active { + padding: 0; + margin: 0 0 0 -1px; + border-width: 0 2px 0 0; + border-style: solid; } -.imgedit-submit-btn { - margin-left: 0; - margin-right: 20px; +.contextual-help-tabs-wrap { + padding: 0 20px; + overflow: auto; } +.help-tab-content { + display: none; + margin: 0 0 12px 22px; + line-height: 1.6em; +} -/*------------------------------------------------------------------------------ - 15.0 - Comments Screen -------------------------------------------------------------------------------*/ +.help-tab-content.active { + display: block; +} -.form-table th { - text-align: right; +.help-tab-content ul li { + list-style-type: disc; + margin-right: 18px; } -.form-table input.tog { - margin-right: 0; - margin-left: 2px; - float: right; +.contextual-help-sidebar { + width: 150px; + float: left; + padding: 0 12px 0 8px; + overflow: auto; } -.form-table table.color-palette { + +/*------------------------------------------------------------------------------ + 7.0 - Main Navigation (Left Menu) +------------------------------------------------------------------------------*/ + +#adminmenuwrap { + position: relative; float: right; } -/* reply to comments */ - -#replysubmit .spinner, -.inline-edit-save .spinner { - float: left; +/* side admin menu */ +#adminmenu * { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } -#replysubmit .button { - margin-right: 0; - margin-left: 5px; +#adminmenu li { + margin: 0; + padding: 0; + cursor: pointer; } -#edithead .inside { - float: right; - padding: 3px 5px 2px 0; +#adminmenu a { + display: block; + line-height: 18px; + padding: 2px 5px; } -.comment-ays th { - border-right-style: none; - border-left-style: solid; - border-right-width: 0; - border-left-width: 1px; +#adminmenu li.menu-top { + border: none; + min-height: 34px; + position: relative; } -.spam-undo-inside .avatar, -.trash-undo-inside .avatar { - margin-left: 8px; +#adminmenu .wp-submenu { + list-style: none; + position: absolute; + top: -1000em; + right: 160px; + overflow: visible; + word-wrap: break-word; } -#comment-status-radio input { - margin: 2px 0 5px 3px; +#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; } -/*------------------------------------------------------------------------------ - 16.0 - Themes -------------------------------------------------------------------------------*/ +.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; +} -h3.available-themes { - float: right; +#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; + right: auto; + left: auto; + bottom: auto; + border: 0 none; + margin-top: 0; + -webkit-box-shadow: none; + box-shadow: none; } -.available-theme { - margin-right: 0; - margin-left: 10px; - padding: 20px 0 20px 20px; +.folded #adminmenu .wp-submenu.sub-open, +.folded #adminmenu .opensub .wp-submenu, +.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, +.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, +.folded #adminmenu a.menu-top:focus + .wp-submenu, +.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, +.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { + top: 0; + right: 36px; } -#current-theme .theme-info li, -.theme-options li, -.available-theme .action-links li { - float: right; - padding-right: 0; - padding-left: 10px; - margin-right: 0; - margin-left: 10px; - border-right: none; - border-left: 1px solid #dfdfdf; +.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, +.folded #adminmenu .wp-has-current-submenu .wp-submenu { + position: absolute; + top: -1000em; } -.available-theme .action-links li { - padding-left: 8px; - margin-left: 8px; +#adminmenu .wp-not-current-submenu .wp-submenu, +.folded #adminmenu .wp-has-current-submenu .wp-submenu { + min-width: 160px; + width: auto; } -.ie8 .available-theme .action-links li { - padding-left: 7px; - margin-left: 7px; +#adminmenu .wp-submenu a { + font-size: 13px; + line-height: 1.2; + margin: 0; + padding: 6px 0; } -#current-theme .theme-info li:last-child, -.theme-options li:last-child, -.available-theme .action-links li:last-child { - padding-left: 0; - margin-right: 0; - border-left: 0; +#adminmenu .wp-not-current-submenu li > a, +.folded #adminmenu .wp-has-current-submenu li > a { + padding-left: 16px; + padding-right: 14px; + -moz-transition: all .1s ease-in-out; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } -.available-theme .action-links .delete-theme { - float: left; - margin-left: 0; - margin-right: 8px; +#adminmenu .wp-has-current-submenu ul > li > a, +.folded #adminmenu li.menu-top .wp-submenu > li > a { + padding: 6px 12px; } -.available-theme .action-links p { - float: right; +#adminmenu a.menu-top, +#adminmenu .wp-submenu-head { + font-size: 14px; + font-weight: 400; + line-height: 18px; + padding: 0; } -#current-theme.has-screenshot { - padding-left: 0; - padding-right: 330px; +#adminmenu .wp-submenu-head, +.folded #adminmenu .wp-menu-name { + display: none; } -#current-theme h4 span { - margin-left: 0; - margin-right: 20px; +.folded #adminmenu .wp-submenu-head { + display: block; } -#current-theme img { - float: right; - width: 300px; - margin-left: 0; - margin-right: -330px; +#adminmenu .wp-submenu li { + padding: 0; + margin: 0; + overflow: hidden; } -.theme-options .load-customize { - margin-right: 0; - margin-left: 30px; - float: right; +#adminmenu .wp-menu-image img { + padding: 9px 0px 0 0; + opacity: 0.6; + filter: alpha(opacity=60); } -.theme-options span { - float: right; - margin-right: 0; - margin-left: 10px; +#adminmenu div.wp-menu-name { + padding: 8px 0; } -.theme-options ul { +#adminmenu div.wp-menu-image { float: right; + width: 36px; + height: 30px; + margin: 0; + text-align: center; } -/* Allow for three-up on 1024px wide screens, e.g. tablets */ -@media only screen and (max-width: 1200px) { - #current-theme.has-screenshot { - padding-right: 270px; - } +#adminmenu div.wp-menu-image.svg { + background-repeat: no-repeat; + background-position: center; + background-size: 20px auto; +} - #current-theme img { - margin-right: -270px; - width: 240px; - } +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; } -#broken-themes { - text-align: right; +.folded #adminmenu div.wp-menu-image { + width: 35px; + height: 30px; + position: absolute; + z-index: 25; } -/*------------------------------------------------------------------------------ - 16.1 - Custom Header Screen -------------------------------------------------------------------------------*/ +.folded #adminmenu a.menu-top { + height: 34px; +} -.appearance_page_custom-header .available-headers .default-header { - float: right; - margin: 0 0 20px 20px; +/* No @font-face support */ +.no-font-face #adminmenu .wp-menu-image { + display: none; } -.appearance_page_custom-header .random-header { - margin: 0 0 20px 20px; +.no-font-face #adminmenu div.wp-menu-name { + padding: 8px 12px; } -.appearance_page_custom-header .available-headers label input, -.appearance_page_custom-header .random-header label input { +.no-font-face.auto-fold #adminmenu .wp-menu-name { margin-right: 0; - margin-left: 10px; } +/* End no @font-face support */ -/*------------------------------------------------------------------------------ - 16.2 - Custom Background Screen -------------------------------------------------------------------------------*/ +/* 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 */ +} -/* No RTL for now, this space intentionally left blank */ +/* A new arrow */ +.wp-menu-arrow { + display: none !important; +} -/*------------------------------------------------------------------------------ - 16.3 - Tabbed Admin Screen Interface (Experimental) -------------------------------------------------------------------------------*/ +ul#adminmenu a.wp-has-current-submenu { + position: relative; +} -.nav-tab { - margin: 0 0 -1px 6px; +ul#adminmenu a.wp-has-current-submenu:after, +ul#adminmenu > li.current > a.current:after { + left: 0; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-width: 8px; + top: 50%; + margin-top: -8px; } -h2 .nav-tab { - font-family: Tahoma, Arial, sans-serif; +.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; +} -/*------------------------------------------------------------------------------ - 17.0 - Plugins -------------------------------------------------------------------------------*/ - -.plugins .desc ul, -.plugins .desc ol { - margin: 0 2em 0 0; +/* flyout menu arrow */ +#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { + left: 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; } -#wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title { - padding-right: 0; - padding-left: 12px; +.folded #adminmenu li.menu-top:hover, +.folded #adminmenu li.opensub > a.menu-top, +.folded #adminmenu li > a.menu-top:focus { + z-index: 10000; } - -/*------------------------------------------------------------------------------ - 18.0 - Users -------------------------------------------------------------------------------*/ - -#profile-page .form-table #rich_editing { - margin-right: 0; - margin-left: 5px +#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); } -#profile-page #pass1, -#profile-page #pass2, -#profile-page #user_login { - direction: ltr; +#adminmenu li.wp-menu-separator { + height: 3px; + padding: 0; + margin: 0 0 6px 0; + border-width: 1px 0; + border-style: solid; + cursor: inherit; } -#your-profile legend { - font-family: Tahoma, Arial, sans-serif; +#adminmenu div.separator { + height: 1px; + padding: 0; + border-width: 1px 0 0 0; + border-style: solid; } -/*------------------------------------------------------------------------------ - 19.0 - Tools -------------------------------------------------------------------------------*/ - -.pressthis a span { - background-position: right 5px; - padding: 8px 27px 8px 11px; +#adminmenu .wp-submenu .wp-submenu-head { + font-weight: 400; + font-size: 14px; + padding: 8px 11px 8px 4px; + margin: -7px 0px 4px; } -.pressthis a:after { - right: auto; - left: 10px; - background: transparent; - transform: skew(-20deg) rotate(-6deg); - -webkit-transform: skew(-20deg) rotate(-6deg); - -moz-transform: skew(-20deg) rotate(-6deg); +#adminmenu li.current, +.folded #adminmenu li.wp-menu-open { + border: 0 none; } - -.pressthis a:hover:after { - transform: skew(-20deg) rotate(-9deg); - -webkit-transform: skew(-20deg) rotate(-9deg); - -moz-transform: skew(-20deg) rotate(-9deg); +#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 2px 0 0; + vertical-align: top; + -webkit-border-radius: 10px; + border-radius: 10px; + z-index: 26; } -/*------------------------------------------------------------------------------ - 20.0 - Settings -------------------------------------------------------------------------------*/ +#adminmenu li .awaiting-mod span, +#adminmenu li span.update-plugins span, +#sidemenu li a span.update-plugins span { + display: block; + padding: 0 6px; +} -#utc-time, #local-time { - padding-left: 0; - padding-right: 25px; - font-style: normal; - font-family: Tahoma, Arial, sans-serif; +#adminmenu li span.count-0, +#sidemenu li a .count-0 { + display: none; } -#permalink_structure { - float: right; +#adminmenu #collapse-menu { + font-size: 13px; + line-height: 34px; + margin-top: 10px; } -.options-permalink-php code { - unicode-bidi: embed; +.folded #collapse-menu span { + display: none; } -.options-permalink-php #rules { - direction: ltr; +#collapse-button, +#collapse-button div { + width: 15px; + height: 15px; } -/*------------------------------------------------------------------------------ - 21.0 - Admin Footer -------------------------------------------------------------------------------*/ +#collapse-button { + float: right; + height: 15px; + margin: 10px 11px 10px 8px; + width: 15px; -#wpfooter { - margin-left: 20px; + -webkit-border-radius: 10px; + border-radius: 10px; } -#wpcontent, -#wpfooter { - margin-right: 165px; +#wpwrap #collapse-button div { + padding: 0; } -/*------------------------------------------------------------------------------ - 22.0 - About Pages -------------------------------------------------------------------------------*/ +#collapse-button div:after { + content: '\f148'; + display: block; + line-height: 15px; + right: -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; -.wrap.about-wrap { - margin-left: 40px; - margin-right: 20px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.about-wrap h1, -.about-text { - margin-right: 0; - margin-left: 200px; +.folded #collapse-button div:after, +.rtl #collapse-button div:after { + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } -.about-wrap h2.nav-tab-wrapper { - padding-left: 0px; - padding-right: 6px; +.rtl.folded #collapse-button div:after { + -ms-transform: none; + -webkit-transform: none; + transform: none; } -.about-wrap .wp-badge { - right: auto; - left: 0; -} +/* Auto-folding of the admin menu */ +@media only screen and (max-width: 900px) { + .auto-fold #wpcontent, + .auto-fold #wpfooter { + margin-right: 56px; + } -.about-wrap h2 .nav-tab { - margin-right: 0; - margin-left: 3px; -} + .auto-fold #adminmenuback, + .auto-fold #adminmenuwrap, + .auto-fold #adminmenu, + .auto-fold #adminmenu li.menu-top { + width: 36px; + } -.about-wrap .changelog li { - margin-left: 0; - margin-right: 3em; -} + .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; + right: 36px; + } -.about-wrap .three-col-images .last-feature { - float: left; -} + .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, + .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { + position: absolute; + top: -1000em; + margin-left: -1px; + padding: 7px 0 8px; + z-index: 9999; + } + + .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { + min-width: 150px; + width: auto; + } + + .auto-fold #adminmenu .wp-has-current-submenu li > a { + padding-left: 16px; + padding-right: 14px; + } + + + .auto-fold #adminmenu li.menu-top .wp-submenu > li > a { + padding-right: 12px; + } + + .auto-fold #adminmenu .wp-menu-name { + 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; + } -.about-wrap .three-col-images .first-feature { - float: right; } -.about-wrap .feature-section.three-col div { - margin-right: 0; - margin-left: 4.999999999%; - float: right; +/* List table styles */ +.post-com-count-wrapper { + min-width: 22px; } -.about-wrap .feature-section.three-col h4 { - text-align: right; +.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; } -.about-wrap .feature-section.three-col img { - margin-right: 5px; - margin-left: 0; +.post-com-count:after { /* draw bubble connector using CSS! */ + content: ""; + display: block; + width: 0; + height: 0; + margin-right: 8px; + border-top: 5px solid #bbbbbb; + border-left: 5px solid transparent; } -.about-wrap .feature-section.three-col .last-feature { - margin-left: 0; +.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; } -.about-wrap .feature-section img { - margin: 0 0 10px 0.7%; +strong .post-com-count { + background-position: center -55px; } -.about-wrap .feature-section.images-stagger-right img, -.about-wrap .feature-section.images-stagger-right .video { - float: left; - margin: 0 2em 12px 5px; +.post-com-count:hover { + background-position: center -3px; } -.about-wrap .feature-section.images-stagger-left img { +.column-response .post-com-count { float: right; - margin: 0 5px 12px 2em; + margin-left: 5px; + text-align: center; } -.about-wrap li.wp-person, -.about-wrap li.wp-person img.gravatar { +.response-links { float: right; - margin-right: 0; - margin-left: 10px; } -@media only screen and (max-width: 900px) { - .about-wrap .feature-section.images-stagger-right .video.image-66 { - margin-right: 3px; - } +#the-comment-list .attachment-80x60 { + padding: 4px 8px; } -@media only screen and (max-width: 768px) { - .about-wrap .feature-section .image-66 { - float: none; - } - - .about-wrap .feature-section.images-stagger-right .image-66 { - margin-right: 3px; - } +th .comment-grey-bubble { + height: 16px; + width: 16px; +} - .about-wrap .feature-section.images-stagger-left .image-66 { - margin-left: 3px; - } +th .comment-grey-bubble:before { + content: '\f101'; + font: normal 20px/.5 'dashicons'; + speak: none; + display: inline-block; + padding: 0; + top: 4px; + right: -4px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; } /*------------------------------------------------------------------------------ - 23.0 - Misc + 8.0 - Layout Blocks ------------------------------------------------------------------------------*/ -#template div { - margin-right: 0; - margin-left: 190px; +html.wp-toolbar { + padding-top: 32px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -.column-author img, .column-username img { - float: right; - margin-right: 0; - margin-left: 10px; +.narrow { + width: 70%; + margin-bottom: 40px; } -.tagchecklist { - margin-left: 0; - margin-right: 14px; +.narrow p { + line-height: 150%; } -.tagchecklist strong { - margin-left: 0; - margin-right: -8px; +.widefat th, +.widefat td { + overflow: hidden; } -.tagchecklist span { - margin-right: 0; - margin-left: 25px; - float: right; +.widefat th { + font-weight: normal; +} +.widefat td p { + margin: 2px 0 0.8em; } -.tagchecklist span a { - margin: 6px -9px 0pt 0pt; - float: right; + +.widefat .column-comment p { + margin: 0.6em 0; } -#poststuff h2 { - clear: right; +/* Screens with postboxes */ +.postbox-container { + float: right; } -#poststuff h3, -.metabox-holder h3 { - font-family: Tahoma, Arial, sans-serif; +#wpbody-content #dashboard-widgets.columns-1 .postbox-container { + width: 100%; } -.tool-box .title { - font-family: Tahoma, Arial, sans-serif; +#wpbody-content #dashboard-widgets.columns-2 .postbox-container { + width: 49.5%; } -#sidemenu { - margin: -30px 315px 0 15px; +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { float: left; - padding-left: 0; - padding-right: 10px; + width: 50.5%; } -#sidemenu a { - float: right; + +#wpbody-content #dashboard-widgets.columns-3 .postbox-container { + width: 33.5%; } -table .vers, -table .column-visible, -table .column-rating { - text-align: right; +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { + width: 33%; } -.screen-meta-toggle { - right: auto; - left: 15px; +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { + float: left; } -.screen-reader-text, -.screen-reader-text span, -.ui-helper-hidden-accessible { - left: auto; - right: -1000em; +#wpbody-content #dashboard-widgets.columns-4 .postbox-container { + width: 25%; } -.screen-reader-shortcut:focus { - left: auto; - right: 6px; +.postbox-container .meta-box-sortables { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; } -/*------------------------------------------------------------------------------ - 24.0 - Dead -------------------------------------------------------------------------------*/ +.metabox-holder .postbox-container .empty-container { + border: 3px dashed #bbb; + height: 250px; +} -/* - Not used anywhere in WordPress - verify and then deprecate -------------------------------------------------------------------------------*/ +.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; +} -/* No RTL for now, this space intentionally left blank */ +.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: left; + width: 50.5%; +} -/* - Only used once or twice in all of WP - deprecate for global style -------------------------------------------------------------------------------*/ +.ie8 #dashboard-widgets #postbox-container-3 .empty-container, +.ie8 #dashboard-widgets #postbox-container-4 .empty-container { + border: 0 none; + height: 0; + min-height: 0; +} -* html #template div {margin-left: 0;} +#poststuff { + padding-top: 10px; + min-width: 763px; +} -/* - Used - but could/should be deprecated with a CSS reset -------------------------------------------------------------------------------*/ -/* No RTL for now, this space intentionally left blank */ +#poststuff #post-body { + padding: 0; +} +#post-body-content { + width: 100%; + min-width: 463px; + float: right; +} -/*------------------------------------------------------------------------------ - 25.0 - TinyMCE tweaks - Small tweaks for until tinymce css files are proprely RTLized -------------------------------------------------------------------------------*/ -#editorcontainer .wp_themeSkin .mceStatusbar { - padding-left: 0; - padding-right: 5px; +#poststuff .postbox-container { + width: 100%; } -#editorcontainer .wp_themeSkin .mceStatusbar div { - float: right; +#poststuff #post-body.columns-2 { + margin-left: 300px; } -#editorcontainer .wp_themeSkin .mceStatusbar a.mceResize { +#post-body.columns-2 #postbox-container-1 { float: left; + margin-left: -300px; + width: 280px; } -#content-resize-handle { - background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom; - right: auto; - left: 2px; - cursor: sw-resize; +#post-body.columns-2 #side-sortables { + min-height: 250px; } -/*------------------------------------------------------------------------------ - 26.0 - Full Overlay w/ Sidebar -------------------------------------------------------------------------------*/ -.wp-full-overlay .wp-full-overlay-sidebar { - margin: 0; - left: auto; - right: 0; - border-right: 0; - border-left: 1px solid rgba( 0, 0, 0, 0.2 ); +#dashboard-widgets .postbox-container { + width: 25%; } -.wp-full-overlay-sidebar:after { - right: auto; - left: 0; - box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1); +#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { + border: none !important; } -.wp-full-overlay.collapsed, -.wp-full-overlay.expanded .wp-full-overlay-sidebar { - margin-right: 0 !important; +#dashboard-widgets-wrap { + overflow: hidden; } -.wp-full-overlay.expanded { - margin-right: 300px; - margin-left: 0; -} +/* one column on the dash */ +@media only screen and (max-width: 799px) { + #wpbody-content #dashboard-widgets .postbox-container { + width: 100%; + } -.wp-full-overlay.collapsed .wp-full-overlay-sidebar { - margin-right: -300px; - margin-left: 0; + #wpbody-content .metabox-holder .postbox-container .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } } -/* Collapse Button */ -.wp-full-overlay a.collapse-sidebar { - left: auto; - right: 0; - margin-left: 0; - margin-right: 15px; -} +/* 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%; + } -.wp-full-overlay.collapsed .collapse-sidebar { - right: 100%; -} + #wpbody-content #dashboard-widgets #postbox-container-2, + #wpbody-content #dashboard-widgets #postbox-container-3, + #wpbody-content #dashboard-widgets #postbox-container-4 { + float: left; + width: 50.5%; + } -.wp-full-overlay .collapse-sidebar-arrow { - margin-right: 2px; - margin-left: 0; - background: transparent url('../images/arrows.png') no-repeat 1px -108px; -} + #dashboard-widgets #postbox-container-3 .empty-container, + #dashboard-widgets #postbox-container-4 .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } -.wp-full-overlay.collapsed .collapse-sidebar-arrow { - background-position: 0 -72px; -} + #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { + width: 100%; + } -.wp-full-overlay .collapse-sidebar-label { - right: 100%; - left: auto; - margin-right: 10px; - margin-left: 0; -} + #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } -/*------------------------------------------------------------------------------ - 27.0 - Customize Loader -------------------------------------------------------------------------------*/ -.install-theme-info .theme-install { - float: left; + /* 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; + } } -/* MERGED */ +/* 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%; + } -/* global */ + #wpbody-content #dashboard-widgets #postbox-container-1 { + width: 33%; + } -/* 2 column liquid layout */ + #wpbody-content #dashboard-widgets #postbox-container-3, + #wpbody-content #dashboard-widgets #postbox-container-4 { + float: left; + } -#wpcontent { - margin-left: 0; - margin-right: 165px; + #dashboard-widgets #postbox-container-4 .empty-container { + border: 0 none; + height: 0; + min-height: 0; + } } -#wpbody-content { - float: right; +/* 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-left: 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; + } } -#adminmenuwrap { - float: right; +.js .postbox .hndle { + cursor: move; } -#adminmenu { - clear: right; +.hndle a { + font-size: 11px; + font-weight: normal; } -/* inner 2 column liquid layout */ -.inner-sidebar { +.postbox .handlediv { float: left; - clear: left; + width: 27px; + height: 30px; } -.has-right-sidebar #post-body { - float: right; - clear: right; - margin-right: 0; - margin-left: -340px; +.js .postbox .handlediv { + cursor: pointer; } -.has-right-sidebar #post-body-content { - margin-right: 0; - margin-left: 300px; +.sortable-placeholder { + border-width: 1px; + border-style: dashed; + margin-bottom: 20px; } -/* 2 columns main area */ - -#col-right { - float: left; - clear: left; +.postbox, +.stuffbox { + margin-bottom: 20px; + padding: 0; + line-height: 1; } -/* utility classes*/ -.alignleft { - float: right; +.postbox h3, +.stuffbox h3 { + margin-top: 1px; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } -.alignright { - float: left; +.js .widget .widget-top, +.js .postbox h3 { + cursor: move; } -.textleft { - text-align: right; +.postbox .inside, +.stuffbox .inside { + padding: 0 12px 12px; + line-height: 1.4em; + font-size: 13px; } -.textright { - text-align: left; +.postbox .inside { + margin: 11px 0; + position: relative; } -/* styles for use by people extending the WordPress interface */ - -body, -td, -textarea, -input, -select { - font-family: Tahoma, Arial, sans-serif; +#dashboard-widgets .postbox .inside { + margin-bottom: 0; } -ul.ul-disc, -ul.ul-square, -ol.ol-decimal { - margin-left: 0; - margin-right: 1.8em; +.postbox .inside > p:last-child, +.rss-widget ul li:last-child { + margin-bottom: 1px !important; } -.subsubsub { - float: right; +.postbox.closed h3 { + border: none; + -webkit-box-shadow: none; + box-shadow: none; } -.widefat thead th:first-of-type { - -webkit-border-top-left-radius: 0; - -webkit-border-top-right-radius: 3px; - border-top-left-radius: 0; - border-top-right-radius: 3px; +.postbox table.form-table { + margin-bottom: 0; } -.widefat thead th:last-of-type { - -webkit-border-top-right-radius: 0; - -webkit-border-top-left-radius: 3px; - border-top-right-radius: 0; - border-top-left-radius: 3px; +.temp-border { + border: 1px dotted #ccc; } -.widefat tfoot th:first-of-type { - -webkit-border-bottom-left-radius: 0; - -webkit-border-bottom-right-radius: 3px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 3px; + +.columns-prefs label { + padding: 0 5px; } -.widefat tfoot th:last-of-type { - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 3px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 3px; + + +/*------------------------------------------------------------------------------ + 9.0 - Dashboard +------------------------------------------------------------------------------*/ + +#dashboard-widgets-wrap { + margin: 0 -8px; } -.widefat th { - text-align: right; +#wpbody-content .metabox-holder { + padding-top: 10px; } -.widefat th input { - margin: 0 8px 0 0; +#dashboard-widgets .meta-box-sortables { + margin: 0 8px; + min-height: 100px; } -.wrap { +#the-comment-list td.comment p.comment-author { + margin-top: 0; margin-right: 0; - margin-left: 15px; } -.wrap h2, -.subtitle { - font-family: Tahoma, Arial, sans-serif; +#the-comment-list p.comment-author img { + float: right; + margin-left: 8px; } -.wrap h2 { - padding-right: 0; - padding-left: 15px; +#the-comment-list p.comment-author strong a { + border: none; } -.subtitle { - padding-left: 0; - padding-right: 25px; +#the-comment-list td { + vertical-align: top; } -.wrap .add-new-h2 { - font-family: Tahoma, Arial, sans-serif; - margin-left: 0; - margin-right: 4px; +#the-comment-list td.comment { + word-wrap: break-word; } -.wrap h2.long-header { - padding-left: 0; +/* Welcome Panel */ +.welcome-panel { + position: relative; + overflow: auto; + margin: 16px 0; + padding: 23px 10px 0; + font-size: 13px; + line-height: 2.1em; } -/* dashboard */ -#dashboard-widgets-wrap .has-sidebar { - margin-right: 0; - margin-left: -51%; +.welcome-panel h3 { + margin: 0; + font-size: 21px; + font-weight: normal; + line-height: 1.2; } -#dashboard-widgets-wrap .has-sidebar .has-sidebar-content { - margin-right: 0; - margin-left: 51%; +.welcome-panel h4 { + margin: 1.33em 0 0; + font-size: 16px; } -.view-all { - right: auto; - left: 0; +.welcome-panel li { + font-size: 14px; } -#dashboard_right_now p.sub, -#dashboard-widgets h4, -a.rsswidget, -#dashboard_plugins h4, -#dashboard_plugins h5, -#dashboard_recent_comments .comment-meta .approve, -#dashboard_right_now td.b, -#dashboard_right_now .versions a { - font-family: Tahoma, Arial, sans-serif; +.welcome-panel .about-description { + font-size: 16px; + margin: 0; } -#dashboard_right_now p.sub { - left:auto; - right:15px; +.welcome-panel .welcome-panel-close { + position: absolute; + top: 5px; + left: 10px; + padding: 20px 3px 0 15px; + font-size: 13px; + text-decoration: none; + line-height: 1; } -#dashboard_right_now td.b { - padding-right: 0; - padding-left: 6px; - text-align: left; +#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; } -#dashboard_right_now .t { - padding-right: 0; - padding-left: 12px; +#welcome-panel.welcome-panel .welcome-panel-close::before { + position: absolute; + right: -18px; + margin-top: -2px; + -webkit-transition: all .1s ease-in-out; + -moz-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } -#dashboard_right_now .table_content { - float:right; +.wp-core-ui .welcome-panel .button.button-hero { + margin: 15px 0 3px; } -#dashboard_right_now .table_discussion { - float:left; +.welcome-panel-content { + margin-right: 13px; + max-width: 1500px; } -#dashboard_right_now a.button { - float: left; - clear: left; +.welcome-panel .welcome-panel-column-container { + clear: both; + overflow: hidden; + position: relative; } -#dashboard_plugins .inside span { - padding-left: 0; - padding-right: 5px; +.welcome-panel .welcome-panel-column { + width: 32%; + min-width: 200px; + float: right; } -#dashboard-widgets h3 .postbox-title-action { - right: auto; - left: 10px; +.ie8 .welcome-panel .welcome-panel-column { + min-width: 230px; } -.js #dashboard-widgets h3 .postbox-title-action { - right: auto; - left: 30px; +.welcome-panel .welcome-panel-column:first-child { + width: 36%; } -#the-comment-list .pingback { - padding-left: 0 !important; - padding-right: 9px !important; +.welcome-panel-column p.hide-if-no-customize { + margin-top: 10px; } -/* Recent Comments */ -#the-comment-list .comment-item { - padding: 1em 70px 1em 10px; +.welcome-panel-column p { + margin-top: 7px; } -#the-comment-list .comment-item .avatar { - float: right; - margin-left: 0; - margin-right: -60px; +.welcome-panel .welcome-icon { + display: block; + padding: 0 0 8px; + background: transparent !important; } -/* Feeds */ -.rss-widget cite { - text-align: left; +.welcome-panel .welcome-icon:before { + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 0 0 10px; + top: -1px; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + vertical-align: top; } -.rss-widget span.rss-date { - font-family: Tahoma, Arial, sans-serif; - margin-left: 0; - margin-right: 3px; +.welcome-panel .welcome-write-blog:before, +.welcome-panel .welcome-edit-page:before { + content:'\f119'; + top: -3px; } -/* QuickPress */ -#dashboard-widgets #dashboard_quick_press form p.submit input { - float: right; +.welcome-panel .welcome-add-page:before { + content:'\f132'; } -#dashboard-widgets #dashboard_quick_press form p.submit #save-post { - margin: 0 1px 0 0.7em; +.welcome-panel .welcome-view-site:before { + content:'\f115'; + top: -2px; } -#dashboard-widgets #dashboard_quick_press form p.submit #publish { - float: left; +.welcome-panel .welcome-widgets-menus:before { + content:'\f116'; + top: -2px; } -#dashboard-widgets #dashboard_quick_press form p.submit .spinner { - margin: 4px 0 0 6px; +.welcome-panel .welcome-comments:before { + content:'\f117'; + top: -1px; } -/* Recent Drafts */ -#dashboard_recent_drafts h4 abbr { - font-family: Tahoma, Arial, sans-serif; - margin-left:0; - margin-right: 3px; +.welcome-panel .welcome-learn-more:before { + content:'\f118'; + top: -1px; } -/* login */ -body.login { - font-family: Tahoma, Arial, sans-serif; +.welcome-panel .welcome-widgets-menus { + line-height: 16px; } -.login form { - margin-right: 8px; - margin-left: 0; +.welcome-panel .welcome-panel-column ul { + margin: 0.8em 0 1em 1em; } -.login form .forgetmenot { - float: right; +.welcome-panel .welcome-panel-column li { + line-height: 16px; + list-style-type: none; } -.login form .submit { - float: left; +/* Dashboard WordPress news */ + +#dashboard_primary .inside { + margin: 0; + padding: 0; } -#login form .submit input { - font-family: Tahoma, Arial, sans-serif; +#dashboard_primary .widget-loading, +#dashboard_primary .dashboard-widget-control-form { + padding: 12px 12px 0; } -.login #nav, -.login #backtoblog { - margin: 0 16px 0 0; +body #dashboard-widgets .postbox form .submit { + margin: 0; } -#login_error, -.login .message { - margin: 0 8px 16px 0; +.dashboard-widget-control-form { + overflow: hidden; } -.login #user_pass, -.login #user_login, -.login #user_email { - margin-left: 6px; - margin-right: 0; - direction: ltr; +.dashboard-widget-control-form p { + margin-top: 0; } -.login h1 a { - text-decoration: none; +.rssSummary { + color: #777; + margin-top: 4px; } -.login .button-primary { - float: left; +#dashboard_primary .rss-widget { + border-bottom: 1px solid #eee; + font-size: 13px; + padding: 8px 12px 10px; } -/* nav-menu */ -#nav-menus-frame { - margin-right: 300px; - margin-left: 0; +#dashboard_primary .rss-widget:last-child { + border-bottom: none; + padding-bottom: 8px; } -#wpbody-content #menu-settings-column { - margin-right: -300px; - margin-left: 0; - float: right; +#dashboard_primary .rss-widget a { + font-weight: normal; } -.menu-location-menus select { - float: right; +#dashboard_primary .rss-widget span, +#dashboard_primary .rss-widget span.rss-date { + color: #777; } -.locations-row-links { - float: right; - margin: 4px 6px 0 0; +#dashboard_primary .rss-widget span.rss-date { + margin-right: 12px; } -.locations-add-menu-link { - direction: rtl; +#dashboard_primary .rss-widget ul li { + margin-bottom: 8px; } -.locations-edit-menu-link { - border-left: 1px solid #CCCCCC; - border-right: 0; - padding-left: 6px; - padding-right: 0; - float: right; +/* Dashboard right now */ + +#dashboard_right_now ul { + margin: 0; + overflow: hidden; } -/* Menu Container */ -#menu-management-liquid { +#dashboard_right_now li { + width: 50%; float: right; + margin-bottom: 10px; } -#menu-management { - margin-left: 20px; - margin-right: 0; +#dashboard_right_now .inside { + overflow: hidden; + padding: 0; } -.post-body-plain { - padding: 10px 0 0 10px; +#dashboard_right_now .main { + padding: 0 12px 11px; } -/* Menu Tabs */ +#dashboard_right_now .main p { + margin: 0; +} -#menu-management .nav-tabs-arrow-left { - right: 0; - left:auto; +.mu-storage { + overflow: hidden; } -#menu-management .nav-tabs-arrow-right { - left: 0; - right:auto; - text-align: left; - font-family: Tahoma, Arial, sans-serif; +#dashboard-widgets h4.mu-storage { + margin-bottom: 10px; } -#menu-management .nav-tabs { - padding-right: 20px; - padding-left: 10px; +/* Dashboard right now - Colors */ + +#dashboard_right_now li a:before { + color: #888; } -.js #menu-management .nav-tabs { - float: right; - margin-right: 0px; - margin-left: -400px; +#dashboard_right_now .sub { + color: #777; + background: #f5f5f5; + border-top: 1px solid #eee; + padding: 10px 12px 6px 12px; } -#select-nav-menu-container { - text-align: left; +#dashboard_right_now .sub h4 { + color: #555; } -#wpbody .open-label { - float:right; +#dashboard_right_now .sub p { + margin: 0 0 1em; } -#wpbody .open-label span { - padding-left: 10px; - padding-right:0; +#dashboard_right_now .warning a:before { + color: #d54e21; } -.js .input-with-default-title { - font-style: normal; - font-weight: bold; +/* Dashboard right now - Icons */ +#dashboard_right_now li a:before { + content: '\f159'; + font: normal 20px/1 'dashicons'; + speak: none; + display: block; + float: right; + margin: 0 0 0 5px; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + text-decoration: none !important; } -/* Add Menu Item Boxes */ -.postbox .howto input, -.accordion-container .howto input { - float: left; +#dashboard_right_now .page-count a:before { + content: '\f105'; } -#nav-menu-theme-locations .button-controls { - text-align: left; +#dashboard_right_now .post-count a:before { + content: '\f109'; } -/* Button Primary Actions */ +#dashboard_right_now .comment-count a:before { + content: '\f101'; +} -.meta-sep, -.submitcancel { - float: right; +#dashboard_right_now .comment-mod-count a:before { + content: '\f125'; } -#cancel-save { - margin-left: 0; - margin-right: 20px; +#dashboard_right_now .storage-count a:before { + content: '\f104'; } -.button.right, .button-secondary.right, .button-primary.right { - float: left; +#dashboard_right_now .storage-count.warning a:before { + content: '\f153'; } -/* Button Secondary Actions */ -.list-controls { - float: right; +/* Dashboard Quick Draft */ + +#dashboard_quick_press .inside { + margin: 0; + padding: 0; } -.add-to-menu { - float: left; + +#dashboard_quick_press div.updated { + margin-bottom: 10px; + border: 1px solid #eee; + border-width: 1px 0 1px 1px; } -/* Custom Links */ -#add-custom-link label span { - float: right; - padding-left: 5px; - padding-right: 0; +#dashboard_quick_press form { + overflow: hidden; + margin: 12px; } -.nav-menus-php .howto span { - float: right; +#dashboard_quick_press .drafts, +#dashboard_quick_press .easy-blogging { + padding: 10px 0 0; } -.list li .menu-item-title input { - margin-left: 3px; - margin-right: 0; +/* Dashboard Quick Draft - Form styling */ + +input#save-post { + float: right; } -/* Nav Menu */ -.menu-item-handle { - padding-right: 10px; - padding-left: 0; +form.initial-form.quickpress-open label.prompt { + font-style: normal; } -.menu-item-edit-active .menu-item-handle { - -webkit-border-bottom-left-radius: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + +form.initial-form.quickpress-open input#title { + height: auto; } -.menu-item-handle .item-title { - margin-left:13em; - margin-right:0; - overflow: hidden; + +#dashboard_quick_press input, +#dashboard_quick_press textarea { + box-sizing: border-box; + -moz-box-sizing:border-box; + -webkit-box-sizing:border-box; + margin: 0; } -.menu-item-handle .item-edit { - right: auto; - left: -20px; + +#dashboard_quick_press textarea { + resize: vertical; } -.menu-item-handle .menu-item-title { - float: right; +#dashboard-widgets .postbox form .submit { + margin: -39px 0; + float: left; } -.menu-item-settings .field-move a, -.menu-item-settings .field-move span { - float: right; - margin-left: 4px; +#description-wrap { + margin-top: 12px; } -/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ -.menu-item-depth-0 { margin-right: 0px; margin-left:0;} -.menu-item-depth-1 { margin-right: 30px; margin-left:0;} -.menu-item-depth-2 { margin-right: 60px; margin-left:0;} -.menu-item-depth-3 { margin-right: 90px; margin-left:0;} -.menu-item-depth-4 { margin-right: 120px; margin-left:0;} -.menu-item-depth-5 { margin-right: 150px; margin-left:0;} -.menu-item-depth-6 { margin-right: 180px; margin-left:0;} -.menu-item-depth-7 { margin-right: 210px; margin-left:0;} -.menu-item-depth-8 { margin-right: 240px; margin-left:0;} -.menu-item-depth-9 { margin-right: 270px; margin-left:0;} -.menu-item-depth-10 { margin-right: 300px; margin-left:0;} -.menu-item-depth-11 { margin-right: 330px; margin-left:0;} - -.menu-item-depth-0 .menu-item-transport { margin-right: 0px; margin-left:0;} -.menu-item-depth-1 .menu-item-transport { margin-right: -30px; margin-left:0;} -.menu-item-depth-2 .menu-item-transport { margin-right: -60px; margin-left:0;} -.menu-item-depth-3 .menu-item-transport { margin-right: -90px; margin-left:0;} -.menu-item-depth-4 .menu-item-transport { margin-right: -120px; margin-left:0;} -.menu-item-depth-5 .menu-item-transport { margin-right: -150px; margin-left:0;} -.menu-item-depth-6 .menu-item-transport { margin-right: -180px; margin-left:0;} -.menu-item-depth-7 .menu-item-transport { margin-right: -210px; margin-left:0;} -.menu-item-depth-8 .menu-item-transport { margin-right: -240px; margin-left:0;} -.menu-item-depth-9 .menu-item-transport { margin-right: -270px; margin-left:0;} -.menu-item-depth-10 .menu-item-transport { margin-right: -300px; margin-left:0;} -.menu-item-depth-11 .menu-item-transport { margin-right: -330px; margin-left:0;} +#title-wrap #title-prompt-text, +.textarea-wrap #content-prompt-text { + color: #777; +} -/* Menu item controls */ -.item-type { - padding-left: 10px; - padding-right:0; +#title-wrap #title-prompt-text { + font-size: 1.1em; + padding: 7px 8px; } -.item-controls { - left: 20px; - right: auto; +.input-text-wrap, +.textarea-wrap { + position: relative; } -.item-controls .item-order { - padding-left: 10px; - padding-right: 0; +.input-text-wrap .prompt, +.textarea-wrap .prompt { + position: absolute; } -.item-edit { - left: -20px; - right:auto; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 0; +.textarea-wrap #content-prompt-text { + font-size: 1.1em; + padding: 7px 8px; } -/* Menu editing */ -.menu-item-settings { - padding: 10px 10px 10px 0; - border-width: 0 1px 1px 1px; +.textarea-wrap textarea#content { + margin: 0 0 8px; + padding: 6px 7px; } -#custom-menu-item-url { - direction: ltr; +#quick-press textarea#content { + min-height: 90px; + max-height: 1300px; + resize: none; } -.link-to-original { - font-style: normal; - font-weight: bold; +/* Dashboard Quick Draft - Drafts list */ + +.js #dashboard_quick_press .drafts { + border-top: 1px solid #eee; } -.link-to-original a { - padding-right: 4px; - padding-left:0; +#dashboard_quick_press .drafts abbr { + border: none; } -.menu-item-settings .description-thin, -.menu-item-settings .description-wide { - margin-left: 10px; - margin-right:0; - float: right; +#dashboard_quick_press .drafts h4 { + margin: 0 12px 8px; + font-weight: normal; } -/* Major/minor publishing actions (classes) */ -.major-publishing-actions .publishing-action { - text-align: left; +#dashboard_quick_press .drafts .view-all { float: left; + margin: 0 0 0 12px; } -.major-publishing-actions .delete-action { - text-align: right; - float: right; - padding-left: 15px; - padding-right:0; +#dashboard_primary a.rsswidget { + font-weight: normal; } -.menu-name-label { - margin-left: 15px; - margin-right:0; +#dashboard_quick_press .drafts ul { + margin: 0 12px; } -/* Star ratings */ -div.star-holder { - background: url('../images/stars-rtl.png?ver=20121108') repeat-x bottom right; +#dashboard_quick_press .drafts li { + margin-bottom: 1em; } -div.star-holder .star-rating { - background: url('../images/stars-rtl.png?ver=20121108') repeat-x top right; - float: right; +#dashboard_quick_press .drafts li time { + color: #777; } -#plugin-information .wrap { - margin: 4px 15px 0 0; +#dashboard_quick_press .drafts p { + margin: 0; } -#plugin-information ul#sidemenu { - left: auto; - right: 0; +#dashboard_quick_press .draft-title { + overflow: hidden; } -#plugin-information .fyi { +#dashboard_quick_press .draft-title a, +#dashboard_quick_press .draft-title time { float: right; + margin: 0 0 0 5px; } -#plugin-information #section-screenshots li p { - padding-left: 0; - padding-right: 20px; +/* Dashboard activity widget */ + +#dashboard-widgets #dashboard_activity h4 { + margin: 0 12px 8px 0; + font-weight: normal; } -#plugin-information .updated, -#plugin-information .error { - clear: none; - direction: rtl; +#dashboard-widgets #dashboard_activity h4.comment-meta { + margin: 0; } -#plugin-information #section-holder .section { - direction: ltr; +#dashboard_activity h4.comment-meta { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-bottom: 4px; } -/* Editor/Main Column */ -.posting { - margin-left: 212px; - margin-right: 0; +#dashboard_activity ul { + padding: 0 12px; +} + +#dashboard_activity .comment-meta span.approve:before { + content: '\f227'; + font: 20px/.5 "dashicons"; + margin-right: 12px; + vertical-align: middle; position: relative; + top: -1px; + margin-left: 2px; } -h3.tb { - margin-left: 0; - margin-right: 5px; +#dashboard_activity .inside { + padding: 0; + margin: 0; } -#publish { - float: left; +#dashboard_activity .no-activity { + overflow: hidden; + padding: 0 12px 12px; + text-align: center; } -.postbox .handlediv { - float: left; +#dashboard_activity .no-activity p { + color: #999; + font-size: 16px; } -.actions li { - float: right; - margin-right: 0; - margin-left: 10px; +#dashboard_activity .no-activity .smiley { + margin-top: 0; } -#extra-fields .actions { - margin: -23px 0 0 -7px; +#dashboard_activity .no-activity .smiley:before { + content: '\f328'; + font: normal 120px/1 'dashicons'; + speak: none; + display: block; + margin: 0 0 0 5px; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + text-decoration: none !important; } -/* Photo Styles */ -#img_container a { - float: right; +#dashboard_activity .subsubsub { + float: none; + border-top: 1px solid #eeeeee; + margin-top: 0; + padding: 8px 12px 4px; } -#category-add input, -#category-add select { - font-family: Tahoma, Arial, sans-serif; +#future-posts .show-more, +#published-posts .show-more { + float: left; + margin-left: 12px; } -/* Tags */ -#tagsdiv #newtag { - margin-right: 0; - margin-left: 5px; +#future-posts ul, +#published-posts ul { + clear: both; + margin-bottom: 0; } -#tagadd { - margin-left: 0; - margin-right: 3px; +#future-posts li, +#published-posts li { + overflow: hidden; + margin-bottom: 8px; } -#tagchecklist span { - margin-left: .5em; - margin-right: 10px; +#future-posts ul span, +#published-posts ul span { + color: #777; float: right; + margin-left: 8px; + min-width: 150px; } -#tagchecklist span a { - margin: 6px -9px 0 0; - float: right; + +.activity-block { + border-bottom: 1px solid #eee; + overflow: hidden; + padding: 8px 0 4px; } -.submit input, -.button, -.button-primary, -.button-secondary, -#postcustomstuff .submit input { - font-family: Tahoma, Arial, sans-serif; +.activity-block:last-child { + border-bottom: none; } -.ac_results li { - text-align: right; +.activity-block .subsubsub li { + color: #ddd; } -#TB_ajaxContent #options { - right: auto; - left: 25px; +/* Dashboard activity widget - Comments */ + +#activity-widget #the-comment-list tr.undo, +#activity-widget #the-comment-list div.undo { + background: none; + padding: 6px 0; } -#TB_closeAjaxWindow { - float: left; +#activity-widget #the-comment-list .alternate, +#activity-widget #the-comment-list .alt { + background: none; } -#TB_ajaxWindowTitle { - float: right; +#activity-widget #the-comment-list .comment { + background: #fafafa; + padding: 12px; + position: relative; } -#post_status { - margin-left: 0; - margin-right: 10px; +#activity-widget #the-comment-list img { + position: absolute; + right: 13px; + top: 13px; } -/* theme-editor, plugin-editor */ -#templateside { - float: left; +#activity-widget #the-comment-list .dashboard-comment-wrap { + padding-right: 63px; } -#template textarea, -#docs-list { - direction: ltr; +#activity-widget #the-comment-list .dashboard-comment-wrap blockquote { + margin: 1em 0; } -/* theme-install */ -.theme-details .theme-version { - float: right; +#activity-widget #the-comment-list .comment-item h4 { + font-size: 13px; + color: #999; } -.theme-details .star-holder { - float: left; +#activity-widget #the-comment-list .comment-item p.row-actions { + margin: 4px 0 0 0; } -.feature-filter .feature-group { - float: right; +#activity-widget #the-comment-list .comment-item:first-child { + border-top: 1px solid #eeeeee; } -.feature-filter .feature-group li { - padding-right: 0; - padding-left: 25px; +#activity-widget #the-comment-list .unapproved:before { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + bottom: 0; + background: #d54e21; + width: 4px; } -/* widgets */ -/* 2 column liquid layout */ -div.widget-liquid-left { - float: right; - clear: right; - margin-right: 0; - margin-left: -325px; +#activity-widget #the-comment-list .spam-undo-inside .avatar, +#activity-widget #the-comment-list .trash-undo-inside .avatar { + margin-left: 20px; + position: relative; + top: 0; } -div#widgets-left { - margin-right: 5px; - margin-left: 325px; +/* Browse happy box */ + +#dashboard-widgets #dashboard_browser_nag.postbox .inside { + margin: 10px; } -div.widget-liquid-right { - float: left; - clear: left; +@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-left: 13px; + } + + .welcome-panel .welcome-panel-column ul { + margin: 0.4em 0 0; + } + } -.inactive-sidebar .widget { - float: right; +/*------------------------------------------------------------------------------ + 10.0 - List Posts (/Pages/etc) +------------------------------------------------------------------------------*/ + +table.fixed { + table-layout: fixed; } -div.sidebar-name h3 { - font-family: Tahoma, Arial, sans-serif; +.fixed .column-rating, +.fixed .column-visible { + width: 8%; } -#widget-list .widget { - float: right; +.fixed .column-posts, +.fixed .column-date, +.fixed .column-parent, +.fixed .column-links, +.fixed .column-author, +.fixed .column-format { + width: 10%; } -.inactive-sidebar .widget-placeholder { - float: right; +.fixed .column-response, +.fixed .column-categories, +.fixed .column-tags, +.fixed .column-rel, +.fixed .column-role { + width: 15%; } -.widget-top .widget-title-action { - float: left; +.fixed .column-slug { + width: 25%; } -.widget-control-edit { - padding: 0 0 0 8px; +.fixed .column-locations { + width: 35%; } -.sidebar-name-arrow { - float: left; +.fixed .column-comments { + width: 4em; + padding: 8px 0; + text-align: right; } -/* Press This */ -.press-this-sidebar { - float: left; +.fixed .column-comments .vers { + padding-right: 3px; } -.press-this #header-logo, -.press-this #wphead h1 { +.fixed .column-comments a { float: right; } -/* RTL */ -.ltr { - direction: ltr; +.fixed .column-icon { + width: 80px; } -.control-section .accordion-section-title { - font-family: Tahoma, Arial, sans-serif; +#comments-form .fixed .column-author { + width: 20%; } -.js .accordion-section-title:after { - right: auto; - left: 20px; +#commentsdiv.postbox .inside { + margin: 0; + padding: 0; } -/*------------------------------------------------------------------------------ - 28.0 - Nav Menus -------------------------------------------------------------------------------*/ -.nav-menus-php .major-publishing-actions .publishing-action { - float: left; +#commentsdiv .inside .row-actions { + line-height:18px; } -.menu-settings dd { - float: right; +#commentsdiv .inside .column-author { + width: 25%; } -.manage-menus span { - float: right; +#commentsdiv .column-comment p { + margin: 0.6em 0; + padding: 0; } -.manage-menus select { - float: right; - margin-right: 0; - margin-left: 6px; +#commentsdiv #replyrow td { + padding: 0; } -.manage-menus .submit-btn { - float: right; +#commentsdiv p { + padding: 8px 10px; + margin: 0; } -.manage-menus .selected-menu { - float: right; - margin: 5px 0 0 6px; +#commentsdiv .comments-box { + border: 0 none; } -.nav-menus-php .add-new-menu-action { - float: right; - margin: 4px 6px 0 0; +#commentsdiv .comments-box thead th { + background: transparent; + padding: 0 7px 4px; + font-style: italic; } -.nav-menus-php .meta-sep, -.nav-menus-php .submitdelete, -.nav-menus-php .submitcancel { - float: right; +#commentsdiv .comments-box tr:last-child td { + border-bottom: 0 none; } -.is-submenu { - float: right; - margin-right: 8px; +#commentsdiv .spinner { + padding-right: 5px; } -/*------------------------------------------------------------------------------ - 29.0 - HiDPI -------------------------------------------------------------------------------*/ -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - .post-com-count { - background-image: url('../images/bubble_bg-rtl-2x.gif'); - background-size: 18px 100px; - } +.sorting-indicator { + display: none; + width: 10px; + height: 4px; + margin-top: 8px; + margin-right: 7px; +} + +.sorting-indicator:before { + background: none; + content: '\f142'; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0; + top: -4px; + right: -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; + right: -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 6px 0 0; + 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 10px 8px 7px; +} + +.fixed .column-comments.sortable a, +.fixed .column-comments.sorted a { + padding: 8px 0; +} + +th.sortable a span, +th.sorted a span { + float: right; + 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-left: 1px; + padding: 0 2px; +} +.tablenav-pages .current-page { + padding-top: 0; + text-align: center; +} +.tablenav-pages .next-page { + margin-right: 2px; +} + +.tablenav a.button-secondary { + display: block; + margin: 3px 0 0 8px; +} + +.tablenav { + clear: both; + height: 30px; + margin: 6px 0 4px; + vertical-align: middle; +} + +.tablenav.themes { + max-width: 98%; +} + +.tablenav .tablenav-pages { + float: left; + 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-left: 2px; + font-size: 12px; + font-style: italic; +} + +.tablenav .actions { + overflow: hidden; + padding: 2px 0 0 8px; +} + +.tablenav .delete { + margin-left: 20px; +} + +.view-switch { + float: left; + margin: 5px 8px 0 16px; +} + +.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: right; + font: normal 20px/1 'dashicons'; + speak: none; + vertical-align: middle; + margin-right: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.view-switch > a + a:before { + margin-right: 5px; + content: '\f164'; +} + +.filter { + float: right; + margin: -5px 10px 0 0; +} + +.filter .subsubsub { + margin-right: -10px; + margin-top: 13px; +} +.screen-per-page { + width: 4em; +} + +#posts-filter fieldset { + float: right; + margin: 0 0 1em 1.5ex; + padding: 0; +} + +#posts-filter fieldset legend { + padding: 0 1px .2em 0; +} + + +/*------------------------------------------------------------------------------ + 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: right; + 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 1px 0 0; + 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: left; + 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: right; + width: 5em; +} + +.inline-edit-row fieldset label span.input-text-wrap { + display: block; + margin-right: 5em; +} + +.quick-edit-row-post fieldset.inline-edit-col-right label span.title { + width: auto; + padding-left: 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-left: 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: left; +} + +/* 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: right; +} + +.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: right; +} + +#bulk-titles { + line-height: 140%; +} +#bulk-titles div { + margin: 0.2em 0.3em; +} + +#bulk-titles div a { + cursor: pointer; + display: block; + float: right; + height: 18px; + margin: 0 -2px 0 3px; + 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: right; +} + +#lost-connection-notice .spinner { + display: block; + float: right; + margin: 0 0 0 5px; +} + +#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: left; + 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-left: 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: right; +} + +.submitbox .submit { + text-align: right; + 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-left: 4px; + padding: 6px; +} + +.inside-submitbox #post_status { + margin: 2px -2px 2px 0; +} + +#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: left; + 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 1px 1px 0; + margin-left: -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-left: 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: left; +} + +#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 left bottom; + width: 12px; + height: 12px; + cursor: sw-resize; +} + +.rtl #content-resize-handle, +.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { + background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom; +} + +#post-body .wp_themeSkin .mceStatusbar a.mceResize { + bottom: 3px; + position: absolute; + left: 3px; +} + +#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize { + bottom: -20px; +} + +#content-resize-handle { + position: absolute; + left: 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 0 0 2px; + top: 0; + right: -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%; + right: 50%; + width: 450px; + margin-right: -225px; + background: #fff; + line-height: 1.5; + z-index: 1000005; +} + +.notification-dialog-background { + position: fixed; + top: 0; + right: 0; + left: 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-left: 10px; +} + +#post-lock-dialog .post-locked-avatar { + float: right; + margin: 0 0 20px 20px; +} + +#post-lock-dialog .wp-tab-first { + outline: 0; +} + +#post-lock-dialog .locked-saving img { + float: right; + margin-left: 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-left: 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 0 0 1px; + -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-right: -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-right: -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; + left: 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: right; +} + +.revisions-next { + float: left; +} + +.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: left; + float: right; + margin-left: 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: right; + margin-right: 6px; + margin-left: 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: left; + margin-right: 6px; + margin-left: 6px; + margin-top: 4px; +} + +.diff-meta-from { + display: none; +} + +.comparing-two-revisions .diff-meta-from { + display: block; +} + +.revisions-tooltip { + position: absolute; + bottom: 105px; + margin-left: 0; + margin-right: -69px; + z-index: 0; + max-width: 350px; + min-width: 130px; + padding: 8px 4px; + display: none; + opacity: 0; +} + +.revisions-tooltip.flipped { + margin-right: 0; + margin-left: -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; + right: 0; + margin-right: 35px; + bottom: -15px; +} + +.revisions-tooltip.flipped .revisions-tooltip-arrow { + margin-right: 0; + margin-left: 35px; + right: auto; + left: 0; +} + +.revisions-tooltip-arrow > span { + content: ""; + position: absolute; + right: 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 { + right: auto; + left: 20px; +} + +.ie8 .revisions-tooltip-arrow > span { + right: 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 { + left: 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; + right: 0; + margin-right: -35px; + bottom: 90px; + z-index: 10000; +} + +.arrow::after { + z-index: 9999; +} + +.arrow.top { + top: -16px; + bottom: auto; +} + +.arrow.left { + right: 20%; +} + +.arrow:after { + content: ""; + position: absolute; + right: 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-right: -10px; +} + +.rtl div.revisions-controls > .wp-slider > .ui-slider-handle { + margin-left: -10px; +} + + /* jQuery UI Slider */ +.wp-slider.ui-slider { + position: relative; + border-width: 1px; + border-style: solid; + text-align: right; + 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; + right: 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 -1px 0 0; +} + +.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'; + left: -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-right: -.6em; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range-min { + right: 0; +} + +.wp-slider.ui-slider-horizontal .ui-slider-range-max { + left: 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: right; + 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-left: 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-right: 0px; + padding: 2px 0px 2px 0; +} + +.post-format-icon:before { + position: relative; + display: inline-block; + margin-left: 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-right: 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: right; + width: 120px; + text-align: left; + /* Negative margin for the sake of those without JS: all tabs display */ + margin: 0 5px 0 -120px; + padding: 0; +} + +ul.add-menu-item-tabs li { + padding: 3px 8px 3px 5px; +} + +#post-body ul.add-menu-item-tabs li.tabs { + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-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-right: 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 12px -24px 0; +} + +#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: right; +} + +.ac_over { + cursor: pointer; +} + +.ac_match { + text-decoration: underline; +} + +/* links tables */ +table.links-table { + width: 100%; +} + +.links-table th { + font-weight: normal; + text-align: right; + 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-left: 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: right; + 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 0 8px 8px; + vertical-align: top; +} + +.media-item thead.media-item-info td { + padding: 4px 10px 0; +} + +.media-item .media-item-info .A1B1 { + padding: 0 10px 0 0; +} + +.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-left: 6px; + margin-right: 2px; +} + +.media-upload-form .align .field label { + display: inline; + padding: 0 23px 0 0; + margin: 0 3px 0 1em; + font-weight: 600; +} + +.media-upload-form tr.image-size label { + margin: 0 5px 0 0; + 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 5px 0 0; +} + +.media-item .edit-attachment, +.describe-toggle-on, +.describe-toggle-off { + display: block; + line-height: 36px; + float: left; +} + +.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-right: 10px; +} + +.media-item .pinkynail { + float: right; + margin: 2px 0 0 10px; + 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: left; + 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: left; + margin: 5px 15px 0 4px; +} + +/*------------------------------------------------------------------------------ + 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; + right: 125px; + position: absolute; + top: 9px; +} + +#find-posts-input { + float: right; + width: 140px; + height: 24px; +} + +#find-posts-search { + float: right; + margin: 1px 3px 0 4px; +} + +#find-posts-response { + margin: 8px 0; + padding: 0 1px 6px; +} + +#find-posts-response table { + width: 100%; +} + +#find-posts-response .found-radio { + padding: 3px 8px 0 0; + width: 15px; +} + +.find-box-buttons { + padding: 8px; + overflow: hidden; +} + +.find-box #resize-se { + position: absolute; + left: 1px; + bottom: 1px; +} + +.ui-find-overlay { + position: absolute; + top: 0; + right: 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: left; + 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: right; +} + +.no-js .wp_attachment_image .button { + display: none; +} + +.wp_attachment_image .spinner, +.A1B1 .spinner { + float: right; + padding: 0 0 4px 0; + vertical-align: bottom; +} + +.imgedit-menu { + margin: 0 0 12px; + min-width: 300px; +} + +.imgedit-menu div { + float: right; + width: 32px; + background: none; + margin: 0 0 0 8px; + 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 0 0 8px; +} + +.imgedit-rleft { + margin: 0 3px; +} + +.imgedit-rright { + margin: 0 3px 0 8px; +} + +.imgedit-flipv { + margin: 0 3px; +} + +.imgedit-fliph { + margin: 0 3px 0 8px; +} + +.imgedit-undo { + margin: 0 3px; +} + +.imgedit-redo { + margin: 0 3px 0 8px; +} + +.imgedit-applyto img { + margin: 0 0 0 8px; +} + +.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-right: 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: right; + padding: 20px 0 20px 10px; + 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-left: 2px; + float: right; +} + +.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-left: 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: left; +} + +#replysubmit .button { + margin-left: 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: right; + padding: 3px 5px 2px 0; + 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 0 1px 8px; + line-height: 16px; +} + +.spam-undo-inside .avatar, +.trash-undo-inside .avatar { + height: 20px; + width: 20px; + margin-left: 8px; + vertical-align: middle; +} + +.stuffbox .editcomment { + clear: none; +} + +#comment-status-radio p { + margin: 3px 0 5px; +} + +#comment-status-radio input { + margin: 2px 0 5px 3px; + 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-right: 4px; +} + + +/*------------------------------------------------------------------------------ + 16.0 - Themes +------------------------------------------------------------------------------*/ + + +/*------------------------------------------------------------------------------ + 16.1 - Manage Themes +------------------------------------------------------------------------------*/ + +.theme-browser .themes { + clear: both; + padding: 0 0 100px; +} + +.themes-php .wrap h2 { + float: right; + margin-bottom: 15px; +} + +.themes-php .wrap h2 .button { + margin-right: 20px; +} + +.themes-php .theme-count { + color: #fff; + border-radius: 30px; + background: #777; + font-size: 14px; + padding: 4px 10px; + font-weight: 600; + margin-right: 5px; + margin-left: 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: right; + margin: 0 0 4% 4%; + 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-left: 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; + left: 0; + height: 38px; + padding: 9px 10px 0 10px; + background: rgba(244, 244, 244, 0.7); + border-right: 1px solid rgba(0,0,0,0.05); +} + +.theme-browser .theme:hover .theme-actions { + opacity: 1; +} + +.theme-browser .theme .theme-actions .button-primary { + margin-left: 3px; +} + +.theme-browser .theme .theme-actions .button-secondary { + float: none; + margin-right: 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; + right: 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%; + left: 25%; + right: 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; + left: 0; + right: 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 0 0 6px; + 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-left: 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-right: none; + opacity: 1; +} + +.theme-browser .theme.active .theme-actions .button-primary { + margin-left: 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; + right: 0; + left: 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%; + right: 50%; + margin-right: -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; + right: 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; + right: -20px; + left: 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; + right: 0; + left: 0; + height: 48px; + border-bottom: 1px solid #ddd; +} + +.theme-overlay .theme-header .close { + cursor: pointer; + height: 48px; + width: 50px; + text-align: center; + float: left; + border-right: 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: right; + text-align: center; + border-left: 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%; + right: 190px; + left: 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 { + right: 70px; +} + +.theme-overlay .theme-about { + position: absolute; + top: 49px; + bottom: 57px; + right: 0; + left: 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; + right: 0; + left: 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-left: 5px; + margin-bottom: 5px; +} + +.theme-overlay .theme-actions .delete-theme { + color: #a00; + position: absolute; + left: 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: right; + margin: 0 0 0 30px; + 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; + right: 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-right: 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; + right: 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: right; +} + +.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-right: 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-left: 5px; +} + +/* Theme Updates info */ +.theme-overlay .theme-update-message { + background: #fefaf7; + border: 1px solid #eee; + border-right: 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-right: 4px solid #2ea2cc; + font-size: 14px; + font-weight: normal; + margin-top: 30px; + padding: 10px 20px 10px 10px; +} + +.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; + right: auto; + left: 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 0 3% 3%; + } + + #wpwrap .theme-browser .theme:nth-child(3n), + #wpwrap .theme-browser .theme:nth-child(4n) { + margin-left: 3%; + } + + #wpwrap .theme-browser .theme:nth-child(5n) { + margin-left: 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 0 3% 3%; + } + .theme-browser .theme .theme-screenshot:after { + padding-top: 75%; /* using a 4/3 aspect ratio */ + } + + .theme-browser .theme:nth-child(3n) { + margin-left: 3%; + } + + .theme-browser .theme:nth-child(4n) { + margin-left: 0; + } +} +/* Maximum screenshot width reaches 440px */ +@media only screen and (max-width: 1120px) { + .theme-browser .theme { + width: 47.5%; + margin-left: 0; + } + + .theme-browser .theme:nth-child(even) { + margin-left: 0; + } + + .theme-browser .theme:nth-child(odd) { + margin-left: 5%; + } +} + +/* Admin menu is folded */ +@media only screen and (max-width: 900px) { + .theme-overlay .theme-wrap { + right: 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 */ + left: 0; + bottom: 0; + right: 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-right: 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-left: 0; + } + + .theme-browser .theme:nth-child(2n), + .theme-browser .theme:nth-child(3n) { + margin-left: 0; + } +} + +@media only screen and (max-width: 650px) { + .theme-overlay .theme-update, + .theme-overlay .theme-description { + margin-right: 0; + } + + .theme-overlay .theme-actions .delete-theme { + position: relative; + left: 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; + right: 0; + top: 0; + left: 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%; + right: 50%; + text-indent: 0; + margin-right: -40px; + } + + .single-theme .theme-wrap { + margin: 0 -10px 0 -12px; + 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: right; + 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-left: 10px; + overflow: hidden; + padding: 20px 0 20px 20px; + 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: right; + padding-left: 10px; + margin-left: 10px; + border-left: 1px solid #dfdfdf; +} + +.available-theme .action-links li { + padding-left: 8px; + margin-left: 8px; +} + +.ie8 .available-theme .action-links li { + padding-left: 7px; + margin-left: 7px; +} + +.available-theme .action-links li:last-child { + padding-left: 0; + margin-left: 0; + border-left: 0; +} + +.available-theme .action-links .delete-theme { + float: left; + margin-right: 8px; + margin-left: 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: right; +} + +/* 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: right; + margin: 0 0 20px 20px; +} + +.appearance_page_custom-header .random-header { + clear: both; + margin: 0 0 20px 20px; + vertical-align: middle; +} + +.appearance_page_custom-header .available-headers label input, +.appearance_page_custom-header .random-header label input { + margin-left: 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 2em 0 0; +} + +.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-left: 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 -2px 0 8px; + -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-left: 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 9px 8px 12px; +} + +.pressthis a span:before { + font: normal 20px/1 'dashicons'; + content:'\f157'; + position: relative; + display: inline-block; + top: 4px; + margin-left: 4px; +} + +.pressthis a:after { + content: ''; + width: 70%; + height: 55%; + z-index: -1; + position: absolute; + left: 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-right: 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; + right: 0; + left: 0; + padding: 10px 0; + margin-left: 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 20px 0 40px; + 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 5px 0.5em 0; + max-width: 100%; +} + +/* Typography */ + +.about-wrap p { + line-height: 1.6em; + font-size: 14px; +} + +.about-wrap h1 { + margin: 0.2em 0 0 200px; + 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 0 1em 200px; + 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; + left: 0; +} + +/* Tabs */ + +.about-wrap h2.nav-tab-wrapper { + padding-right: 6px; +} + +.about-wrap h2 .nav-tab { + padding: 4px 15px 6px; + margin: 0 0 -1px 3px; + 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: right; +} + +.about-wrap .feature-section.three-col > div { + position: relative; + width: 29.95%; + margin-left: 4.999999999%; + float: right; +} + +.about-wrap .feature-section.col .last-feature { + margin-left: 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-left: 3%; +} + +.about-wrap .feature-section div p img { + float: left; + margin-right: 10px; + max-width: 20%; +} + +.about-wrap .changelog li { + list-style-type: disc; + margin-right: 3em; +} + +/* Return to Dashboard Home link */ + +.about-wrap .return-to-dashboard { + margin: 30px -5px 0 0; + 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 -5px 0 -15px; +} + +.about-wrap ul.compact { + margin-bottom: 0 +} + +.about-wrap li.wp-person { + float: right; + margin-left: 10px; +} + +.about-wrap li.wp-person img.gravatar { + float: right; + margin: 0 0 10px 10px; + 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; + right: 0; + left: 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; + right: 0; + padding: 0; + margin: 0; + z-index: 10; + overflow: auto; + background: transparent; + border-left: none; +} + +.wp-full-overlay.collapsed .wp-full-overlay-sidebar { + overflow: visible; +} + +.wp-full-overlay.collapsed, +.wp-full-overlay.expanded .wp-full-overlay-sidebar { + margin-right: 0 !important; +} + +.wp-full-overlay.expanded { + margin-right: 300px; +} + +.wp-full-overlay.collapsed .wp-full-overlay-sidebar { + margin-right: -300px; +} + +.wp-full-overlay-sidebar:after { + content: ''; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 3px; + z-index: 1000; +} + +.wp-full-overlay-main { + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + height: 100%; +} + +.wp-full-overlay-sidebar .wp-full-overlay-header { + position: absolute; + right: 0; + left: 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; + right: 0; + left: 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; + right: 0; + z-index: 50; + display: block; + width: 19px; + height: 19px; + margin-right: 15px; + padding: 0; + border-radius: 50%; + text-decoration: none; +} + +.wp-full-overlay.collapsed .collapse-sidebar { + position: absolute; + right: 100%; +} + +.wp-full-overlay .collapse-sidebar-arrow { + position: static; + margin-top: 0; + margin-right: 0; + display: block; + width: auto; + height: auto; + background: none; +} + +.wp-full-overlay .collapse-sidebar-arrow:before { + border-radius: 50%; + float: right; + 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; + right: 100%; + line-height: 20px; + margin-right: 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: right, left, top, bottom, width, margin; + -moz-transition-property: right, left, top, bottom, width, margin; + -ms-transition-property: right, left, top, bottom, width, margin; + -o-transition-property: right, left, top, bottom, width, margin; + transition-property: right, left, 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; + right: 0; + left: 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: left; + 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: right; +} + +.theme-details .star-rating { + margin: 7px 0; + float: left; +} + +.theme-details .theme-description { + float: right; + color: #777; + line-height: 20px; +} + +#theme-installer .wp-full-overlay-header { + margin-top: 9px; +} + +#theme-installer .wp-full-overlay-header .theme-install { + float: left; + /* 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-left: 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 0 -1px 4px; +} + +.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-right: 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-left: 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: right; + margin-left: 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-right: 14px; + font-size: 12px; + overflow: auto; +} +.tagchecklist br { + display: none; +} +.tagchecklist strong { + margin-right: -8px; + position: absolute; +} +.tagchecklist span { + margin-left: 25px; + display: block; + float: right; + font-size: 13px; + line-height: 1.8em; + white-space: nowrap; + cursor: default; +} + +.tagchecklist span a { + margin: 1px -17px 0 0; + cursor: pointer; + width: 20px; + height: 20px; + display: block; + float: right; + text-indent: 0; + overflow: hidden; + position: absolute; +} + +#poststuff h2 { + margin-top: 20px; + font-size: 1.5em; + margin-bottom: 15px; + padding: 0 0 3px; + clear: right; +} + +#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 315px 0 15px; + list-style: none; + position: relative; + float: left; + padding-right: 10px; + font-size: 12px; +} + +#sidemenu a { + padding: 0 7px; + display: block; + float: right; + 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-right: 6px; + padding-left: 6px; + -webkit-border-top-right-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-top-left-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: right; +} + +.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-left: 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; + left: 10px; + padding: 0; + top: 5px; +} + +.js #dashboard-widgets h3 .postbox-title-action { + left: 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-right: 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-right: 3px; +} + +.rss-widget cite { + display: block; + text-align: left; + margin: 0 0 1em; + padding: 0; +} + +.rss-widget cite:before { + content: '\2014'; +} + +.dashboard-comment-wrap { + 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-left: 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-right: 0; + padding: 26px 24px 46px; + font-weight: normal; + overflow: hidden; +} + +.login form .forgetmenot { + font-weight: normal; + float: right; + margin-bottom: 0; +} + +.login .button-primary { + float: left; +} + +#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-right: 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 0 16px 6px; +} + +.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-right: 0; +} + +.mobile #login #nav, +.mobile #login #backtoblog { + margin-right: 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-right: 300px; + margin-top: 23px; +} + +#nav-menus-frame .accordion-section-content .inside { + font-size: 14px; +} + +#wpbody-content #menu-settings-column { + display:inline; + width:281px; + margin-right: -300px; + clear: both; + float: right; + 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-right: 4px; +} + +.manage-menus { + margin-top: 23px; + padding: 10px; + overflow: hidden; +} + +.manage-menus select { + float: right; + margin-left: 6px; +} + +.manage-menus .selected-menu { + float: right; + margin: 5px 0 0 6px; +} + +.manage-menus .submit-btn { + float: right; + 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-right: 18%; +} + +.menu-settings dd { + float: right; + margin: 0; + width: 100%; +} + +.menu-settings dt { + float: right; + clear: both; + width: 21.951%; + padding: 3px 0 0; + margin-right: -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: right; + min-width: 100%; + margin-top: 3px; +} + +#menu-management { + position: relative; + margin-left: 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: left; + 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: right; +} + +#locations-nav-menu-wrapper { + padding: 5px 0; +} + +.locations-nav-menu-select select { + float: right; + width: 160px; + margin-left: 5px; +} + +.locations-row-links { + float: right; + margin: 6px 6px 0 0; +} + +.locations-edit-menu-link, +.locations-add-menu-link { + margin: 0 3px; +} + +.locations-edit-menu-link { + padding-left: 3px; + border-left: 1px solid #ccc; +} + +#wpbody .open-label { + display: block; + float:right; +} + +#wpbody .open-label span { + padding-left: 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: left; +} + +.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: left; +} + +.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: right; + margin: 6px 6px 0 0; + line-height: 15px; +} + +.nav-menus-php .meta-sep, +.nav-menus-php .submitdelete, +.nav-menus-php .submitcancel { + display: block; + float: right; + margin: 6px 0; + line-height: 15px; +} + +.meta-sep { + padding: 0 2px; +} + +#cancel-save { + text-decoration: underline; + font-size: 12px; + margin-right: 20px; + margin-top: 5px; +} + +.button.right, .button-secondary.right, .button-primary.right { + float: left; +} + +/* Button Secondary Actions */ +.list-controls { + float: right; + margin-top: 5px; +} + +.add-to-menu { + float: left; +} + +.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: right; + margin-top: 5px; + padding-left: 5px; +} + +.menu-item-textbox { + width: 180px; +} + +.nav-menus-php .howto span { + margin-top: 6px; + display: block; + float: right; +} + +/* 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-left: 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-left: 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-right: 0px; } +.menu-item-depth-1 { margin-right: 30px; } +.menu-item-depth-2 { margin-right: 60px; } +.menu-item-depth-3 { margin-right: 90px; } +.menu-item-depth-4 { margin-right: 120px; } +.menu-item-depth-5 { margin-right: 150px; } +.menu-item-depth-6 { margin-right: 180px; } +.menu-item-depth-7 { margin-right: 210px; } +.menu-item-depth-8 { margin-right: 240px; } +.menu-item-depth-9 { margin-right: 270px; } +.menu-item-depth-10 { margin-right: 300px; } +.menu-item-depth-11 { margin-right: 330px; } + +.menu-item-depth-0 .menu-item-transport { margin-right: 0px; } +.menu-item-depth-1 .menu-item-transport { margin-right: -30px; } +.menu-item-depth-2 .menu-item-transport { margin-right: -60px; } +.menu-item-depth-3 .menu-item-transport { margin-right: -90px; } +.menu-item-depth-4 .menu-item-transport { margin-right: -120px; } +.menu-item-depth-5 .menu-item-transport { margin-right: -150px; } +.menu-item-depth-6 .menu-item-transport { margin-right: -180px; } +.menu-item-depth-7 .menu-item-transport { margin-right: -210px; } +.menu-item-depth-8 .menu-item-transport { margin-right: -240px; } +.menu-item-depth-9 .menu-item-transport { margin-right: -270px; } +.menu-item-depth-10 .menu-item-transport { margin-right: -300px; } +.menu-item-depth-11 .menu-item-transport { margin-right: -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; + left: 20px; + top: -1px; +} + +.item-controls a { + text-decoration: none; +} + +.item-controls a:hover { + cursor: pointer; +} + +.item-controls .item-order { + padding-left: 10px; +} + +.nav-menus-php .item-edit { + position: absolute; + left: -20px; + top: 0; + display: block; + width: 30px; + height: 40px; + margin-left: 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 10px 10px 0; + 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-right: 4px; + font-style: normal; +} + +.hidden-field { + display: none; +} + +.menu-item-settings .description-thin, +.menu-item-settings .description-wide { + margin-left: 10px; + float: right; +} + +.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: left; + float: left; + line-height: 23px; + margin: 4px 0 1px; +} + +.nav-menus-php .blank-slate .menu-settings { + display: none; +} + +.nav-menus-php .delete-action { + float: right; + 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-right: 4px; + margin-right: -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 right; +} + +div.star-holder .star-rating { + background: url('../images/stars.png?ver=20121108') repeat-x top right; + height: 17px; + float: right; +} + +/* Star Ratings */ +.star-rating { + white-space: nowrap; +} +.star-rating .star { + display: inline-block; + width: 20px; + height: 20px; + -webkit-font-smoothing: antialiased; + font-size: 20px; + line-height: 1; + font-family: 'dashicons'; + text-decoration: inherit; + font-weight: 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; + right: 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-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-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-left: 200px; +} + +#plugin-information .fyi { + margin: 0 10px 50px; + width: 210px; +} + +#plugin-information .fyi h2 { + font-size: 0.9em; + margin-bottom: 0; + margin-left: 0; +} + +#plugin-information .fyi h2.mainheader { + padding: 5px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} + +#plugin-information .fyi ul { + padding: 10px 7px 10px 5px; + margin: 0; + list-style: none; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +#plugin-information .fyi li { + margin-left: 0; +} + +#plugin-information #section-holder { + padding: 10px; +} + +#plugin-information .section ul, +#plugin-information .section ol { + margin-right: 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-right: 20px; + padding-bottom: 2em; +} + +#plugin-information #section-screenshots ol, +#plugin-information .updated, +#plugin-information pre { + margin-left: 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-right: 0; + margin-left: 0; + margin-bottom: 5px; +} + +.press-this #header-logo { + float: right; + 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: right; +} + +.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-left: 252px; +} + +.press-this-sidebar { + float: left; + width: 240px; + padding-top: 10px; +} + +.press-this #title { + margin-right: 0; + margin-left: 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-left: 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: left; +} + +.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-right: 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-left: 0 !important; +} + +/* Metabox collapse arrow indicators */ +.js .sidebar-name .sidebar-name-arrow:before, +.js .meta-box-sortables .postbox .handlediv:before { + left: 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: left; + margin: -19px 0 0; +} + +.press-this #extra-fields .actions { + margin: -32px 0 0 -7px; +} + +.press-this .actions li { + float: right; + list-style: none; + margin-left: 10px; +} + +#extra-fields .button { + margin-left: 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: left; + margin: 0 5px 0 0; +} + +#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: right; + 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; + left: 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 7px 0 0; + 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: left; + 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 12px 3px 3px; + text-decoration: none; +} + +.theme-editor-php .highlight { + margin: -3px -12px -3px 3px; +} + +#templateside .highlight { + border: none; + font-weight: bold; +} + +.nonessential { + font-size: 11px; + font-style: italic; + padding-right: 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: right; + margin: 5px 10px 10px; +} + +.feature-filter .feature-group li { + display: inline-block; + vertical-align: top; + list-style-type: none; + padding-left: 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; + left: 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-right: 7px; + padding-left: 7px; +} + +/* Widgets 2-col Layout */ +div.widget-liquid-left { + margin: 0; + width: 38%; + float: right; +} + +div.widget-liquid-right { + float: left; + 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 0 0 10px; +} + +div#widgets-left .sidebar-name .sidebar-name-arrow:before { + left: 0; + top: 4px; + padding: 4px 4px 4px 6px; +} + +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 { + right: auto; +} + +.widget-title-action { + float: left; + 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 { + left: 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-right: 1px solid #DDD; +} + +#widgets-left .widget-control-edit:hover, +#widgets-right .widget-control-edit:hover { + color: #fff; + background: #444; + border-right: 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 { + left: 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: left; + left: 20px; + top: -2px; +} + +.control-section.open .accordion-section-title:after, +#customize-info.open .accordion-section-title:after, +.nav-menus-php .menu-item-edit-active .item-edit:before { + 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-right: 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 35px 10px 15px; + 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; + right: 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; + right: 5px; +} + +.widgets-chooser .widgets-chooser-actions { + padding: 10px 0 12px 0; + text-align: center; +} + +.widgets-chooser button { + margin-left: 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-right: 1px solid #dfdfdf; + border-left: 1px solid #dfdfdf; +} + +.accordion-section-title { + margin: 0; + padding: 12px 15px 15px; + position: relative; + border-right: 1px solid #dfdfdf; + border-left: 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; + left: 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-right: none; + border-left: none; + padding: 10px 14px 11px 10px; + 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-left: none; + padding-left: 0; + } + + #widgets-left .sidebar-name { + margin-left: 0; + } + + #widgets-left #available-widgets .widget-top { + margin-left: 0; + } + + #widgets-left .inactive-sidebar .widgets-sortables { + margin-left: 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: right; + } + + .widget.ui-draggable-dragging { + min-width: 49%; + } + + #widgets-left #available-widgets .widget:nth-child(even) { + float: left; + } + + #widgets-right .sidebars-column-1, + #widgets-right .sidebars-column-2 { + float: right; + width: 49%; + } + + #widgets-right .sidebars-column-1 { + margin-left: 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 left 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 left bottom; + } + + /* Back-compat for pre-3.8 */ + div.star-holder { + background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom right; + 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 right; + 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-right: 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-right: 8em; /* default 5em */ +} +.locale-ru-ru.press-this .posting { + margin-left: 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-right: 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-right: 0; + padding-right: 10px; + } + + .wrap { + margin-left: 12px; + margin-right: 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-right: 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; + right: 0; + z-index: 100; + } + + .auto-fold #adminmenuback, + .auto-fold #adminmenuwrap { + right: -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 20px 10px 10px; + } + + /* Restore the menu names */ + .auto-fold #adminmenu .wp-menu-name { + display: block; + margin-right: 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; + right: -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; + right: -1px; + left: 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; + right: 4px; + padding-left: 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 { + left: -190px; + } + + .auto-fold .wp-responsive-open #adminmenuback, + .auto-fold .wp-responsive-open #adminmenuwrap { + right: 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-left: 0; + } + + .post-format-options a { + margin-left: 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-left: 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: right !important; + } + + .wp_themeSkin a.mceButton { + width: 30px; + height: 30px; + } + + .wp_themeSkin .mceButton .mceIcon { + margin-top: 5px; + margin-right: 5px; + } + + .wp_themeSkin .mceSplitButton { + margin-top: 1px; + } + + .wp_themeSkin .mceSplitButton td a.mceAction { + padding-top: 6px; + padding-bottom: 6px; + padding-right: 6px; + padding-left: 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 0 1px 15px; + top: 1px; + } + + a.wp-switch-editor { + font-size: 16px; + line-height: 1em; + margin: 3px 7px 0 0; + padding: 12px 15px; + } + + #wp-content-media-buttons a { + font-size: 16px; + line-height: 37px; + height: 39px; + padding: 0 15px 0 20px; + } + + .wp-media-buttons span.wp-media-buttons-icon, + .wp-media-buttons span.jetpack-contact-form-icon { + width: 22px !important; + margin-top: -3px !important; + margin-right: -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: left; + 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; + left: 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-right: 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-left: 10px; + } - #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { - background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom; - background-size: 11px 11px; + textarea, + input { + font-size: 16px; } - .wp-full-overlay .collapse-sidebar-arrow { - background-image: url('../images/arrows-2x.png'); - background-size: 15px 123px; + .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; } - div.star-holder { - background: url('../images/stars-rtl-2x.png?ver=20121108') repeat-x bottom right; - background-size: 21px 37px; + 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; } - div.star-holder .star-rating { - background: url('../images/stars-rtl-2x.png?ver=20121108') repeat-x top right; - background-size: 21px 37px; + #pass-strength-result { + width: 100%; + box-sizing: border-box; + -mox-box-sizing: border-box; + padding: 8px; } - #post-body .wp_themeSkin .mceStatusbar a.mceResize, - #content-resize-handle { - background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom; + .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-right: 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-right: 0; + float: none; + width: 100%; + } + + #wpbody-content #menu-settings-column { + display: block; + width: 100%; + float: none; + margin-right: 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-right: 0; + } + + .menu-settings dd { + float: none; + width: 100%; + margin-bottom: 15px; + } + + .menu-settings dt { + float: none; + width: auto; + margin-right: 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-right: -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; + right: 0; + left: 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-left: 12px; + padding-right: 46px; } - .wp-slider .ui-slider-handle:before { - background-image: url(../images/arrows-pr-2x.png); - background-size: 16px 102px; + .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; + right: 0; + padding-right: 2px; + padding-top: 18px; + } + + .wp-list-table.plugins thead th.check-column, + .wp-list-table.plugins tfoot th.check-column { + padding-right: 3px; + padding-top: 11px; + background: none; + } + + .widefat tbody th.check-column input[type="checkbox"] { + margin-top: -3px; + margin-right: 9px; + } + + .wp-list-table.plugins .active .check-column input, + .wp-list-table.plugins .update .check-column input { + margin-right: 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 0 5px 10px; + } + + /* 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 5px 0 0; + 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 -4px 0 0; + } + + .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; + } } -/* =Localized CSS --------------------------------------------------------------- */ +@media only screen and (max-width: 500px) { + .about-wrap { + margin-left: 20px; + margin-right: 10px; + } -/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ -body.locale-he-il, -.locale-he-il .quicktags, .locale-he-il .search, -.locale-he-il .howto, -.locale-he-il #adminmenu .awaiting-mod, -.locale-he-il #adminmenu span.update-plugins, -.locale-he-il #sidemenu li a span.update-plugins, -.locale-he-il .post-com-count-wrapper, -.locale-he-il .widefat th, -.locale-he-il .tablenav .displaying-num, -.locale-he-il .inline-edit-row fieldset span.title, -.locale-he-il .inline-edit-row fieldset span.checkbox-title, -.locale-he-il .inline-edit-row fieldset ul.cat-checklist label, -.locale-he-il .inline-edit-row #bulk-titles div, -.locale-he-il p.help, -.locale-he-il p.description, -.locale-he-il span.description, -.locale-he-il .form-wrap p, -.locale-he-il h2 .nav-tab, -.locale-he-il #your-profile legend, -.locale-he-il #utc-time, .locale-he-il #local-time, -.locale-he-il #poststuff h3, -.locale-he-il .metabox-holder h3, -.locale-he-il .tool-box .title, -.locale-he-il td, -.locale-he-il textarea, -.locale-he-il input, -.locale-he-il select, -.locale-he-il .wrap h2, -.locale-he-il .subtitle, -.locale-he-il .wrap .add-new-h2, -.locale-he-il #dashboard_right_now p.sub, -.locale-he-il #dashboard-widgets h4, -.locale-he-il a.rsswidget, -.locale-he-il #dashboard_plugins h4, -.locale-he-il #dashboard_plugins h5, -.locale-he-il #dashboard_recent_comments .comment-meta .approve, -.locale-he-il #dashboard_right_now td.b, -.locale-he-il #dashboard_right_now .versions a, -.locale-he-il .rss-widget span.rss-date, -.locale-he-il #dashboard_recent_drafts h4 abbr, -body.login.locale-he-il, -.locale-he-il #login form .submit input, -.locale-he-il #menu-management .nav-tabs-arrow-right, -.locale-he-il #category-add input, -.locale-he-il #category-add select, -.locale-he-il .submit input, -.locale-he-il .button, -.locale-he-il .button-primary, -.locale-he-il .button-secondary, -.locale-he-il #postcustomstuff .submit input, -.locale-he-il div.sidebar-name h3 { - font-family: Arial, sans-serif; + .about-wrap h1, + .about-text { + margin-left: 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; + } } -/* he_IL: Have be bold rather than italic. */ -.locale-he-il em { - font-style: normal; - font-weight: bold; +@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-right: -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: right; + font: normal 40px/45px 'Dashicons'; + vertical-align: middle; + outline: none; + margin: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + height: 44px; + width: 50px; + padding: 0; + border: none; + text-align: center; + text-decoration: none; + box-sizing: border-box; + -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; + right: 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; + left: 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%; + } }