You are here

thickbox.css in Thickbox 5

Same filename and directory in other branches
  1. 6 thickbox.css
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
  color: #333333;
}

#TB_secondLine {
  font: 10px "Lucida Grande", Verdana, Arial, 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-hide-image {
  display: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  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');
}

#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');
}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_caption {
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow {
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow {
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle {
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  background-color:#e8e8e8;
  height:27px;
}

#TB_ajaxContent {
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#TB_ajaxContent.TB_modal {
  padding:15px;
}

#TB_ajaxContent p {
  padding:5px 0px 5px 0px;
}

#TB_load {
  position: fixed;
  background: url(loading_animation.gif);
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* 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;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent {
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

File

thickbox.css
View source
  1. /* ----------------------------------------------------------------------------------------------------------------*/
  2. /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
  3. /* ----------------------------------------------------------------------------------------------------------------*/
  4. #TB_window {
  5. font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
  6. color: #333333;
  7. }
  8. #TB_secondLine {
  9. font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
  10. color:#666666;
  11. }
  12. #TB_window a:link {color: #666666;}
  13. #TB_window a:visited {color: #666666;}
  14. #TB_window a:hover {color: #000;}
  15. #TB_window a:active {color: #666666;}
  16. #TB_window a:focus{color: #666666;}
  17. .thickbox-hide-image {
  18. display: none;
  19. }
  20. /* ----------------------------------------------------------------------------------------------------------------*/
  21. /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
  22. /* ----------------------------------------------------------------------------------------------------------------*/
  23. #TB_overlay {
  24. position: fixed;
  25. z-index:100;
  26. top: 0px;
  27. left: 0px;
  28. height:100%;
  29. width:100%;
  30. }
  31. .TB_overlayMacFFBGHack {
  32. background: url(macffbghack.png) repeat;
  33. }
  34. .TB_overlayBG {
  35. background-color:#000;
  36. filter:alpha(opacity=75);
  37. -moz-opacity: 0.75;
  38. opacity: 0.75;
  39. }
  40. * html #TB_overlay { /* ie6 hack */
  41. position: absolute;
  42. height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  43. }
  44. #TB_window {
  45. position: fixed;
  46. background: #ffffff;
  47. z-index: 102;
  48. color:#000000;
  49. display:none;
  50. border: 4px solid #525252;
  51. text-align:left;
  52. top:50%;
  53. left:50%;
  54. }
  55. * html #TB_window { /* ie6 hack */
  56. position: absolute;
  57. margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  58. }
  59. #TB_window img#TB_Image {
  60. display:block;
  61. margin: 15px 0 0 15px;
  62. border-right: 1px solid #ccc;
  63. border-bottom: 1px solid #ccc;
  64. border-top: 1px solid #666;
  65. border-left: 1px solid #666;
  66. }
  67. #TB_caption {
  68. height:25px;
  69. padding:7px 30px 10px 25px;
  70. float:left;
  71. }
  72. #TB_closeWindow {
  73. height:25px;
  74. padding:11px 25px 10px 0;
  75. float:right;
  76. }
  77. #TB_closeAjaxWindow {
  78. padding:7px 10px 5px 0;
  79. margin-bottom:1px;
  80. text-align:right;
  81. float:right;
  82. }
  83. #TB_ajaxWindowTitle {
  84. float:left;
  85. padding:7px 0 5px 10px;
  86. margin-bottom:1px;
  87. }
  88. #TB_title{
  89. background-color:#e8e8e8;
  90. height:27px;
  91. }
  92. #TB_ajaxContent {
  93. clear:both;
  94. padding:2px 15px 15px 15px;
  95. overflow:auto;
  96. text-align:left;
  97. line-height:1.4em;
  98. }
  99. #TB_ajaxContent.TB_modal {
  100. padding:15px;
  101. }
  102. #TB_ajaxContent p {
  103. padding:5px 0px 5px 0px;
  104. }
  105. #TB_load {
  106. position: fixed;
  107. background: url(loading_animation.gif);
  108. display:none;
  109. height:13px;
  110. width:208px;
  111. z-index:103;
  112. top: 50%;
  113. left: 50%;
  114. margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
  115. }
  116. * html #TB_load { /* ie6 hack */
  117. position: absolute;
  118. margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  119. }
  120. #TB_HideSelect {
  121. z-index:99;
  122. position:fixed;
  123. top: 0;
  124. left: 0;
  125. background-color:#fff;
  126. border:none;
  127. filter:alpha(opacity=0);
  128. -moz-opacity: 0;
  129. opacity: 0;
  130. height:100%;
  131. width:100%;
  132. }
  133. * html #TB_HideSelect { /* ie6 hack */
  134. position: absolute;
  135. height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  136. }
  137. #TB_iframeContent {
  138. clear:both;
  139. border:none;
  140. margin-bottom:-1px;
  141. margin-top:1px;
  142. _margin-bottom:1px;
  143. }