mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-10-06 15:47:05 +00:00
Modals: darken all overlays, update all box-shadows and headings, correct thickbox styling, make the link modal narrower and bring back the animation (css transition). Props avryl, see #26952
git-svn-id: https://develop.svn.wordpress.org/trunk@27532 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
@@ -1423,27 +1423,6 @@ html.wp-toolbar {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
#TB_window {
|
||||
border: 1px solid #333;
|
||||
}
|
||||
|
||||
#TB_window #TB_title {
|
||||
background-color: #222;
|
||||
color: #cfcfcf;
|
||||
}
|
||||
|
||||
#TB_window #TB_title a.tb-theme-preview-link,
|
||||
#TB_window #TB_title a.tb-theme-preview-link:visited {
|
||||
color: #999;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#TB_window #TB_title a.tb-theme-preview-link:hover,
|
||||
#TB_window #TB_title a.tb-theme-preview-link:focus {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* @todo: what is this doing here */
|
||||
#dashboard_right_now .versions .b,
|
||||
#post-status-display,
|
||||
@@ -1994,17 +1973,6 @@ img {
|
||||
content: '\f140';
|
||||
}
|
||||
|
||||
#TB_ajaxContent #options {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 25px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#TB_ajaxContent h3 {
|
||||
margin-bottom: .25em;
|
||||
}
|
||||
|
||||
.error a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -2272,15 +2240,6 @@ img {
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
/* @todo: these seem misplaced */
|
||||
.sticky-menu #TB_window {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.sticky-menu #TB_window .updated {
|
||||
margin: 16px 0 0;
|
||||
}
|
||||
|
||||
/* =Media Queries
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
|
||||
@@ -452,6 +452,8 @@ span.wp-media-buttons-icon:before {
|
||||
width: 450px;
|
||||
margin-left: -225px;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
|
||||
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
|
||||
line-height: 1.5;
|
||||
z-index: 1000005;
|
||||
}
|
||||
@@ -463,8 +465,8 @@ span.wp-media-buttons-icon:before {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #000;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
z-index: 1000000;
|
||||
}
|
||||
|
||||
|
||||
@@ -234,6 +234,8 @@
|
||||
|
||||
.find-box {
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
|
||||
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
|
||||
width: 600px;
|
||||
overflow: hidden;
|
||||
margin-left: -300px;
|
||||
@@ -247,11 +249,11 @@
|
||||
.find-box-head {
|
||||
background: #fcfcfc;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
height: 42px;
|
||||
font-size: 22px;
|
||||
height: 36px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 41px;
|
||||
padding: 0 42px 0 16px;
|
||||
line-height: 36px;
|
||||
padding: 0 36px 0 16px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -263,7 +265,7 @@
|
||||
padding: 16px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
top: 37px;
|
||||
bottom: 45px;
|
||||
overflow-y: scroll;
|
||||
width: 100%;
|
||||
@@ -300,8 +302,8 @@
|
||||
}
|
||||
|
||||
#find-posts-close {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@@ -315,7 +317,7 @@
|
||||
}
|
||||
|
||||
#find-posts-close:before {
|
||||
font: normal 20px/42px 'dashicons';
|
||||
font: normal 20px/36px 'dashicons';
|
||||
vertical-align: top;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
@@ -360,6 +362,7 @@
|
||||
bottom: 0;
|
||||
background: #000;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
z-index: 100100;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user