home *** CD-ROM | disk | FTP | other *** search
/ developer.apple.com / developer.apple.com.tar / developer.apple.com / appleapplications / styles / applications.css.orig < prev   
Text File  |  2010-03-04  |  5KB  |  52 lines
  1. @import url(/global/styles/overlay.css);
  2.  
  3. /* Overview page styles */
  4. #overview #main #content { padding: 41px 60px 32px !important; }
  5. #overview #main #content #hero { padding-bottom: 36px; padding-right: 440px; } 
  6. #overview #main #content #hero p.intro { font-size: 14px; line-height: 1.428em; margin-bottom: 1.8em; }
  7. #overview #main #content .grid2col .column { float:left !important; width:46%; margin-right:6%; }
  8. #overview #main #content .grid2col .column.last { margin-right:0 !important; }
  9. #overview #main #content .grid2col .column a:hover { text-decoration:none; }
  10. #overview #main #content .grid2col .column a.more:hover { text-decoration:underline; }
  11. #overview #main #content .grid2col .column a:hover h3 { color:#08c;  }
  12.  
  13. #overview #main #content { padding:41px 38px !important; z-index:2; }
  14. #overview #main #content #hero { background:url(http://devimages.apple.com/assets/elements/layout/gradient_divider.jpg) repeat-x center bottom !important;  margin-left:-36px; margin-right:-36px; padding:48px 0 0; height:256px; }
  15. #overview #main #content #hero .left.main-top { width:580px; padding-left:38px; }
  16. #overview #main #content #hero .left.main-top div p { display:block; padding-right:15px; font-size:14px; color:#333; margin-bottom:0; }
  17. #overview #main #content #hero .left.main-top div { margin-left:-3px; }
  18. #overview #main #content #hero .left.main-top p.intro { margin:12px 0 20px; }
  19. #overview #main #content #hero .left.main-top h1 { margin-bottom:0; }
  20. #overview #main #content #hero img.right { margin-top:-88px; }
  21. #overview #main #content .bottom-gradient { background:url(/global/elements/registration/images/bottom_gradient.jpg) repeat-x center top; margin:34px -36px 0; padding:45px 38px 4px; }
  22. #overview #main #content .bottom-gradient div.right { width:450px; position:relative; }
  23. #overview #main #content .bottom-gradient div.left { width:440px; position:relative; }
  24. #overview #main #content .bottom-gradient img { position:absolute; top:30px; right:40px; }
  25. #overview #main #content .bottom-gradient div.right p, #overview #main #content .bottom-gradient div.right h4 { width:240px; margin:0; }
  26. #overview #main #content .bottom-gradient div.left p, #overview #main #content .bottom-gradient div.left h4 { width:200px; margin:0; }
  27. #overview #main #content .grid2col .column .left.img { width:198px; }
  28. #overview #main #content .grid2col .column  { width:640px; margin:0;}
  29. #overview #main #content .grid2col .column .left.wrapper.row1 { height:167px; }
  30. #overview #main #content .grid2col {  }
  31. #overview #main #content .column.first { margin-top:24px; width:599px; }
  32. #overview #main #content .column.first .wrapper { width:617px; padding:5px 0 0; }
  33. #overview #main #content .column.first .wrapper.bottom { border-bottom:none; }
  34. #overview #main #content .column.first .wrapper .img { width:140px; }
  35. #overview #main #content .column.first .wrapper .img.right-img { width:150px; }
  36. #overview #main #content .column.first .wrapper .txtcontent { width:392px; padding-top:18px; }
  37. #overview #main #content .column.first .wrapper .txtcontent.left-txt { width:375px; }
  38. #overview #main #content .column.first .wrapper .txtcontent p { margin-bottom:2px; }
  39. #overview #main #content .column.first .wrapper .txtcontent ul li { display:inline; padding:0 5px 0 4px; border-right:1px solid #000; }
  40. #overview #main #content .column.first .wrapper .txtcontent ul li.lastitem { border-right:none; }
  41. #overview #main #content .column.first .wrapper h3 { font-size:16px; }
  42. #overview #main #content .column.last { 
  43.     width:239px; padding:0 32px; background:url(http://devimages.apple.com/appleapplications/images/right-panel-gradient.jpg) repeat-x center bottom; margin-top:32px; border:1px solid #e2e2e2; border-top:1px solid #f6f6f6;
  44.     border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
  45.     -webkit-box-shadow: 0 1px 1px #bababa; -moz-box-shadow: 0 1px 1px #bababa; 
  46. }
  47. #overview #main #content .column.last a p { margin:0; font-size:11px; width:175px; color:#666; }
  48. #overview #main #content .column.last a h4 { width:175px; font-size:11px; }
  49. #overview #main #content .column.last a img { margin:0; position:absolute; top:28px; right:0px; }
  50. #overview #main #content .column.last div { padding:25px 0; border-bottom:1px solid #e4e4e4; position:relative; }
  51. #overview #main #content .column.last div.bottom { border-bottom:none; }
  52. #overview #main #content .column.last a:hover p, #overview #main #content .column.last a:hover h4 { color:#08c; text-decoration:none; }