X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/76aea3697c6043c1613370f172395b4f65ee71f0..refs/tags/wordpress-3.9:/wp-includes/js/thickbox/thickbox.css diff --git a/wp-includes/js/thickbox/thickbox.css b/wp-includes/js/thickbox/thickbox.css index a7c4a401..45e3f48a 100644 --- a/wp-includes/js/thickbox/thickbox.css +++ b/wp-includes/js/thickbox/thickbox.css @@ -1,67 +1,29 @@ - -/* ----------------------------------------------------------------------------------------------------------------*/ -/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ -/* ----------------------------------------------------------------------------------------------------------------*/ -#TB_window { - font: 12px Arial, Helvetica, sans-serif; - color: #333333; -} - -#TB_secondLine { - font: 10px Arial, Helvetica, sans-serif; - color:#666666; -} - -#TB_window a:link {color: #666666;} -#TB_window a:visited {color: #666666;} -#TB_window a:hover {color: #000;} -#TB_window a:active {color: #666666;} -#TB_window a:focus{color: #666666;} - -/* ----------------------------------------------------------------------------------------------------------------*/ -/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ -/* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { + background: #000; + opacity: 0.7; + filter: alpha(opacity=70); position: fixed; - z-index:100; - top: 0px; - left: 0px; - height:100%; - width:100%; -} - -.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} -.TB_overlayBG { - background-color:#000; - filter:alpha(opacity=75); - -moz-opacity: 0.75; - opacity: 0.75; -} - -* html #TB_overlay { /* ie6 hack */ - position: absolute; - height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 100050; /* Above DFW. */ } #TB_window { position: fixed; - background: #ffffff; - z-index: 102; - color:#000000; - display:none; - border: 4px solid #525252; - text-align:left; - top:50%; - left:50%; -} - -* html #TB_window { /* ie6 hack */ -position: absolute; -margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); + background: #fff; + z-index: 100050; /* Above DFW. */ + visibility: hidden; + text-align: left; + top: 50%; + left: 50%; + -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); } #TB_window img#TB_Image { - display:block; + display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; @@ -70,88 +32,107 @@ margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = d } #TB_caption{ - height:25px; - padding:7px 30px 10px 25px; - float:left; + height: 25px; + padding: 7px 30px 10px 25px; + float: left; } -#TB_closeWindow{ - height:25px; - padding:11px 25px 10px 0; - float:right; +#TB_closeWindow { + height: 25px; + padding: 11px 25px 10px 0; + float: right; } -#TB_closeAjaxWindow{ - padding:6px 10px 0; - text-align:right; - float:right; +#TB_closeAjaxWindow { + float: right; } -#TB_ajaxWindowTitle{ - float:left; - padding:6px 10px 0; +#TB_closeAjaxWindow a { + text-decoration: none; } -#TB_title{ - background-color:#e8e8e8; - height:27px; +#TB_ajaxWindowTitle { + float: left; + font-weight: 600; + line-height: 29px; + overflow: hidden; + padding: 0 29px 0 10px; + text-overflow: ellipsis; + white-space: nowrap; + width: calc( 100% - 39px ); } -#TB_ajaxContent{ - clear:both; - padding:2px 15px 15px 15px; - overflow:auto; - text-align:left; - line-height:1.4em; +#TB_title { + background: #fcfcfc; + border-bottom: 1px solid #dfdfdf; + height: 29px; } -#TB_ajaxContent.TB_modal{ - padding:15px; +#TB_ajaxContent { + clear: both; + padding: 2px 15px 15px 15px; + overflow: auto; + text-align: left; + line-height: 1.4em; } -#TB_ajaxContent p{ - padding:5px 0px 5px 0px; +#TB_ajaxContent.TB_modal { + padding: 15px; } -#TB_load{ +#TB_ajaxContent p { + padding: 5px 0px 5px 0px; +} + +#TB_load { position: fixed; - display:none; - z-index:103; + display: none; + z-index: 103; top: 50%; left: 50%; background-color: #E8E8E8; - border: 4px solid #525252; - margin: -45px 0pt 0pt -125px; + border: 1px solid #555; + margin: -45px 0 0 -125px; padding: 40px 15px 15px; } -* html #TB_load { /* ie6 hack */ -position: absolute; -margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); -} - -#TB_HideSelect{ - z-index:99; - position:fixed; +#TB_HideSelect { + z-index: 99; + position: fixed; top: 0; left: 0; - background-color:#fff; - border:none; - filter:alpha(opacity=0); - -moz-opacity: 0; + background-color: #fff; + border: none; + filter: alpha(opacity=0); opacity: 0; - height:100%; - width:100%; + height: 100%; + width: 100%; +} + +#TB_iframeContent { + clear: both; + border: none; +} + +.tb-close-icon { + color: #666; + text-align: center; + line-height: 29px; + width: 29px; + height: 29px; + position: absolute; + top: 0; + right: 0; } -* html #TB_HideSelect { /* ie6 hack */ - position: absolute; - height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); +.tb-close-icon:before { + content: '\f158'; + font: normal 20px/29px 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -#TB_iframeContent{ - clear:both; - border:none; - margin-bottom:-1px; - _margin-bottom:1px; +.tb-close-icon:hover { + color: #2ea2cc; }