home *** CD-ROM | disk | FTP | other *** search
/ Image Zone / ImageZone.iso / setup.exe / Graphics / html / css / CustomInfoWindow.css
Encoding:
Cascading Style Sheet File  |  2009-12-10  |  3.7 KB  |  175 lines
  1. #custom_info_window
  2. {
  3.     width: 350px;
  4.   text-align: center;
  5.   vertical-align: middle;
  6.   display: block;
  7. }
  8.  
  9. #custom_info_window_contents
  10. {
  11.   background-color: #000;
  12.   color: #FFF;
  13.   width: 350px;
  14.   padding-bottom: -20px;
  15.   margin: 0px;
  16.   display: inline;
  17.   text-align: center;
  18.   vertical-align: center;
  19. }
  20.  
  21. #unloaded_contents
  22. {
  23.   height: 332px;
  24.   width: 350px;
  25.   vertical-align: middle;
  26. }
  27.  
  28. img.unloaded 
  29. {
  30.      max-width: 350px; 
  31.      max-height: 350px;
  32.      vertical-align: middle;
  33.      position:absolute;
  34.      top:0;
  35.      bottom:0;
  36.      left: 0;
  37.      right: 0;
  38.      margin:auto;
  39. }
  40.  
  41. #custom_info_window_tl
  42. {
  43.   width: 20px;
  44.   height: 20px;
  45.   background: url('../images/custom_window/hm_tl.png') top left no-repeat transparent;
  46. }
  47. * html #custom_info_window_tl
  48. {
  49.   background-image:none;
  50.   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/custom_window/hm_tl.png', sizingMethod='crop');
  51. }
  52. #custom_info_window_t
  53. {
  54.     width: 350px;
  55.   background: url('../images/custom_window/hm_t.png') top left repeat-x transparent;
  56. }
  57. #custom_info_window_tr
  58. {
  59.   width: 20px;
  60.   height: 20px;
  61.   background: url('../images/custom_window/hm_tr.png') top left no-repeat transparent;
  62. }
  63. * html #custom_info_window_tr
  64. {
  65.   background-image:none;
  66.   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/custom_window/hm_tr.png', sizingMethod='crop');
  67. }
  68. #custom_info_window_l
  69. {
  70.   width: 20px;
  71.   background: url('../images/custom_window/hm_l.png') top left repeat-y transparent;
  72. }
  73. #custom_info_window_r
  74. {
  75.   width: 20px;
  76.   background: url('../images/custom_window/hm_r.png') top right repeat-y transparent;
  77. }
  78. #custom_info_window_bl
  79. {
  80.   width: 20px;
  81.   height: 51px;
  82.   background: url('../images/custom_window/hm_bl.png') top left no-repeat transparent;
  83. }
  84. * html #custom_info_window_bl
  85. {
  86.   background-image:none;
  87.   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/custom_window/hm_bl.png', sizingMethod='crop');
  88. }
  89. #custom_info_window_b
  90. {
  91.     width: 350px;
  92.   background: url('../images/custom_window/hm_b.png') top left repeat-x transparent;
  93. }
  94. #custom_info_window_br
  95. {
  96.   width: 20px;
  97.   height: 51px;
  98.   background: url('../images/custom_window/hm_br.png') top left no-repeat transparent;
  99. }
  100. * html #custom_info_window_br
  101. {
  102.   background-image:none;
  103.   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/custom_window/hm_br.png', sizingMethod='crop');
  104. }
  105. #custom_info_window_close
  106. {
  107.   width: 23px;
  108.   height: 23px;
  109.   background: url('../images/custom_window/hm_close.png') top left no-repeat transparent;
  110.   cursor: pointer;
  111. }
  112. * html #custom_info_window_close
  113. {
  114.   background-image:none;
  115.   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/custom_window/hm_close.png', sizingMethod='crop');
  116. }
  117. #custom_info_window_beak
  118. {
  119.   width: 24px;
  120.   height: 50px;
  121.   background: url('../images/custom_window/hm_beak.png') top right no-repeat transparent;
  122. }
  123. * html #custom_info_window_beak
  124. {
  125.   background-image:none;
  126.   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/custom_window/hm_beak.png', sizingMethod='crop');
  127. }
  128.  
  129.  
  130. #custom_info_window_contents .section1,
  131. #custom_info_window_contents .section2,
  132. #custom_info_window_contents p,
  133. #custom_info_window_contents .title
  134. {
  135.     width: 0px;
  136.     height: 0px;
  137.   margin: 0;
  138.   padding: 0;
  139. }
  140.  
  141.  
  142.  
  143. /* bottom texts and buttons styles */
  144. #prev_button
  145. {
  146.     position: absolute;
  147.     margin-top: 15px; 
  148.     right: 34px; 
  149. }
  150.  
  151. #next_button
  152. {
  153.     position: absolute;
  154.     margin-top: 15px; 
  155.     right: 10px; 
  156. }
  157.  
  158. #next_button a img, #prev_button a img
  159. {
  160.     border: 0;
  161. }
  162.  
  163. #status_box
  164. {
  165.     position: absolute;
  166.     left: 0px;
  167.     bottom: -30px;
  168.     color: #CCC;
  169.      font-family: Arial, Helvetica, serif;
  170.   font-size: 12px;
  171. }
  172.  
  173.  
  174.  
  175.