home *** CD-ROM | disk | FTP | other *** search
/ developer.apple.com / developer.apple.com.tar / developer.apple.com / iphone / news / styles / news.css
Cascading Style Sheet File  |  2010-07-30  |  7KB  |  79 lines
  1.  
  2.  
  3. /* news and annoucements */
  4.  
  5. html {background:#F2F2F2 none repeat scroll 0 0 !important;}
  6. #content .cap.boxbottom {background:transparent url(http://devimages.apple.com/assets/elements/layout/box_bgbottom_nogradient.png) no-repeat scroll 0 100% !important;}
  7.  
  8.  
  9. #news #content { padding:2em 35px 0 !important; }
  10. #news #content h1 a { display:block; margin-top:.5em; text-indent:-9999px; background:transparent url(http://devimages.apple.com/iphone/news/images/news_title_ios.png) 0 0 no-repeat; }
  11. #news #content h1 a span { visibility:hidden; }
  12. #news #content h1 {width:630px;}
  13. #news #content h1#appstoresubmissiontips a { display:block; margin-top:.5em; text-indent:-9999px; background:transparent url(http://devimages.apple.com/iphone/news/images/submission_tips_title.png) 0 0 no-repeat; }
  14. #news #content h1#appstoresubmissiontips a span { visibility:hidden; }
  15. #news #content .intro { margin-top:-1.5em; line-height:1.7em; font-size:19px; font-size:14px; }
  16. #news #content #news-content { margin:0 -33px; padding:3px 15px 0 30px; background:transparent url(http://devimages.apple.com/iphone/program/images/news_content_bg.png) 0 0 repeat-x; }
  17.  
  18. #news #content #news-content .grid2col { }
  19. #news #content #news-content .grid2col .newslist { width:570px; padding-bottom: 20px;  }
  20. #news #content #news-content .grid2col .column.first { width:71.5%; margin-right:1.9%; padding-top:4em; padding-right:37px; padding-bottom: 100px; border-right:1px solid #e0e0e0; }
  21. #news #content #news-content .grid2col .column.first .grid2cold { margin-top:-.3em; margin-bottom:3.2em; }
  22. #news #content #news-content .grid2col .column.first .grid2cold .column.first.sidebar { width:11.3%; padding-top:0; border-right:none; padding-right:5.2%; }
  23. #news #content #news-content .grid2col .column.first .grid2cold .column.last .tip { margin-top:4.5em; }
  24. #news #content #news-content .grid2col .column.first .grid2cold .column.last { width:77%; padding-top:0; }
  25. #news #content #news-content .grid2col .column.first .date { color:#8c8c8c; }
  26. #news #content #news-content .grid2col .column.first img.icon { float:right; margin: 0 -3px 0 20px;}
  27. #news #content #news-content .grid2col .column.first img.iphone { float:right; margin: 0 -15px 0 20px;}
  28. #news #content #news-content .grid2col .column.first img.screenshot { float:right; margin: 0 -15px 20px 20px;}
  29. #news #content #news-content .grid2col .column.first img#ipadhorizontal { float:right; margin: 0 -3px 30px 40px; clear:right;}
  30. #news #content #news-content .grid2col .column.first img#availableontheappstore { float:right; margin: -38px -3px 45px 40px;}
  31. #news #content #news-content .grid2col .column.first img#giftingfeature { float:right; margin: 0 -39px 30px 20px;}
  32. #news #content #news-content .grid2col .column.first img#viewcustomerreviews { float:right; margin: 0 -25px 40px 27px;}
  33. #news #content #news-content .grid2col .column.first img#itcmobileapp { float:right; margin: 0 0 40px 20px;}
  34. #news #content #news-content .grid2col .column.first img#supportorientations { float:right; margin: 0 -65px 0px 20px;}
  35.  
  36.  
  37.  
  38. #news #content #news-content .grid2col .column.last { float:left !important; width:21.9%; margin-left:0 !important; padding-top:1.7em;}
  39. #news #content #sidebar, #news #content #sidebar h4 {font-size:11px;}
  40. #news #content #news-content .grid2col .column.last #status { margin-right:1px; }
  41. #news #content #news-content .grid2col .column.last #status h4.header { padding-left: 0; padding-right: 0; }
  42. #news #content #news-content .grid2col .column.last #status h4.header img { vertical-align: middle; margin: -5px 2px -9px 4px; }
  43. #news #content #news-content .grid2col .column.last #status p { margin-bottom:8px;}
  44. #news #content #news-content .grid2col .column.last #status p.percentage { font-size: 12px; }
  45. #news #content #news-content .grid2col .column.last #status p.percentage.right { margin-right: 0; }
  46. #news #content #news-content .grid2col .column.last #status hr { margin: 0 0 7px; }
  47.  
  48. #news #content #news-content .grid2col .column.last #approval { margin:1.2em auto 2.2em auto; border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:1em 20px; font-size:11px; background:#f6f6f6; }
  49. #news #content #news-content .grid2col .column.last .callout p:last-of-type { margin-bottom:10px !important; }
  50. #news #content #news-content .grid2col .column.last .callout .right { margin:2px -5px 0 10px; }
  51. #news #content #news-content .grid2col .column.last .callout .lastupdated { color:#8c8c8c; font-size:11px; }
  52. #news #content #news-content .grid2col .column.last #team { margin-bottom:2em; border-bottom:1px solid #e3e3e3; padding-bottom:1.5em; }
  53. #news #content #news-content .grid2col .column.last #links { margin-top:1em; margin-bottom: 1.7em; border-bottom:1px solid #e3e3e3; padding-bottom:1.5em; }
  54. #news #content #news-content .grid2col .column.last #links li { margin-bottom:1em; }
  55. #news #content #news-content .grid2col .column.last #relatedlinks { margin-top:1em; margin-bottom: 1.7em; border-bottom:none; padding-bottom:1.5em; }
  56. #news #content #news-content .grid2col .column.last #relatedlinks li { margin-bottom:1em; }
  57.  
  58. #news #content #news-content .grid2col .column.last #entries li { margin-bottom: 1em; }
  59. #news #content #news-content .grid2col .column.last #entries li a { display:block; }
  60. #news #content #news-content .grid2col .column.last #entries li a:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
  61. #news #content #news-content .grid2col .column.last #entries li > span { color:#666; }
  62.  
  63.  
  64. /* Next & Prev buttons */
  65. #news .page { width:655px; padding-top:28px; padding-bottom:50px; border-top:1px solid #e1e1e1; position: absolute; bottom: 0; }
  66. #news a.arrow_prev { background:transparent url(http://images.apple.com/server/macosx/images/pagenav_arrowleft20071009.gif) no-repeat scroll 0 0.2em; display:block; float:left; padding-left:20px; }
  67. #news a.arrow_next { background:transparent url(http://images.apple.com/server/macosx/images/pagenav_arrowright20071009.gif) no-repeat scroll 100% 0.2em; display:block; float:right; padding-right:20px; }
  68.  
  69.  
  70.  
  71. /* rss link */
  72. #news #content p.subscribe {color:#797C80; float:right; margin:-81px -5px 0 0; padding-right:50px; background:#fff url('http://devimages.apple.com/rss/images/rss_small.jpg') no-repeat 132px 1px;}
  73. #news #content a.subscribe:link, a.subscribe:visited {text-decoration:none; color:#797C80;}
  74. #news #content a.subscribe:hover, a.subscribe:active {text-decoration:underline; color:#797C80;}
  75.  
  76. #news #content p.yellow { background-position:0.3em 0.2em 0 0.2em; background-repeat:no-repeat; padding-left:2em; background:transparent url(http://devimages.apple.com/iphone/images/as_approve_yellow.gif) no-repeat scroll 0 0.2em; }
  77. #news #content p.green { background-position:0 0.2em; background-repeat:no-repeat; padding-left:2em; background:transparent url(http://devimages.apple.com/iphone/images/as_approve_green.gif) no-repeat scroll 0 0.2em; }
  78. #news #content p.red { background-position:0 0.2em; background-repeat:no-repeat; padding-left:2em; background:transparent url(http://devimages.apple.com/iphone/images/as_approve_red.gif) no-repeat scroll 0 0.2em; }
  79.