home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress2 / wp-includes / js / thickbox / thickbox.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2017-09-09  |  2.6 KB  |  157 lines
  1. #TB_overlay {
  2.     background: #000;
  3.     opacity: 0.7;
  4.     filter: alpha(opacity=70);
  5.     position: fixed;
  6.     top: 0;
  7.     right: 0;
  8.     bottom: 0;
  9.     left: 0;
  10.     z-index: 100050; /* Above DFW. */
  11. }
  12.  
  13. #TB_window {
  14.     position: fixed;
  15.     background-color: #fff;
  16.     z-index: 100050; /* Above DFW. */
  17.     visibility: hidden;
  18.     text-align: left;
  19.     top: 50%;
  20.     left: 50%;
  21.     -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  22.     box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  23. }
  24.  
  25. #TB_window img#TB_Image {
  26.     display: block;
  27.     margin: 15px 0 0 15px;
  28.     border-right: 1px solid #ccc;
  29.     border-bottom: 1px solid #ccc;
  30.     border-top: 1px solid #666;
  31.     border-left: 1px solid #666;
  32. }
  33.  
  34. #TB_caption{
  35.     height: 25px;
  36.     padding: 7px 30px 10px 25px;
  37.     float: left;
  38. }
  39.  
  40. #TB_closeWindow {
  41.     height: 25px;
  42.     padding: 11px 25px 10px 0;
  43.     float: right;
  44. }
  45.  
  46. #TB_closeWindowButton {
  47.     position: absolute;
  48.     left: auto;
  49.     right: 0;
  50.     width: 29px;
  51.     height: 29px;
  52.     border: 0;
  53.     padding: 0;
  54.     background: none;
  55.     cursor: pointer;
  56.     outline: none;
  57.     -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
  58.     transition: color .1s ease-in-out, background .1s ease-in-out;
  59. }
  60.  
  61. #TB_ajaxWindowTitle {
  62.     float: left;
  63.     font-weight: 600;
  64.     line-height: 29px;
  65.     overflow: hidden;
  66.     padding: 0 29px 0 10px;
  67.     text-overflow: ellipsis;
  68.     white-space: nowrap;
  69.     width: calc( 100% - 39px );
  70. }
  71.  
  72. #TB_title {
  73.     background: #fcfcfc;
  74.     border-bottom: 1px solid #ddd;
  75.     height: 29px;
  76. }
  77.  
  78. #TB_ajaxContent {
  79.     clear: both;
  80.     padding: 2px 15px 15px 15px;
  81.     overflow: auto;
  82.     text-align: left;
  83.     line-height: 1.4em;
  84. }
  85.  
  86. #TB_ajaxContent.TB_modal {
  87.     padding: 15px;
  88. }
  89.  
  90. #TB_ajaxContent p {
  91.     padding: 5px 0px 5px 0px;
  92. }
  93.  
  94. #TB_load {
  95.     position: fixed;
  96.     display: none;
  97.     z-index: 100050;
  98.     top: 50%;
  99.     left: 50%;
  100.     background-color: #E8E8E8;
  101.     border: 1px solid #555;
  102.     margin: -45px 0 0 -125px;
  103.     padding: 40px 15px 15px;
  104. }
  105.  
  106. #TB_HideSelect {
  107.     z-index: 99;
  108.     position: fixed;
  109.     top: 0;
  110.     left: 0;
  111.     background-color: #fff;
  112.     border: none;
  113.     filter: alpha(opacity=0);
  114.     opacity: 0;
  115.     height: 100%;
  116.     width: 100%;
  117. }
  118.  
  119. #TB_iframeContent {
  120.     clear: both;
  121.     border: none;
  122. }
  123.  
  124. .tb-close-icon {
  125.     display: block;
  126.     color: #666;
  127.     text-align: center;
  128.     line-height: 29px;
  129.     width: 29px;
  130.     height: 29px;
  131.     position: absolute;
  132.     top: 0;
  133.     right: 0;
  134. }
  135.  
  136. .tb-close-icon:before {
  137.     content: "\f158";
  138.     font: normal 20px/29px dashicons;
  139.     speak: none;
  140.     -webkit-font-smoothing: antialiased;
  141.     -moz-osx-font-smoothing: grayscale;
  142. }
  143.  
  144. #TB_closeWindowButton:hover .tb-close-icon,
  145. #TB_closeWindowButton:focus .tb-close-icon {
  146.     color: #00a0d2;
  147. }
  148.  
  149. #TB_closeWindowButton:focus .tb-close-icon {
  150.     -webkit-box-shadow:
  151.         0 0 0 1px #5b9dd9,
  152.         0 0 2px 1px rgba(30, 140, 190, .8);
  153.     box-shadow:
  154.         0 0 0 1px #5b9dd9,
  155.         0 0 2px 1px rgba(30, 140, 190, .8);
  156. }
  157.