diff options
Diffstat (limited to 'srcs/wordpress/wp-admin/css/themes-rtl.css')
| -rw-r--r-- | srcs/wordpress/wp-admin/css/themes-rtl.css | 1918 |
1 files changed, 0 insertions, 1918 deletions
diff --git a/srcs/wordpress/wp-admin/css/themes-rtl.css b/srcs/wordpress/wp-admin/css/themes-rtl.css deleted file mode 100644 index 6ade364..0000000 --- a/srcs/wordpress/wp-admin/css/themes-rtl.css +++ /dev/null @@ -1,1918 +0,0 @@ -/*------------------------------------------------------------------------------ - 16.0 - Themes -------------------------------------------------------------------------------*/ - - -/*------------------------------------------------------------------------------ - 16.1 - Manage Themes -------------------------------------------------------------------------------*/ - -body.js .theme-browser.search-loading { - display: none; -} - -.theme-browser .themes { - clear: both; -} - -.themes-php:not(.network-admin) .wrap h1 { - margin-bottom: 15px; -} - -.themes-php .wrap h1 .button { - margin-right: 20px; -} - -/* Search form */ -.themes-php .search-form { - display: inline; -} - -.themes-php .wp-filter-search { - position: relative; - top: -2px; - right: 20px; - margin: 0; - width: 280px; -} - -/* Position admin messages */ -.theme .notice, -.theme .notice.is-dismissible { - right: 0; - margin: 0; - position: absolute; - left: 0; - top: 0; -} - -/** - * 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 #ddd; - box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); - box-sizing: border-box; -} - -.ie8 .theme-browser .theme { - width: 30%; - margin: 0 0 4% 3%; -} - -.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; - height: 18px; - margin: 0; - padding: 15px; - 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 and focus */ -.theme-browser .theme .theme-actions { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - opacity: 0; - transition: opacity 0.1s ease-in-out; - height: auto; - background: rgba(244, 244, 244, 0.7); - border-right: 1px solid rgba(0, 0, 0, 0.05); -} - -.theme-browser .theme:hover .theme-actions, -.theme-browser .theme.focus .theme-actions, -.theme-browser .theme:focus .theme-actions { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - opacity: 1; -} - -.theme-browser .theme .theme-actions .button-primary { - margin-left: 3px; -} - -.theme-browser .theme .theme-actions .button { - 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-backface-visibility: hidden; /* Prevents flicker of the screenshot on hover. */ - 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%; - transition: opacity 0.2s ease-in-out; -} - -.theme-browser .theme:hover .theme-screenshot, -.theme-browser .theme:focus .theme-screenshot { - background: #fff; -} - -.theme-browser.rendered .theme:hover .theme-screenshot img, -.theme-browser.rendered .theme:focus .theme-screenshot img { - opacity: 0.4; -} - -.theme-browser .theme .more-details { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - opacity: 0; - position: absolute; - top: 35%; - left: 20%; - right: 20%; - background: #23282d; - 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; - transition: opacity 0.1s ease-in-out; -} - -.theme-browser .theme:focus { - border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); -} - -.theme-browser .theme:focus .more-details { - opacity: 1; -} - -/* Current theme needs to have its action always on view */ -.theme-browser .theme.active:focus .theme-actions { - display: block; -} - -.theme-browser.rendered .theme:hover .more-details, -.theme-browser.rendered .theme:focus .more-details { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - opacity: 1; -} - -/** - * The currently active theme - */ -.theme-browser .theme.active .theme-name { - background: #23282d; - color: #fff; - padding-left: 110px; - font-weight: 300; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); -} - -.theme-browser .customize-control .theme.active .theme-name { - padding-left: 15px; -} - -.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-id-container { - position: relative; -} - -.theme-browser .theme.active .theme-actions, -.theme-browser .theme .theme-actions { - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - padding: 10px 15px; - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); -} - -.theme-browser .theme.active .theme-actions .button-primary { - margin-left: 0; -} - -.theme-browser .theme .theme-author { - background: #23282d; - 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 { - text-decoration: none; - display: block; - position: relative; - z-index: 1; -} - -.theme-browser .theme.add-new-theme a:after { - display: block; - content: ""; - background: transparent; - background: rgba(0, 0, 0, 0); - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - padding: 0; - text-shadow: none; - border: 5px dashed #d5d2ca; - border: 5px dashed rgba(0, 0, 0, 0.1); - box-sizing: border-box; -} - -.theme-browser .theme.add-new-theme span:after { - background: #e5e5e5; - 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 a:hover .theme-screenshot, -.theme-browser .theme.add-new-theme a:focus .theme-screenshot { - background: none; -} - -.theme-browser .theme.add-new-theme a:hover span:after, -.theme-browser .theme.add-new-theme a:focus span:after { - background: #fff; - color: #0073aa; -} - -.theme-browser .theme.add-new-theme a:hover:after, -.theme-browser .theme.add-new-theme a:focus:after { - border-color: transparent; - color: #fff; - background: #0073aa; - content: ""; -} - -.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: -18px; - padding-top: 0; - padding-bottom: 48px; -} - -.theme-browser .theme.add-new-theme a:hover .theme-name, -.theme-browser .theme.add-new-theme a:focus .theme-name { - color: #fff; - z-index: 2; -} - -/** - * Theme Overlay - * Shown when clicking a theme - */ -.theme-overlay .theme-backdrop { - position: absolute; - right: -20px; - left: 0; - top: 0; - bottom: 0; - background: #f1f1f1; - background: rgba(238, 238, 238, 0.9); - z-index: 10000; /* Over WP Pointers. */ -} - -.theme-overlay .theme-header { - position: absolute; - top: 0; - right: 0; - left: 0; - height: 48px; - border-bottom: 1px solid #ddd; -} - -.theme-overlay .theme-header button { - padding: 0; -} - -.theme-overlay .theme-header .close { - cursor: pointer; - height: 48px; - width: 50px; - text-align: center; - float: left; - border: 0; - border-right: 1px solid #ddd; - background-color: transparent; - transition: color .1s ease-in-out, background .1s ease-in-out; -} - -.theme-overlay .theme-header .close:before { - font: normal 22px/50px dashicons !important; - color: #72777c; - 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: #72777c; - background-color: transparent; - height: 48px; - width: 54px; - float: right; - text-align: center; - border: 0; - border-left: 1px solid #ddd; - transition: color .1s ease-in-out, background .1s ease-in-out; -} - -.theme-overlay .theme-header .close:focus, -.theme-overlay .theme-header .close:hover, -.theme-overlay .theme-header .right:focus, -.theme-overlay .theme-header .right:hover, -.theme-overlay .theme-header .left:focus, -.theme-overlay .theme-header .left:hover { - background: #ddd; - border-color: #ccc; - color: #000; -} - -.theme-overlay .theme-header .close:focus:before, -.theme-overlay .theme-header .close:hover:before { - color: #000; -} - -.theme-overlay .theme-header .close:focus, -.theme-overlay .theme-header .right:focus, -.theme-overlay .theme-header .left:focus { - box-shadow: none; - outline: none; -} - -.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: "\f345"; -} - -.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; - box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); - z-index: 10000; /* Over WP Pointers. */ - box-sizing: border-box; - -webkit-overflow-scrolling: touch; -} - -body.folded .theme-browser ~ .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-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; -} - -.ie8 .theme-overlay .theme-actions { - border: 1px solid #eee; -} - -.theme-overlay .theme-actions a { - margin-left: 5px; - margin-bottom: 5px; -} - -/* Hide-if-customize for items we can't add classes to */ -.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"], -.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-background"] { - display: none; -} - -.broken-themes a.delete-theme, -.theme-overlay .theme-actions .delete-theme { - color: #a00; - text-decoration: none; - border-color: transparent; - box-shadow: none; - background: transparent; -} - -.theme-overlay .theme-actions .delete-theme { - position: absolute; - left: 10px; - bottom: 5px; -} - -.broken-themes a.delete-theme:hover, -.broken-themes a.delete-theme:focus, -.theme-overlay .theme-actions .delete-theme:hover, -.theme-overlay .theme-actions .delete-theme:focus { - 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: 1200px; /* Recommended theme screenshot width, set here to avoid stretching */ - text-align: center; -} - -/* First screenshot, shown big */ -.theme-overlay .screenshot { - border: 1px solid #fff; - box-sizing: border-box; - overflow: hidden; - position: relative; - 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 #00a0d2; -} - -.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: #32373c; - 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: #23282d; - font-size: 32px; - font-weight: 100; - margin: 10px 0 0; - line-height: 1.3; - word-wrap: break-word; - overflow-wrap: break-word; -} - -.theme-overlay .theme-version { - color: #72777c; - font-size: 13px; - font-weight: 400; - float: none; - display: inline-block; - margin-right: 10px; -} - -.theme-overlay .theme-author { - margin: 15px 0 25px; - color: #72777c; - font-size: 16px; - font-weight: 400; - line-height: inherit; -} - -.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: #82878c; - font-size: 13px; - font-weight: 400; - margin: 30px 0 0 0; - padding-top: 20px; -} - -.theme-overlay .theme-tags span { - color: #444; - font-weight: 600; - margin-left: 5px; -} - -.theme-overlay .parent-theme { - background: #f7fcfe; - border: 1px solid #eee; - border-right: 4px solid #00a0d2; - font-size: 14px; - font-weight: 400; - margin-top: 30px; - padding: 10px 20px 10px 10px; -} - -.theme-overlay .parent-theme strong { - font-weight: 600; -} - -/** - * 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; - z-index: 10; -} - -.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: 960px) { - .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: 100000; /* should overlap #wpadminbar. */ - 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:not(.active):focus .theme-actions, - .theme:hover .more-details, - .theme:focus .more-details { - display: none; - } - - .theme-browser.rendered .theme:hover .theme-screenshot img, - .theme-browser.rendered .theme:focus .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-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 .wp-filter-search { - float: none; - clear: both; - right: 0; - left: 0; - margin: -5px 0 20px 0; - width: 100%; - max-width: 280px; - } - - .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 -------------------------------------------------------------------------------*/ - -/* Already installed theme */ -.theme-browser .theme .theme-installed { - background: #0073aa; -} -.theme-browser .theme .notice-success p:before { - color: #79ba49; - content: "\f147"; - display: inline-block; - font: normal 20px/1 'dashicons'; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - vertical-align: top; -} - -.theme-install.updated-message:before { - content: ""; -} - -.theme-install-php .wp-filter { - padding-right: 20px; -} - -.theme-install-php a.upload, -.theme-install-php a.browse-themes { - cursor: pointer; -} - -.upload-view-toggle .browse, -.plugin-install-tab-upload .upload-view-toggle .upload { - display: none; -} - -.plugin-install-tab-upload .upload-view-toggle .browse { - display: inline; -} - -.upload-theme, -.upload-plugin { - box-sizing: border-box; - display: none; - margin: 0; - padding: 50px 0; - width: 100%; - overflow: hidden; - position: relative; - top: 10px; -} - -.upload-plugin-wrap { - display: none; -} - -.show-upload-view .upload-theme, -.show-upload-view .upload-plugin, -.show-upload-view .upload-plugin-wrap, -.plugin-install-tab-upload .upload-plugin { - display: block; -} - -.upload-theme .wp-upload-form, -.upload-plugin .wp-upload-form { - background: #fafafa; - border: 1px solid #ccd0d4; - padding: 30px; - margin: 30px auto; - max-width: 380px; -} -.upload-theme .install-help, -.upload-plugin .install-help { - color: #555d66; /* #f1f1f1 background */ - font-size: 18px; - font-style: normal; - margin: 0; - padding: 0; - text-align: center; -} - -p.no-themes, -p.no-themes-local { - clear: both; - color: #666; - font-size: 18px; - font-style: normal; - margin: 0; - padding: 100px 0; - text-align: center; - display: none; -} - -.no-results p.no-themes { - display: block; -} - -.theme-install-php .add-new-theme { - display: none !important; -} - -@media only screen and (max-width: 1120px) { - .upload-theme .wp-upload-form { - margin: 20px 0; - max-width: 100%; - } - .upload-theme .install-help { - font-size: 15px; - padding: 20px 0 0; - text-align: right; - } -} - -.theme-details .theme-rating { - line-height: 1.9; -} - -.theme-details .star-rating { - display: inline; -} - -.theme-details .num-ratings, -.theme-details .no-rating { - font-size: 11px; - color: #72777c; -} - -.theme-details .no-rating { - display: block; - line-height: 1.9; -} - -/*------------------------------------------------------------------------------ - 16.3 - Custom Header Screen -------------------------------------------------------------------------------*/ - -.appearance_page_custom-header #headimg { - border: 1px solid #ddd; - 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 #ddd; -} - -div#custom-background-image img { - max-width: 400px; - max-height: 300px; -} - -.background-position-control input[type="radio"]:checked ~ .button { - background: #eee; - border-color: #999; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); - z-index: 1; -} - -.background-position-control input[type="radio"]:focus ~ .button { - border-color: #5b9dd9; - box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); - color: #23282d; -} - -.background-position-control .background-position-center-icon, -.background-position-control .background-position-center-icon:before { - display: inline-block; - line-height: 1; - text-align: center; - transition: background-color .1s ease-in; -} - -.background-position-control .background-position-center-icon { - height: 20px; - margin-top: 13px; - vertical-align: top; - width: 20px; -} - -.background-position-control .background-position-center-icon:before { - background-color: #555; - border-radius: 50%; - content: ""; - height: 12px; - width: 12px; -} - -.background-position-control .button:hover .background-position-center-icon:before, -.background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before { - background-color: #23282d; -} - -.background-position-control .button-group { - display: block; -} - -.background-position-control .button-group .button { - border-radius: 0; - box-shadow: none; - /* Following properties are overridden by buttons responsive styles (see: wp-includes/css/buttons.css). */ - height: 40px !important; - line-height: 2.9 !important; - margin: 0 0 0 -1px !important; - padding: 0 10px 1px !important; - position: relative; -} - -.background-position-control .button-group .button:active, -.background-position-control .button-group .button:hover, -.background-position-control .button-group .button:focus { - z-index: 1; -} - -.background-position-control .button-group:last-child .button { - box-shadow: 0 1px 0 #ccc; -} - -.background-position-control .button-group > label { - margin: 0 !important; -} - -.background-position-control .button-group:first-child > label:first-child .button { - border-radius: 0 3px 0 0; -} - -.background-position-control .button-group:first-child > label:first-child .dashicons { - transform: rotate( -45deg ); -} - -.background-position-control .button-group:first-child > label:last-child .button { - border-radius: 3px 0 0 0; -} - -.background-position-control .button-group:first-child > label:last-child .dashicons { - transform: rotate( 45deg ); -} - -.background-position-control .button-group:last-child > label:first-child .button { - border-radius: 0 0 3px 0; -} - -.background-position-control .button-group:last-child > label:first-child .dashicons { - transform: rotate( 45deg ); -} - -.background-position-control .button-group:last-child > label:last-child .button { - border-radius: 0 0 0 3px; -} - -.background-position-control .button-group:last-child > label:last-child .dashicons { - transform: rotate( -45deg ); -} - -.background-position-control .button-group .dashicons { - margin-top: 9px; -} - -.background-position-control .button-group + .button-group { - margin-top: -1px; -} - -/*------------------------------------------------------------------------------ - 23.0 - Full Overlay w/ Sidebar -------------------------------------------------------------------------------*/ - -body.full-overlay-active { - overflow: hidden; - /* Hide all the content, the Customizer overlay is then made visible to be the only available content. */ - visibility: 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 { - box-sizing: border-box; - position: fixed; - min-width: 300px; - max-width: 600px; - width: 18%; - height: 100%; - top: 0; - bottom: 0; - right: 0; - padding: 0; - margin: 0; - z-index: 10; - background: #eee; - 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; -} - -@media screen and (min-width: 1667px) { - .wp-full-overlay.expanded { - margin-right: 18%; - } - - .wp-full-overlay.collapsed .wp-full-overlay-sidebar { - margin-right: -18%; - } -} - -@media screen and (min-width: 3333px) { - .wp-full-overlay.expanded { - margin-right: 600px; - } - - .wp-full-overlay.collapsed .wp-full-overlay-sidebar { - margin-right: -600px; - } -} - -.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; |