wp/wp-admin/css/themes-rtl.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
    55 	cursor: pointer;
    55 	cursor: pointer;
    56 	float: right;
    56 	float: right;
    57 	margin: 0 0 4% 4%;
    57 	margin: 0 0 4% 4%;
    58 	position: relative;
    58 	position: relative;
    59 	width: 30.6%;
    59 	width: 30.6%;
    60 	border: 1px solid #ddd;
    60 	border: 1px solid #dcdcde;
    61 	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
    61 	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
    62 	box-sizing: border-box;
    62 	box-sizing: border-box;
    63 }
    63 }
    64 
    64 
    65 .theme-browser .theme:nth-child(3n) {
    65 .theme-browser .theme:nth-child(3n) {
    66 	margin-left: 0;
    66 	margin-left: 0;
    67 }
    67 }
    68 
    68 
    69 .theme-browser .theme:hover,
    69 .theme-browser .theme:hover,
    70 .theme-browser .theme:focus {
    70 .theme-browser .theme.focus {
    71 	cursor: pointer;
    71 	cursor: pointer;
    72 }
    72 }
    73 
    73 
    74 .theme-browser .theme .theme-name {
    74 .theme-browser .theme .theme-name {
    75 	font-size: 15px;
    75 	font-size: 15px;
    89 .theme-browser .theme .theme-actions {
    89 .theme-browser .theme .theme-actions {
    90 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    90 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    91 	opacity: 0;
    91 	opacity: 0;
    92 	transition: opacity 0.1s ease-in-out;
    92 	transition: opacity 0.1s ease-in-out;
    93 	height: auto;
    93 	height: auto;
    94 	background: rgba(244, 244, 244, 0.7);
    94 	background: rgba(246, 247, 247, 0.7);
    95 	border-right: 1px solid rgba(0, 0, 0, 0.05);
    95 	border-right: 1px solid rgba(0, 0, 0, 0.05);
    96 }
    96 }
    97 
    97 
    98 .theme-browser .theme:hover .theme-actions,
    98 .theme-browser .theme:hover .theme-actions,
    99 .theme-browser .theme.focus .theme-actions,
    99 .theme-browser .theme.focus .theme-actions {
   100 .theme-browser .theme:focus .theme-actions {
       
   101 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   100 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   102 	opacity: 1;
   101 	opacity: 1;
   103 }
   102 }
   104 
   103 
   105 .theme-browser .theme .theme-actions .button-primary {
   104 .theme-browser .theme .theme-actions .button-primary {
   139 	width: 100%;
   138 	width: 100%;
   140 	transition: opacity 0.2s ease-in-out;
   139 	transition: opacity 0.2s ease-in-out;
   141 }
   140 }
   142 
   141 
   143 .theme-browser .theme:hover .theme-screenshot,
   142 .theme-browser .theme:hover .theme-screenshot,
   144 .theme-browser .theme:focus .theme-screenshot {
   143 .theme-browser .theme.focus .theme-screenshot {
   145 	background: #fff;
   144 	background: #fff;
   146 }
   145 }
   147 
   146 
   148 .theme-browser.rendered .theme:hover .theme-screenshot img,
   147 .theme-browser.rendered .theme:hover .theme-screenshot img,
   149 .theme-browser.rendered .theme:focus .theme-screenshot img {
   148 .theme-browser.rendered .theme.focus .theme-screenshot img {
   150 	opacity: 0.4;
   149 	opacity: 0.4;
   151 }
   150 }
   152 
   151 
   153 .theme-browser .theme .more-details {
   152 .theme-browser .theme .more-details {
   154 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   153 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   155 	opacity: 0;
   154 	opacity: 0;
   156 	position: absolute;
   155 	position: absolute;
   157 	top: 35%;
   156 	top: 35%;
   158 	left: 20%;
   157 	left: 20%;
   159 	right: 20%;
   158 	right: 20%;
   160 	background: #23282d;
   159 	width: 60%;
       
   160 	background: #1d2327;
   161 	background: rgba(0, 0, 0, 0.7);
   161 	background: rgba(0, 0, 0, 0.7);
   162 	color: #fff;
   162 	color: #fff;
   163 	font-size: 15px;
   163 	font-size: 15px;
   164 	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
   164 	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
   165 	-webkit-font-smoothing: antialiased;
   165 	-webkit-font-smoothing: antialiased;
   166 	font-weight: 600;
   166 	font-weight: 600;
   167 	padding: 15px 12px;
   167 	padding: 15px 12px;
   168 	text-align: center;
   168 	text-align: center;
   169 	border-radius: 3px;
   169 	border-radius: 3px;
       
   170 	border: none;
   170 	transition: opacity 0.1s ease-in-out;
   171 	transition: opacity 0.1s ease-in-out;
   171 }
   172 }
   172 
   173 
   173 .theme-browser .theme:focus {
   174 .theme-browser .theme .more-details:focus {
   174 	border-color: #5b9dd9;
   175 	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
   175 	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
   176 }
   176 }
   177 
   177 
   178 .theme-browser .theme.focus {
   178 .theme-browser .theme:focus .more-details {
   179 	border-color: #4f94d4;
       
   180 	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
       
   181 }
       
   182 
       
   183 .theme-browser .theme.focus .more-details {
   179 	opacity: 1;
   184 	opacity: 1;
   180 }
   185 }
   181 
   186 
   182 /* Current theme needs to have its action always on view */
   187 /* Current theme needs to have its action always on view */
   183 .theme-browser .theme.active:focus .theme-actions {
   188 .theme-browser .theme.active.focus .theme-actions {
   184 	display: block;
   189 	display: block;
   185 }
   190 }
   186 
   191 
   187 .theme-browser.rendered .theme:hover .more-details,
   192 .theme-browser.rendered .theme:hover .more-details,
   188 .theme-browser.rendered .theme:focus .more-details {
   193 .theme-browser.rendered .theme.focus .more-details {
   189 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   194 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   190 	opacity: 1;
   195 	opacity: 1;
   191 }
   196 }
   192 
   197 
   193 /**
   198 /**
   194  * The currently active theme
   199  * The currently active theme
   195  */
   200  */
   196 .theme-browser .theme.active .theme-name {
   201 .theme-browser .theme.active .theme-name {
   197 	background: #23282d;
   202 	background: #1d2327;
   198 	color: #fff;
   203 	color: #fff;
   199 	padding-left: 110px;
   204 	padding-left: 110px;
   200 	font-weight: 300;
   205 	font-weight: 300;
   201 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
   206 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
   202 }
   207 }
   208 .theme-browser .theme.active .theme-name span {
   213 .theme-browser .theme.active .theme-name span {
   209 	font-weight: 600;
   214 	font-weight: 600;
   210 }
   215 }
   211 
   216 
   212 .theme-browser .theme.active .theme-actions {
   217 .theme-browser .theme.active .theme-actions {
   213 	background: rgba(49, 49, 49, 0.7);
   218 	background: rgba(44, 51, 56, 0.7);
   214 	border-right: none;
   219 	border-right: none;
   215 	opacity: 1;
   220 	opacity: 1;
   216 }
   221 }
   217 
   222 
   218 .theme-id-container {
   223 .theme-id-container {
   232 .theme-browser .theme.active .theme-actions .button-primary {
   237 .theme-browser .theme.active .theme-actions .button-primary {
   233 	margin-left: 0;
   238 	margin-left: 0;
   234 }
   239 }
   235 
   240 
   236 .theme-browser .theme .theme-author {
   241 .theme-browser .theme .theme-author {
   237 	background: #23282d;
   242 	background: #1d2327;
   238 	color: #eee;
   243 	color: #f0f0f1;
   239 	display: none;
   244 	display: none;
   240 	font-size: 14px;
   245 	font-size: 14px;
   241 	margin: 0 10px;
   246 	margin: 0 10px;
   242 	padding: 5px 10px;
   247 	padding: 5px 10px;
   243 	position: absolute;
   248 	position: absolute;
   277 	right: 0;
   282 	right: 0;
   278 	left: 0;
   283 	left: 0;
   279 	bottom: 0;
   284 	bottom: 0;
   280 	padding: 0;
   285 	padding: 0;
   281 	text-shadow: none;
   286 	text-shadow: none;
   282 	border: 5px dashed #d5d2ca;
   287 	border: 5px dashed #dcdcde;
   283 	border: 5px dashed rgba(0, 0, 0, 0.1);
   288 	border: 5px dashed rgba(0, 0, 0, 0.1);
   284 	box-sizing: border-box;
   289 	box-sizing: border-box;
   285 }
   290 }
   286 
   291 
   287 .theme-browser .theme.add-new-theme span:after {
   292 .theme-browser .theme.add-new-theme span:after {
   288 	background: #e5e5e5;
   293 	background: #dcdcde;
   289 	background: rgba(153, 153, 153, 0.1);
   294 	background: rgba(140, 143, 148, 0.1);
   290 	border-radius: 50%;
   295 	border-radius: 50%;
   291 	display: inline-block;
   296 	display: inline-block;
   292 	content: "\f132";
   297 	content: "\f132";
   293 	-webkit-font-smoothing: antialiased;
   298 	-webkit-font-smoothing: antialiased;
   294 	font: normal 74px/115px dashicons;
   299 	font: normal 74px/115px dashicons;
   295 	width: 100px;
   300 	width: 100px;
   296 	height: 100px;
   301 	height: 100px;
   297 	vertical-align: middle;
   302 	vertical-align: middle;
   298 	text-align: center;
   303 	text-align: center;
   299 	color: rgb(153, 153, 153);
   304 	color: #8c8f94;
   300 	position: absolute;
   305 	position: absolute;
   301 	top: 30%;
   306 	top: 30%;
   302 	right: 50%;
   307 	right: 50%;
   303 	margin-right: -50px;
   308 	margin-right: -50px;
   304 	text-indent: -4px;
   309 	text-indent: -4px;
   317 }
   322 }
   318 
   323 
   319 .theme-browser .theme.add-new-theme a:hover span:after,
   324 .theme-browser .theme.add-new-theme a:hover span:after,
   320 .theme-browser .theme.add-new-theme a:focus span:after {
   325 .theme-browser .theme.add-new-theme a:focus span:after {
   321 	background: #fff;
   326 	background: #fff;
   322 	color: #0073aa;
   327 	color: #2271b1;
   323 }
   328 }
   324 
   329 
   325 .theme-browser .theme.add-new-theme a:hover:after,
   330 .theme-browser .theme.add-new-theme a:hover:after,
   326 .theme-browser .theme.add-new-theme a:focus:after {
   331 .theme-browser .theme.add-new-theme a:focus:after {
   327 	border-color: transparent;
   332 	border-color: transparent;
   328 	color: #fff;
   333 	color: #fff;
   329 	background: #0073aa;
   334 	background: #2271b1;
   330 	content: "";
   335 	content: "";
   331 }
   336 }
   332 
   337 
   333 .theme-browser .theme.add-new-theme .theme-name {
   338 .theme-browser .theme.add-new-theme .theme-name {
   334 	background: none;
   339 	background: none;
   356 	position: absolute;
   361 	position: absolute;
   357 	right: -20px;
   362 	right: -20px;
   358 	left: 0;
   363 	left: 0;
   359 	top: 0;
   364 	top: 0;
   360 	bottom: 0;
   365 	bottom: 0;
   361 	background: #f1f1f1;
   366 	background: #f0f0f1;
   362 	background: rgba(238, 238, 238, 0.9);
   367 	background: rgba(240, 240, 241, 0.9);
   363 	z-index: 10000; /* Over WP Pointers. */
   368 	z-index: 10000; /* Over WP Pointers. */
   364 }
   369 }
   365 
   370 
   366 .theme-overlay .theme-header {
   371 .theme-overlay .theme-header {
   367 	position: absolute;
   372 	position: absolute;
   368 	top: 0;
   373 	top: 0;
   369 	right: 0;
   374 	right: 0;
   370 	left: 0;
   375 	left: 0;
   371 	height: 48px;
   376 	height: 48px;
   372 	border-bottom: 1px solid #ddd;
   377 	border-bottom: 1px solid #dcdcde;
   373 }
   378 }
   374 
   379 
   375 .theme-overlay .theme-header button {
   380 .theme-overlay .theme-header button {
   376 	padding: 0;
   381 	padding: 0;
   377 }
   382 }
   381 	height: 48px;
   386 	height: 48px;
   382 	width: 50px;
   387 	width: 50px;
   383 	text-align: center;
   388 	text-align: center;
   384 	float: left;
   389 	float: left;
   385 	border: 0;
   390 	border: 0;
   386 	border-right: 1px solid #ddd;
   391 	border-right: 1px solid #dcdcde;
   387 	background-color: transparent;
   392 	background-color: transparent;
   388 	transition: color .1s ease-in-out, background .1s ease-in-out;
   393 	transition: color .1s ease-in-out, background .1s ease-in-out;
   389 }
   394 }
   390 
   395 
   391 .theme-overlay .theme-header .close:before {
   396 .theme-overlay .theme-header .close:before {
   392 	font: normal 22px/50px dashicons !important;
   397 	font: normal 22px/50px dashicons !important;
   393 	color: #72777c;
   398 	color: #787c82;
   394 	display: inline-block;
   399 	display: inline-block;
   395 	content: "\f335";
   400 	content: "\f335";
   396 	font-weight: 300;
   401 	font-weight: 300;
   397 }
   402 }
   398 
   403 
   399 /* Left and right navigation */
   404 /* Left and right navigation */
   400 .theme-overlay .theme-header .right,
   405 .theme-overlay .theme-header .right,
   401 .theme-overlay .theme-header .left {
   406 .theme-overlay .theme-header .left {
   402 	cursor: pointer;
   407 	cursor: pointer;
   403 	color: #72777c;
   408 	color: #787c82;
   404 	background-color: transparent;
   409 	background-color: transparent;
   405 	height: 48px;
   410 	height: 48px;
   406 	width: 54px;
   411 	width: 54px;
   407 	float: right;
   412 	float: right;
   408 	text-align: center;
   413 	text-align: center;
   409 	border: 0;
   414 	border: 0;
   410 	border-left: 1px solid #ddd;
   415 	border-left: 1px solid #dcdcde;
   411 	transition: color .1s ease-in-out, background .1s ease-in-out;
   416 	transition: color .1s ease-in-out, background .1s ease-in-out;
   412 }
   417 }
   413 
   418 
   414 .theme-overlay .theme-header .close:focus,
   419 .theme-overlay .theme-header .close:focus,
   415 .theme-overlay .theme-header .close:hover,
   420 .theme-overlay .theme-header .close:hover,
   416 .theme-overlay .theme-header .right:focus,
   421 .theme-overlay .theme-header .right:focus,
   417 .theme-overlay .theme-header .right:hover,
   422 .theme-overlay .theme-header .right:hover,
   418 .theme-overlay .theme-header .left:focus,
   423 .theme-overlay .theme-header .left:focus,
   419 .theme-overlay .theme-header .left:hover {
   424 .theme-overlay .theme-header .left:hover {
   420 	background: #ddd;
   425 	background: #dcdcde;
   421 	border-color: #ccc;
   426 	border-color: #c3c4c7;
   422 	color: #000;
   427 	color: #000;
   423 }
   428 }
   424 
   429 
   425 .theme-overlay .theme-header .close:focus:before,
   430 .theme-overlay .theme-header .close:focus:before,
   426 .theme-overlay .theme-header .close:hover:before {
   431 .theme-overlay .theme-header .close:hover:before {
   436 
   441 
   437 .theme-overlay .theme-header .left.disabled,
   442 .theme-overlay .theme-header .left.disabled,
   438 .theme-overlay .theme-header .right.disabled,
   443 .theme-overlay .theme-header .right.disabled,
   439 .theme-overlay .theme-header .left.disabled:hover,
   444 .theme-overlay .theme-header .left.disabled:hover,
   440 .theme-overlay .theme-header .right.disabled:hover {
   445 .theme-overlay .theme-header .right.disabled:hover {
   441 	color: #ccc;
   446 	color: #c3c4c7;
   442 	background: inherit;
   447 	background: inherit;
   443 	cursor: inherit;
   448 	cursor: inherit;
   444 }
   449 }
   445 
   450 
   446 .theme-overlay .theme-header .right:before,
   451 .theme-overlay .theme-header .right:before,
   491 	text-align: center;
   496 	text-align: center;
   492 	bottom: 0;
   497 	bottom: 0;
   493 	right: 0;
   498 	right: 0;
   494 	left: 0;
   499 	left: 0;
   495 	padding: 10px 25px 5px;
   500 	padding: 10px 25px 5px;
   496 	background: #f3f3f3;
   501 	background: #f6f7f7;
   497 	z-index: 30;
   502 	z-index: 30;
   498 	box-sizing: border-box;
   503 	box-sizing: border-box;
   499 	border-top: 1px solid #eee;
   504 	border-top: 1px solid #f0f0f1;
   500 }
   505 }
   501 
   506 
   502 .theme-overlay .theme-actions a {
   507 .theme-overlay .theme-actions a {
   503 	margin-left: 5px;
   508 	margin-left: 5px;
   504 	margin-bottom: 5px;
   509 	margin-bottom: 5px;
   510 	display: none;
   515 	display: none;
   511 }
   516 }
   512 
   517 
   513 .broken-themes a.delete-theme,
   518 .broken-themes a.delete-theme,
   514 .theme-overlay .theme-actions .delete-theme {
   519 .theme-overlay .theme-actions .delete-theme {
   515 	color: #a00;
   520 	color: #d63638;
   516 	text-decoration: none;
   521 	text-decoration: none;
   517 	border-color: transparent;
   522 	border-color: transparent;
   518 	box-shadow: none;
   523 	box-shadow: none;
   519 	background: transparent;
   524 	background: transparent;
   520 }
   525 }
   527 
   532 
   528 .broken-themes a.delete-theme:hover,
   533 .broken-themes a.delete-theme:hover,
   529 .broken-themes a.delete-theme:focus,
   534 .broken-themes a.delete-theme:focus,
   530 .theme-overlay .theme-actions .delete-theme:hover,
   535 .theme-overlay .theme-actions .delete-theme:hover,
   531 .theme-overlay .theme-actions .delete-theme:focus {
   536 .theme-overlay .theme-actions .delete-theme:focus {
   532 	background: #d54e21;
   537 	background: #d63638;
   533 	color: #fff;
   538 	color: #fff;
   534 	border-color: #d54e21;
   539 	border-color: #d63638;
   535 }
   540 }
   536 
   541 
   537 .theme-overlay .theme-actions .active-theme,
   542 .theme-overlay .theme-actions .active-theme,
   538 .theme-overlay.active .theme-actions .inactive-theme {
   543 .theme-overlay.active .theme-actions .inactive-theme {
   539 	display: none;
   544 	display: none;
   587 	width: auto;
   592 	width: auto;
   588 }
   593 }
   589 
   594 
   590 /* Other screenshots, shown small and square */
   595 /* Other screenshots, shown small and square */
   591 .theme-overlay .screenshot.thumb {
   596 .theme-overlay .screenshot.thumb {
   592 	background: #ccc;
   597 	background: #c3c4c7;
   593 	border: 1px solid #eee;
   598 	border: 1px solid #f0f0f1;
   594 	float: none;
   599 	float: none;
   595 	display: inline-block;
   600 	display: inline-block;
   596 	margin: 10px 5px 0;
   601 	margin: 10px 5px 0;
   597 	width: 140px;
   602 	width: 140px;
   598 	height: 80px;
   603 	height: 80px;
   615 	height: auto;
   620 	height: auto;
   616 }
   621 }
   617 
   622 
   618 .theme-overlay .screenshot.selected {
   623 .theme-overlay .screenshot.selected {
   619 	background: transparent;
   624 	background: transparent;
   620 	border: 2px solid #00a0d2;
   625 	border: 2px solid #72aee6;
   621 }
   626 }
   622 
   627 
   623 .theme-overlay .screenshot.selected img {
   628 .theme-overlay .screenshot.selected img {
   624 	opacity: 0.8;
   629 	opacity: 0.8;
   625 }
   630 }
   637 	width: 40%;
   642 	width: 40%;
   638 	float: right;
   643 	float: right;
   639 }
   644 }
   640 
   645 
   641 .theme-overlay .current-label {
   646 .theme-overlay .current-label {
   642 	background: #32373c;
   647 	background: #2c3338;
   643 	color: #fff;
   648 	color: #fff;
   644 	font-size: 11px;
   649 	font-size: 11px;
   645 	display: inline-block;
   650 	display: inline-block;
   646 	padding: 2px 8px;
   651 	padding: 2px 8px;
   647 	border-radius: 2px;
   652 	border-radius: 2px;
   648 	margin: 0 0 -10px;
   653 	margin: 0 0 -10px;
   649 	-webkit-user-select: none;
   654 	-webkit-user-select: none;
   650 	-moz-user-select: none;
       
   651 	-ms-user-select: none;
       
   652 	user-select: none;
   655 	user-select: none;
   653 }
   656 }
   654 
   657 
   655 .theme-overlay .theme-name {
   658 .theme-overlay .theme-name {
   656 	color: #23282d;
   659 	color: #1d2327;
   657 	font-size: 32px;
   660 	font-size: 32px;
   658 	font-weight: 100;
   661 	font-weight: 100;
   659 	margin: 10px 0 0;
   662 	margin: 10px 0 0;
   660 	line-height: 1.3;
   663 	line-height: 1.3;
   661 	word-wrap: break-word;
   664 	word-wrap: break-word;
   662 	overflow-wrap: break-word;
   665 	overflow-wrap: break-word;
   663 }
   666 }
   664 
   667 
   665 .theme-overlay .theme-version {
   668 .theme-overlay .theme-version {
   666 	color: #72777c;
   669 	color: #646970;
   667 	font-size: 13px;
   670 	font-size: 13px;
   668 	font-weight: 400;
   671 	font-weight: 400;
   669 	float: none;
   672 	float: none;
   670 	display: inline-block;
   673 	display: inline-block;
   671 	margin-right: 10px;
   674 	margin-right: 10px;
   672 }
   675 }
   673 
   676 
   674 .theme-overlay .theme-author {
   677 .theme-overlay .theme-author {
   675 	margin: 15px 0 25px;
   678 	margin: 15px 0 25px;
   676 	color: #72777c;
   679 	color: #646970;
   677 	font-size: 16px;
   680 	font-size: 16px;
   678 	font-weight: 400;
   681 	font-weight: 400;
   679 	line-height: inherit;
   682 	line-height: inherit;
   680 }
   683 }
   681 
   684 
   695 .theme-overlay .theme-autoupdate .toggle-auto-update .label {
   698 .theme-overlay .theme-autoupdate .toggle-auto-update .label {
   696 	text-decoration: underline;
   699 	text-decoration: underline;
   697 }
   700 }
   698 
   701 
   699 .theme-overlay .theme-description {
   702 .theme-overlay .theme-description {
   700 	color: #555;
   703 	color: #50575e;
   701 	font-size: 15px;
   704 	font-size: 15px;
   702 	font-weight: 400;
   705 	font-weight: 400;
   703 	line-height: 1.5;
   706 	line-height: 1.5;
   704 	margin: 30px 0 0 0;
   707 	margin: 30px 0 0 0;
   705 }
   708 }
   706 
   709 
   707 .theme-overlay .theme-tags {
   710 .theme-overlay .theme-tags {
   708 	border-top: 3px solid #eee;
   711 	border-top: 3px solid #f0f0f1;
   709 	color: #82878c;
   712 	color: #646970;
   710 	font-size: 13px;
   713 	font-size: 13px;
   711 	font-weight: 400;
   714 	font-weight: 400;
   712 	margin: 30px 0 0 0;
   715 	margin: 30px 0 0 0;
   713 	padding-top: 20px;
   716 	padding-top: 20px;
   714 }
   717 }
   715 
   718 
   716 .theme-overlay .theme-tags span {
   719 .theme-overlay .theme-tags span {
   717 	color: #444;
   720 	color: #3c434a;
   718 	font-weight: 600;
   721 	font-weight: 600;
   719 	margin-left: 5px;
   722 	margin-left: 5px;
   720 }
   723 }
   721 
   724 
   722 .theme-overlay .parent-theme {
   725 .theme-overlay .parent-theme {
   723 	background: #f7fcfe;
   726 	background: #fff;
   724 	border: 1px solid #eee;
   727 	border: 1px solid #f0f0f1;
   725 	border-right: 4px solid #00a0d2;
   728 	border-right: 4px solid #72aee6;
   726 	font-size: 14px;
   729 	font-size: 14px;
   727 	font-weight: 400;
   730 	font-weight: 400;
   728 	margin-top: 30px;
   731 	margin-top: 30px;
   729 	padding: 10px 20px 10px 10px;
   732 	padding: 10px 20px 10px 10px;
   730 }
   733 }
   878 	}
   881 	}
   879 
   882 
   880 	.theme:not(.active):hover .theme-actions,
   883 	.theme:not(.active):hover .theme-actions,
   881 	.theme:not(.active):focus .theme-actions,
   884 	.theme:not(.active):focus .theme-actions,
   882 	.theme:hover .more-details,
   885 	.theme:hover .more-details,
   883 	.theme:focus .more-details {
   886 	.theme.focus .more-details {
   884 		display: none;
   887 		display: none;
   885 	}
   888 	}
   886 
   889 
   887 	.theme-browser.rendered .theme:hover .theme-screenshot img,
   890 	.theme-browser.rendered .theme:hover .theme-screenshot img,
   888 	.theme-browser.rendered .theme:focus .theme-screenshot img {
   891 	.theme-browser.rendered .theme.focus .theme-screenshot img {
   889 		opacity: 1.0;
   892 		opacity: 1.0;
   890 	}
   893 	}
   891 }
   894 }
   892 
   895 
   893 @media only screen and (max-width: 480px) {
   896 @media only screen and (max-width: 480px) {
  1000 	max-width: 40rem;
  1003 	max-width: 40rem;
  1001 }
  1004 }
  1002 
  1005 
  1003 /* Already installed theme */
  1006 /* Already installed theme */
  1004 .theme-browser .theme .theme-installed {
  1007 .theme-browser .theme .theme-installed {
  1005 	background: #0073aa;
  1008 	background: #2271b1;
  1006 }
  1009 }
  1007 
  1010 
  1008 .theme-browser .theme .notice-success p:before {
  1011 .theme-browser .theme .notice-success p:before {
  1009 	color: #79ba49;
  1012 	color: #68de7c;
  1010 	content: "\f147";
  1013 	content: "\f147";
  1011 	display: inline-block;
  1014 	display: inline-block;
  1012 	font: normal 20px/1 'dashicons';
  1015 	font: normal 20px/1 'dashicons';
  1013 	-webkit-font-smoothing: antialiased;
  1016 	-webkit-font-smoothing: antialiased;
  1014 	-moz-osx-font-smoothing: grayscale;
  1017 	-moz-osx-font-smoothing: grayscale;
  1057 	display: block;
  1060 	display: block;
  1058 }
  1061 }
  1059 
  1062 
  1060 .upload-theme .wp-upload-form,
  1063 .upload-theme .wp-upload-form,
  1061 .upload-plugin .wp-upload-form {
  1064 .upload-plugin .wp-upload-form {
  1062 	background: #fafafa;
  1065 	background: #f6f7f7;
  1063 	border: 1px solid #ccd0d4;
  1066 	border: 1px solid #c3c4c7;
  1064 	padding: 30px;
  1067 	padding: 30px;
  1065 	margin: 30px auto;
  1068 	margin: 30px auto;
  1066 	display: inline-flex;
  1069 	display: inline-flex;
  1067 	justify-content: space-between;
  1070 	justify-content: space-between;
  1068 	align-items: center;
  1071 	align-items: center;
  1073 	margin-left: 10px;
  1076 	margin-left: 10px;
  1074 }
  1077 }
  1075 
  1078 
  1076 .upload-theme .install-help,
  1079 .upload-theme .install-help,
  1077 .upload-plugin .install-help {
  1080 .upload-plugin .install-help {
  1078 	color: #555d66; /* #f1f1f1 background */
  1081 	color: #50575e; /* #f1f1f1 background */
  1079 	font-size: 18px;
  1082 	font-size: 18px;
  1080 	font-style: normal;
  1083 	font-style: normal;
  1081 	margin: 0;
  1084 	margin: 0;
  1082 	padding: 0;
  1085 	padding: 0;
  1083 	text-align: center;
  1086 	text-align: center;
  1084 }
  1087 }
  1085 
  1088 
  1086 p.no-themes,
  1089 p.no-themes,
  1087 p.no-themes-local {
  1090 p.no-themes-local {
  1088 	clear: both;
  1091 	clear: both;
  1089 	color: #666;
  1092 	color: #646970;
  1090 	font-size: 18px;
  1093 	font-size: 18px;
  1091 	font-style: normal;
  1094 	font-style: normal;
  1092 	margin: 0;
  1095 	margin: 0;
  1093 	padding: 100px 0;
  1096 	padding: 100px 0;
  1094 	text-align: center;
  1097 	text-align: center;
  1123 }
  1126 }
  1124 
  1127 
  1125 .theme-details .num-ratings,
  1128 .theme-details .num-ratings,
  1126 .theme-details .no-rating {
  1129 .theme-details .no-rating {
  1127 	font-size: 11px;
  1130 	font-size: 11px;
  1128 	color: #72777c;
  1131 	color: #646970;
  1129 }
  1132 }
  1130 
  1133 
  1131 .theme-details .no-rating {
  1134 .theme-details .no-rating {
  1132 	display: block;
  1135 	display: block;
  1133 	line-height: 1.9;
  1136 	line-height: 1.9;
  1134 }
  1137 }
  1135 
  1138 
  1136 .update-from-upload-comparison {
  1139 .update-from-upload-comparison {
  1137 	border-top: 1px solid #ddd;
  1140 	border-top: 1px solid #dcdcde;
  1138 	border-bottom: 1px solid #ddd;
  1141 	border-bottom: 1px solid #dcdcde;
  1139 	text-align: right;
  1142 	text-align: right;
  1140 	margin: 1rem 0 1.4rem;
  1143 	margin: 1rem 0 1.4rem;
  1141 	border-collapse: collapse;
  1144 	border-collapse: collapse;
  1142 	width: 100%;
  1145 	width: 100%;
  1143 }
  1146 }
  1161 .update-from-upload-comparison th {
  1164 .update-from-upload-comparison th {
  1162 	padding: 0.4rem 1.4rem;
  1165 	padding: 0.4rem 1.4rem;
  1163 }
  1166 }
  1164 
  1167 
  1165 .update-from-upload-comparison td.warning {
  1168 .update-from-upload-comparison td.warning {
  1166 	color: #a00;
  1169 	color: #d63638;
  1167 }
  1170 }
  1168 
  1171 
  1169 .update-from-upload-actions {
  1172 .update-from-upload-actions {
  1170 	margin-top: 1.4rem;
  1173 	margin-top: 1.4rem;
  1171 }
  1174 }
  1173 /*------------------------------------------------------------------------------
  1176 /*------------------------------------------------------------------------------
  1174   16.3 - Custom Header Screen
  1177   16.3 - Custom Header Screen
  1175 ------------------------------------------------------------------------------*/
  1178 ------------------------------------------------------------------------------*/
  1176 
  1179 
  1177 .appearance_page_custom-header #headimg {
  1180 .appearance_page_custom-header #headimg {
  1178 	border: 1px solid #ddd;
  1181 	border: 1px solid #dcdcde;
  1179 	overflow: hidden;
  1182 	overflow: hidden;
  1180 	width: 100%;
  1183 	width: 100%;
  1181 }
  1184 }
  1182 
  1185 
  1183 .appearance_page_custom-header #upload-form p label {
  1186 .appearance_page_custom-header #upload-form p label {
  1209   16.4 - Custom Background Screen
  1212   16.4 - Custom Background Screen
  1210 ------------------------------------------------------------------------------*/
  1213 ------------------------------------------------------------------------------*/
  1211 
  1214 
  1212 div#custom-background-image {
  1215 div#custom-background-image {
  1213 	min-height: 100px;
  1216 	min-height: 100px;
  1214 	border: 1px solid #ddd;
  1217 	border: 1px solid #dcdcde;
  1215 }
  1218 }
  1216 
  1219 
  1217 div#custom-background-image img {
  1220 div#custom-background-image img {
  1218 	max-width: 400px;
  1221 	max-width: 400px;
  1219 	max-height: 300px;
  1222 	max-height: 300px;
  1220 }
  1223 }
  1221 
  1224 
  1222 .background-position-control input[type="radio"]:checked ~ .button {
  1225 .background-position-control input[type="radio"]:checked ~ .button {
  1223 	background: #eee;
  1226 	background: #f0f0f1;
  1224 	border-color: #999;
  1227 	border-color: #8c8f94;
  1225 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
  1228 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
  1226 	z-index: 1;
  1229 	z-index: 1;
  1227 }
  1230 }
  1228 
  1231 
  1229 .background-position-control input[type="radio"]:focus ~ .button {
  1232 .background-position-control input[type="radio"]:focus ~ .button {
  1230 	border-color: #5b9dd9;
  1233 	border-color: #4f94d4;
  1231 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
  1234 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8);
  1232 	color: #23282d;
  1235 	color: #1d2327;
  1233 }
  1236 }
  1234 
  1237 
  1235 .background-position-control .background-position-center-icon,
  1238 .background-position-control .background-position-center-icon,
  1236 .background-position-control .background-position-center-icon:before {
  1239 .background-position-control .background-position-center-icon:before {
  1237 	display: inline-block;
  1240 	display: inline-block;
  1246 	vertical-align: top;
  1249 	vertical-align: top;
  1247 	width: 20px;
  1250 	width: 20px;
  1248 }
  1251 }
  1249 
  1252 
  1250 .background-position-control .background-position-center-icon:before {
  1253 .background-position-control .background-position-center-icon:before {
  1251 	background-color: #555;
  1254 	background-color: #50575e;
  1252 	border-radius: 50%;
  1255 	border-radius: 50%;
  1253 	content: "";
  1256 	content: "";
  1254 	height: 12px;
  1257 	height: 12px;
  1255 	width: 12px;
  1258 	width: 12px;
  1256 }
  1259 }
  1257 
  1260 
  1258 .background-position-control .button:hover .background-position-center-icon:before,
  1261 .background-position-control .button:hover .background-position-center-icon:before,
  1259 .background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before {
  1262 .background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before {
  1260 	background-color: #23282d;
  1263 	background-color: #1d2327;
  1261 }
  1264 }
  1262 
  1265 
  1263 .background-position-control .button-group {
  1266 .background-position-control .button-group {
  1264 	display: block;
  1267 	display: block;
  1265 }
  1268 }
  1280 .background-position-control .button-group .button:focus {
  1283 .background-position-control .button-group .button:focus {
  1281 	z-index: 1;
  1284 	z-index: 1;
  1282 }
  1285 }
  1283 
  1286 
  1284 .background-position-control .button-group:last-child .button {
  1287 .background-position-control .button-group:last-child .button {
  1285 	box-shadow: 0 1px 0 #ccc;
  1288 	box-shadow: 0 1px 0 #c3c4c7;
  1286 }
  1289 }
  1287 
  1290 
  1288 .background-position-control .button-group > label {
  1291 .background-position-control .button-group > label {
  1289 	margin: 0 !important;
  1292 	margin: 0 !important;
  1290 }
  1293 }
  1363 	bottom: 0;
  1366 	bottom: 0;
  1364 	right: 0;
  1367 	right: 0;
  1365 	padding: 0;
  1368 	padding: 0;
  1366 	margin: 0;
  1369 	margin: 0;
  1367 	z-index: 10;
  1370 	z-index: 10;
  1368 	background: #eee;
  1371 	background: #f0f0f1;
  1369 	border-left: none;
  1372 	border-left: none;
  1370 }
  1373 }
  1371 
  1374 
  1372 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
  1375 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
  1373 	overflow: visible;
  1376 	overflow: visible;
  1470 	display: block;
  1473 	display: block;
  1471 	position: relative;
  1474 	position: relative;
  1472 	float: right;
  1475 	float: right;
  1473 	width: 45px;
  1476 	width: 45px;
  1474 	height: 45px;
  1477 	height: 45px;
  1475 	background: #eee;
  1478 	background: #f0f0f1;
  1476 	border-left: 1px solid #ddd;
  1479 	border-left: 1px solid #dcdcde;
  1477 	color: #444;
  1480 	color: #3c434a;
  1478 	cursor: pointer;
  1481 	cursor: pointer;
  1479 	text-decoration: none;
  1482 	text-decoration: none;
  1480 	transition: color .1s ease-in-out, background .1s ease-in-out;
  1483 	transition: color .1s ease-in-out, background .1s ease-in-out;
  1481 }
  1484 }
  1482 
  1485 
  1484 .theme-install-overlay .close-full-overlay:focus,
  1487 .theme-install-overlay .close-full-overlay:focus,
  1485 .theme-install-overlay .previous-theme:hover,
  1488 .theme-install-overlay .previous-theme:hover,
  1486 .theme-install-overlay .previous-theme:focus,
  1489 .theme-install-overlay .previous-theme:focus,
  1487 .theme-install-overlay .next-theme:hover,
  1490 .theme-install-overlay .next-theme:hover,
  1488 .theme-install-overlay .next-theme:focus {
  1491 .theme-install-overlay .next-theme:focus {
  1489 	background: #ddd;
  1492 	background: #dcdcde;
  1490 	border-color: #ccc;
  1493 	border-color: #c3c4c7;
  1491 	color: #000;
  1494 	color: #000;
  1492 	outline: none;
  1495 	outline: none;
  1493 	box-shadow: none;
  1496 	box-shadow: none;
  1494 }
  1497 }
  1495 
  1498 
  1521 .theme-install-overlay .next-theme.disabled,
  1524 .theme-install-overlay .next-theme.disabled,
  1522 .theme-install-overlay .previous-theme.disabled:hover,
  1525 .theme-install-overlay .previous-theme.disabled:hover,
  1523 .theme-install-overlay .previous-theme.disabled:focus,
  1526 .theme-install-overlay .previous-theme.disabled:focus,
  1524 .theme-install-overlay .next-theme.disabled:hover,
  1527 .theme-install-overlay .next-theme.disabled:hover,
  1525 .theme-install-overlay .next-theme.disabled:focus {
  1528 .theme-install-overlay .next-theme.disabled:focus {
  1526 	color: #b4b9be;
  1529 	color: #c3c4c7;
  1527 	background: #eee;
  1530 	background: #f0f0f1;
  1528 	cursor: default;
  1531 	cursor: default;
  1529 	pointer-events: none;
  1532 	pointer-events: none;
  1530 }
  1533 }
  1531 
  1534 
  1532 .theme-install-overlay .close-full-overlay,
  1535 .theme-install-overlay .close-full-overlay,
  1549 	position: fixed;
  1552 	position: fixed;
  1550 	bottom: 0;
  1553 	bottom: 0;
  1551 	right: 0;
  1554 	right: 0;
  1552 	padding: 9px 10px 9px 0;
  1555 	padding: 9px 10px 9px 0;
  1553 	height: 45px;
  1556 	height: 45px;
  1554 	color: #656a6f;
  1557 	color: #646970;
  1555 	outline: 0;
  1558 	outline: 0;
  1556 	line-height: 1;
  1559 	line-height: 1;
  1557 	background-color: transparent !important;
  1560 	background-color: transparent !important;
  1558 	border: none !important;
  1561 	border: none !important;
  1559 	box-shadow: none !important;
  1562 	box-shadow: none !important;
  1560 	border-radius: 0 !important;
  1563 	border-radius: 0 !important;
  1561 }
  1564 }
  1562 
  1565 
  1563 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
  1566 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
  1564 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
  1567 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
  1565 	color: #0073aa;
  1568 	color: #2271b1;
  1566 }
  1569 }
  1567 
  1570 
  1568 .wp-full-overlay .collapse-sidebar-arrow,
  1571 .wp-full-overlay .collapse-sidebar-arrow,
  1569 .wp-full-overlay .collapse-sidebar-label {
  1572 .wp-full-overlay .collapse-sidebar-label {
  1570 	display: inline-block;
  1573 	display: inline-block;
  1581 }
  1584 }
  1582 
  1585 
  1583 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
  1586 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
  1584 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
  1587 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
  1585 	box-shadow:
  1588 	box-shadow:
  1586 		0 0 0 1px #5b9dd9,
  1589 		0 0 0 1px #4f94d4,
  1587 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  1590 		0 0 2px 1px rgba(79, 148, 212, 0.8);
  1588 }
  1591 }
  1589 
  1592 
  1590 .wp-full-overlay .collapse-sidebar-label {
  1593 .wp-full-overlay .collapse-sidebar-label {
  1591 	margin-right: 3px;
  1594 	margin-right: 3px;
  1592 }
  1595 }
  1596 }
  1599 }
  1597 
  1600 
  1598 .wp-full-overlay .collapse-sidebar-arrow:before {
  1601 .wp-full-overlay .collapse-sidebar-arrow:before {
  1599 	display: block;
  1602 	display: block;
  1600 	content: "\f148";
  1603 	content: "\f148";
  1601 	background: #eee;
  1604 	background: #f0f0f1;
  1602 	font: normal 20px/1 dashicons;
  1605 	font: normal 20px/1 dashicons;
  1603 	speak: none;
  1606 	speak: never;
  1604 	padding: 0;
  1607 	padding: 0;
  1605 	-webkit-font-smoothing: antialiased;
  1608 	-webkit-font-smoothing: antialiased;
  1606 	-moz-osx-font-smoothing: grayscale;
  1609 	-moz-osx-font-smoothing: grayscale;
  1607 }
  1610 }
  1608 
  1611 
  1630 }
  1633 }
  1631 
  1634 
  1632 /* Device/preview size toggles */
  1635 /* Device/preview size toggles */
  1633 
  1636 
  1634 .wp-full-overlay {
  1637 .wp-full-overlay {
  1635 	background: #191e23;
  1638 	background: #1d2327;
  1636 }
  1639 }
  1637 
  1640 
  1638 .wp-full-overlay-main {
  1641 .wp-full-overlay-main {
  1639 	background-color: #f1f1f1;
  1642 	background-color: #f0f0f1;
  1640 }
  1643 }
  1641 
  1644 
  1642 .expanded .wp-full-overlay-footer {
  1645 .expanded .wp-full-overlay-footer {
  1643 	position: fixed;
  1646 	position: fixed;
  1644 	bottom: 0;
  1647 	bottom: 0;
  1646 	min-width: 299px;
  1649 	min-width: 299px;
  1647 	max-width: 599px;
  1650 	max-width: 599px;
  1648 	width: 18%;
  1651 	width: 18%;
  1649 	width: calc( 18% - 1px );
  1652 	width: calc( 18% - 1px );
  1650 	height: 45px;
  1653 	height: 45px;
  1651 	border-top: 1px solid #ddd;
  1654 	border-top: 1px solid #dcdcde;
  1652 	background: #eee;
  1655 	background: #f0f0f1;
  1653 }
  1656 }
  1654 
  1657 
  1655 .wp-full-overlay-footer .devices-wrapper {
  1658 .wp-full-overlay-footer .devices-wrapper {
  1656 	float: left;
  1659 	float: left;
  1657 }
  1660 }
  1658 
  1661 
  1659 .wp-full-overlay-footer .devices {
  1662 .wp-full-overlay-footer .devices {
  1660 	position: relative;
  1663 	position: relative;
  1661 	background: #eee;
  1664 	background: #f0f0f1;
  1662 	box-shadow: 20px 0 10px -5px #eee;
  1665 	box-shadow: 20px 0 10px -5px #f0f0f1;
  1663 }
  1666 }
  1664 
  1667 
  1665 .wp-full-overlay-footer .devices button {
  1668 .wp-full-overlay-footer .devices button {
  1666 	cursor: pointer;
  1669 	cursor: pointer;
  1667 	background: transparent;
  1670 	background: transparent;
  1688 	-webkit-font-smoothing: antialiased;
  1691 	-webkit-font-smoothing: antialiased;
  1689 	font: normal 20px/30px "dashicons";
  1692 	font: normal 20px/30px "dashicons";
  1690 	vertical-align: top;
  1693 	vertical-align: top;
  1691 	margin: 3px 0;
  1694 	margin: 3px 0;
  1692 	padding: 4px 8px;
  1695 	padding: 4px 8px;
  1693 	color: #656a6f;
  1696 	color: #646970;
  1694 }
  1697 }
  1695 
  1698 
  1696 .wp-full-overlay-footer .devices button.active {
  1699 .wp-full-overlay-footer .devices button.active {
  1697 	border-bottom-color: #191e23;
  1700 	border-bottom-color: #1d2327;
  1698 }
  1701 }
  1699 
  1702 
  1700 .wp-full-overlay-footer .devices button:hover,
  1703 .wp-full-overlay-footer .devices button:hover,
  1701 .wp-full-overlay-footer .devices button:focus {
  1704 .wp-full-overlay-footer .devices button:focus {
  1702 	background-color: #fff;
  1705 	background-color: #fff;
  1703 }
  1706 }
  1704 
  1707 
  1705 .wp-full-overlay-footer .devices button:focus,
  1708 .wp-full-overlay-footer .devices button:focus,
  1706 .wp-full-overlay-footer .devices button.active:hover {
  1709 .wp-full-overlay-footer .devices button.active:hover {
  1707 	border-bottom-color: #0073aa;
  1710 	border-bottom-color: #2271b1;
  1708 }
  1711 }
  1709 
  1712 
  1710 .wp-full-overlay-footer .devices button.active:before {
  1713 .wp-full-overlay-footer .devices button.active:before {
  1711 	color: #191e23;
  1714 	color: #1d2327;
  1712 }
  1715 }
  1713 
  1716 
  1714 .wp-full-overlay-footer .devices button:hover:before,
  1717 .wp-full-overlay-footer .devices button:hover:before,
  1715 .wp-full-overlay-footer .devices button:focus:before {
  1718 .wp-full-overlay-footer .devices button:focus:before {
  1716 	color: #0073aa;
  1719 	color: #2271b1;
  1717 }
  1720 }
  1718 
  1721 
  1719 .wp-full-overlay-footer .devices .preview-desktop:before {
  1722 .wp-full-overlay-footer .devices .preview-desktop:before {
  1720 	content: "\f472";
  1723 	content: "\f472";
  1721 }
  1724 }
  1770 	display: none;
  1773 	display: none;
  1771 }
  1774 }
  1772 
  1775 
  1773 #customize-container,
  1776 #customize-container,
  1774 #customize-controls .notice.notification-overlay {
  1777 #customize-controls .notice.notification-overlay {
  1775 	background: #eee;
  1778 	background: #f0f0f1;
  1776 	z-index: 500000;
  1779 	z-index: 500000;
  1777 	position: fixed;
  1780 	position: fixed;
  1778 	overflow: visible;
  1781 	overflow: visible;
  1779 	top: 0;
  1782 	top: 0;
  1780 	bottom: 0;
  1783 	bottom: 0;
  1842 }
  1845 }
  1843 
  1846 
  1844 .install-theme-info .theme-screenshot {
  1847 .install-theme-info .theme-screenshot {
  1845 	margin: 15px 0;
  1848 	margin: 15px 0;
  1846 	width: 258px;
  1849 	width: 258px;
  1847 	border: 1px solid #ccc;
  1850 	border: 1px solid #c3c4c7;
  1848 }
  1851 }
  1849 
  1852 
  1850 .install-theme-info .theme-details {
  1853 .install-theme-info .theme-details {
  1851 	overflow: hidden;
  1854 	overflow: hidden;
  1852 }
  1855 }
  1855 	margin: 15px 0;
  1858 	margin: 15px 0;
  1856 }
  1859 }
  1857 
  1860 
  1858 .theme-details .theme-description {
  1861 .theme-details .theme-description {
  1859 	float: right;
  1862 	float: right;
  1860 	color: #72777c;
  1863 	color: #646970;
  1861 	line-height: 1.6;
  1864 	line-height: 1.6;
  1862 	max-width: 100%;
  1865 	max-width: 100%;
  1863 }
  1866 }
  1864 
  1867 
  1865 .theme-install-overlay .wp-full-overlay-header .button {
  1868 .theme-install-overlay .wp-full-overlay-header .button {
  1866 	float: left;
  1869 	float: left;
  1867 	margin: 8px 0 0 10px;
  1870 	margin: 8px 0 0 10px;
  1868 }
  1871 }
  1869 
  1872 
  1870 .theme-install-overlay .wp-full-overlay-sidebar {
  1873 .theme-install-overlay .wp-full-overlay-sidebar {
  1871 	background: #eee;
  1874 	background: #f0f0f1;
  1872 	border-left: 1px solid #ddd;
  1875 	border-left: 1px solid #dcdcde;
  1873 }
  1876 }
  1874 
  1877 
  1875 .theme-install-overlay .wp-full-overlay-sidebar-content {
  1878 .theme-install-overlay .wp-full-overlay-sidebar-content {
  1876 	background: #fff;
  1879 	background: #fff;
  1877 	border-top: 1px solid #ddd;
  1880 	border-top: 1px solid #dcdcde;
  1878 	border-bottom: 1px solid #ddd;
  1881 	border-bottom: 1px solid #dcdcde;
  1879 }
  1882 }
  1880 
  1883 
  1881 .theme-install-overlay .wp-full-overlay-main {
  1884 .theme-install-overlay .wp-full-overlay-main {
  1882 	position: absolute;
  1885 	position: absolute;
  1883 	z-index: 0;
  1886 	z-index: 0;
  1884 	background-color: #f1f1f1;
  1887 	background-color: #f0f0f1;
  1885 }
  1888 }
  1886 
  1889 
  1887 .customize-loading #customize-container {
  1890 .customize-loading #customize-container {
  1888 	background-color: #f1f1f1;
  1891 	background-color: #f0f0f1;
  1889 }
  1892 }
  1890 
  1893 
  1891 #customize-preview.wp-full-overlay-main:before,
  1894 #customize-preview.wp-full-overlay-main:before,
  1892 .customize-loading #customize-container:before,
  1895 .customize-loading #customize-container:before,
  1893 #customize-controls .notice.notification-overlay.notification-loading:before,
  1896 #customize-controls .notice.notification-overlay.notification-loading:before,
  1974 @media aural {
  1977 @media aural {
  1975 	.theme .notice:before,
  1978 	.theme .notice:before,
  1976 	.theme-info .updating-message:before,
  1979 	.theme-info .updating-message:before,
  1977 	.theme-info .updated-message:before,
  1980 	.theme-info .updated-message:before,
  1978 	.theme-install.updating-message:before {
  1981 	.theme-install.updating-message:before {
  1979 		speak: none;
  1982 		speak: never;
  1980 	}
  1983 	}
  1981 }
  1984 }