home *** CD-ROM | disk | FTP | other *** search
/ developer.apple.com / developer.apple.com.tar / developer.apple.com / programs / mfi / styles / mfi.css
Cascading Style Sheet File  |  2010-05-18  |  4KB  |  60 lines
  1. body.mfi p.intro { font-size: 14px; line-height: 1.4286em; }
  2.  
  3. /* promos */
  4. body.mfi #promofooter { width:980px; margin:12px 0 0; float: left; padding-top:16px; font-size: 11px; background: transparent url( http://devimages.apple.com/programs/mfi/images/promofooter_top.png ) 0 0 no-repeat; overflow: hidden; }
  5. body.mfi #promofooter #promos { float:left; width:980px; margin:0; padding:0 12px; background: transparent  url( http://devimages.apple.com/programs/mfi/images/promofooter_bottom.png ) 0 100% no-repeat; }
  6. body.mfi #promofooter #promos li.promo { float:left; width:430px; margin:-6px 5px; padding:10px 20px 17px; position:relative; }
  7. body.mfi #promofooter #promos li.promo h4 { margin-bottom: .8em; }
  8. body.mfi #promofooter #promos li img#cases_foot { margin: -20px -32px 0 0; }
  9. body.mfi #promofooter #promos a { color: #777777; }
  10. body.mfi #promofooter #promos a:hover { color: #0088CC; text-decoration: none; }
  11.  
  12. /* pages */
  13. body.mfi#index .box { padding: 3.5em 40px 1em !important; }
  14. body.mfi#index #content h1 { padding-top: 2em; }
  15. body.mfi#index #content img#mfi_accessories { margin-right: -38px; }
  16.  
  17. body.mfi#index #content .grid2cola { margin-top:2.5em; }
  18. body.mfi#index #content .grid2cola .column { margin-bottom: 1.5em; }
  19. body.mfi#index #content .grid2cola .column.first { width: 57%; }
  20. body.mfi#index #content .grid2cola .grid2col .column.first { width: 25%; }
  21. body.mfi#index #content .grid2cola .grid2col .column.last { width: 75%; }
  22. body.mfi#index #content .grid2cola .grid2col h3 { margin-top: -.2em; }
  23.  
  24. body.mfi#index #content .index-callout {  width:330px; margin-left: -46px; padding: 15px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; border: 1px solid #cdcdcd; font-size: 11px; }
  25. body.mfi#index #content .index-callout h3 { margin: 0 0 1em 20px; }
  26. body.mfi#index #content .index-callout li { line-height: 3.1em; padding:0 20px; background: transparent  url( http://devimages.apple.com/programs/mfi/images/check.png ) 96% 50% no-repeat; }
  27. body.mfi#index #content .index-callout li.gray { background: #f7f7f7  url( http://devimages.apple.com/programs/mfi/images/check.png ) 96% 50% no-repeat;  }
  28. body.mfi#index #content .index-callout a.button.liteblue { margin-left: 20px; }
  29.  
  30. body.mfi#apply #content .grid2cola {  }
  31. body.mfi#apply #content .grid2cola .column.first { width: 70%; }
  32. body.mfi#apply #content .grid2cola .column.last { width: 30%; }
  33. body.mfi#apply #content .grid2cola h1 { font-size: 24px; }
  34. body.mfi#apply #content .grid2cola img#mfi_wwi { margin: -93px -48px 0 0; }
  35. body.mfi#apply #content .grid2cold { margin: 2.5em 1em; }
  36. body.mfi#apply #content .grid2cold .column.first { width: 11%; }
  37. body.mfi#apply #content .grid2cold .column.first img { display: block; margin: 0 auto; }
  38. body.mfi#apply #content .grid2cold .column.last { width: 85%; }
  39. body.mfi#apply #content .grid2cold .column.last .bluebutton { margin-top:2.5em; }
  40. body.mfi#apply #content .grid2cold h3 { margin-top:1.3em; }
  41. body.mfi#apply #content .grid2cold h3#last { margin-bottom:50px; }
  42. body.mfi#apply #globalfooter { text-align:center !important; }
  43.  
  44.  
  45. body.mfi#cases .grid2colc h1 { margin-top: 1em; }
  46. body.mfi#cases .grid2colc img#mfi_cases { margin-top: -2em; margin-right: -48px; }
  47. body.mfi#cases .grid2colc .column.first.sidebar { margin-top: 2.5em; }
  48. body.mfi#cases .grid2colc .column.first.sidebar .cases-callout { width: 292px; background: transparent  url( http://devimages.apple.com/programs/mfi/images/cases_captop.png ) 0 0 no-repeat; padding-top: 4px; }
  49. body.mfi#cases .grid2colc .column.first.sidebar .cases-callout h3 {  }
  50. body.mfi#cases .grid2colc .column.first.sidebar .cases-callout ul.icons { padding: 20px; background: transparent  url( http://devimages.apple.com/programs/mfi/images/cases_capbottom.png ) 0 100% no-repeat; }
  51. body.mfi#cases .grid2col { margin-top: 2em; }
  52. body.mfi#cases .grid2col .column.first { width: 66%; }
  53. body.mfi#cases .grid2col .column.last { width: 34%; }
  54. body.mfi#cases .grid2col .column.last img#des_considerations { margin:1em 0 0 25px; }
  55. body.mfi#cases .grid2col .column.last img#mfi_touch { margin:1em 0 0 80px; }
  56. body.mfi#cases .grid2colc .grid2cold { margin-top: 2em; }
  57. body.mfi#cases .grid2colc .grid2cold h3 { margin-bottom: 1.3em; }
  58. body.mfi#cases .grid2colc .grid2cold .column.first { width:19%; margin-top: 0; }
  59. body.mfi#cases .grid2colc .grid2cold .column.last { width:77%; margin-right: 15px; }
  60.