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:
Andrew Ozz
2014-03-14 05:54:16 +00:00
parent a33829d1d0
commit 83501070d5
8 changed files with 153 additions and 217 deletions
-41
View File
@@ -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
-------------------------------------------------------------- */
+4 -2
View File
@@ -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;
}
+11 -8
View File
@@ -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;
}