home *** CD-ROM | disk | FTP | other *** search
/ developer.apple.com / developer.apple.com.tar / developer.apple.com / global / styles / overlay.css < prev    next >
Cascading Style Sheet File  |  2010-08-18  |  5KB  |  77 lines
  1. #main .overlaydescription,
  2. #main .overlayposter { display:none; }
  3.  
  4. /* overlay  background (both image and movie) */
  5. .overlay,
  6. .overlayshadow { position:absolute; top:0; left:-1200px; z-index:9999; text-align:left; }
  7.  
  8. .overlayshadow { width:809px; height:551px; }
  9. .overlayshadow img { width:100%; height:100%; behavior:url(../../main/js/ie7pngfix.htc); }
  10.  
  11. .overlay { width:735px; height:416px; margin:37px 37px 98px; }
  12.  
  13. .overlay a.close { position:relative; z-index:999; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url(http://images.apple.com/global/elements/widget_close.png) no-repeat; cursor:pointer; outline:none; behavior:url(../../main/js/iepngfix.htc); }
  14. .overlay.isanim a.close { display:none; }
  15.  
  16. /* image overlay */
  17. .overlay .overlayimg { width:100%; height:100%; }
  18. .overlay.popped .overlayimg { display:block; }
  19.  
  20. /* image nav */
  21. .overlay .overlaynav { display:none; position:absolute; width:100%; height:61px; bottom:-61px; } 
  22. .overlay.popped .overlaynav { display:block; }
  23.  
  24. .overlay .overlaynav ul { width:87px; margin:8px auto; }
  25. .overlay .overlaynav ul.w2 { width:174px; }
  26. .overlay .overlaynav ul.w3 { width:261px; }
  27. .overlay .overlaynav ul.w4 { width:348px; }
  28. .overlay .overlaynav ul.w5 { width:435px; }
  29. .overlay .overlaynav ul.w6 { width:522px; }
  30. .overlay .overlaynav ul.w7 { width:609px; }
  31. .overlay .overlaynav ul.w8 { width:696px; }
  32.  
  33. .overlay .overlaynav ul li { float:left; }
  34. .overlay .overlaynav ul li a { display:block; margin:0 5px; padding:3px; border:1px solid #fff; outline:none; }
  35. .overlay .overlaynav ul li a.active { border-color:#ccc; }
  36. .overlay .overlaynav ul li a img { display:block; margin:0; }
  37.  
  38. /* movie overlay */
  39. .overlay .overlaydescription { display:table; width:180px; height:100%; margin-left:20px; color:#666; font-size:12px !important; line-height:1.5em; overflow:hidden; *position:relative; }
  40. .overlay .overlaydescription div { display:table-cell; vertical-align:middle; *position:absolute; *top:50%; }
  41. .overlay .overlaydescription div div { *position:relative; *top:-50%; }
  42. .overlay .overlaydescription h3,
  43. .overlay .overlayindex h3 { margin-bottom:.6em; color:#333; font-weight:bold; font-size:16px !important; line-height:1.3em; }
  44. .overlay .overlaydescription h4 { margin-bottom:.6em; color:#666; font-weight:normal; font-size:11px !important; line-height:1.3em; }
  45. .overlay.isanim .overlaydescription { display:none; }
  46.  
  47. .overlay .overlaymovie { position:absolute; width:480px; height:360px; top:20px; right:20px; }
  48. .overlay.isanim .overlaymovie { display:none; }
  49. .overlay .overlaymovie #noqt { height:209px; padding-top:165px; text-align:center; font-size:14px !important; color:#000; border:1px solid #d6d6d6; background:#e2e2e2; }
  50.  
  51. .overlay .overlaycontroller { position:absolute; width:480px; padding:0; bottom:14px; right:20px; }
  52. .overlay .overlaycontroller div.control { width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url( http://devimages.apple.com/main/images/overlay/moviecontroller_playpause.gif ) left top no-repeat; }
  53. .overlay .overlaycontroller div.control.pause { background-position:left -10px; }
  54. .overlay .overlaycontroller div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:464px; }
  55. .overlay .overlaycontroller div.sliderPanel div.track { position:absolute; left:0; width:464px; height:12px; text-align:left; background:url( http://devimages.apple.com/main/images/overlay/moviecontroller_track_load.gif ) no-repeat; }
  56. .overlay .overlaycontroller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url( http://devimages.apple.com/main/images/overlay/moviecontroller_track.gif ) no-repeat; }
  57. .overlay .overlaycontroller div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
  58. .overlay .overlaycontroller div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url( http://devimages.apple.com/main/images/overlay/moviecontroller_pointer.png ) no-repeat; cursor:pointer; behavior:url(../../main/js/iepngfix.htc); }
  59. .overlay.isanim .overlaycontroller { display:none; }
  60.  
  61. /* movie nav */
  62. .overlay .overlaynav a { margin:21px 0; color:#000; font-size:12px !important; line-height:22px; }
  63. .overlay .overlaynav a.previous { float:left; margin-left:26px; padding-left:30px; background:url( http://devimages.apple.com/main/images/overlay/nav_left.gif ) no-repeat 0 0; }
  64. .overlay .overlaynav a.next { float:right; margin-right:26px; padding-right:30px; background:url( http://devimages.apple.com/main/images/overlay/nav_right.gif ) no-repeat 100% 0; }
  65.  
  66. /* movie nav option */
  67. .overlay .overlaynav label { float:left; margin:21px; font-size:14px !important; color:#000; *margin:18px; }
  68. .overlay .overlaynav select { position:relative; max-width:400px; _width:400px; top:-1px; margin:0 .5em; color:#666; *top:2px; }
  69. .overlay .overlaynav select optgroup { font-style:normal; font-weight:bold; color:#666; }
  70. .overlay .overlaynav select option { color:#000; }
  71. .overlay .overlaynav select option.selected { color:#666; }
  72.  
  73. /* html overlay */
  74. .overlay#ACOverlayHTML .overlaydescription { width:auto; margin:37px; }
  75.  
  76. .overlay .overlayindex { position:absolute; top:0; left:0; padding:50px 0 0 50px; }
  77. .overlay .overlayindex h4 { margin-bottom:.6em; color:#333; font-weight:bold; font-size:13px !important; line-height:1.3em; }