home *** CD-ROM | disk | FTP | other *** search
/ developer.apple.com / developer.apple.com.tar / developer.apple.com / labs / styles / labs.css
Cascading Style Sheet File  |  2010-08-05  |  8KB  |  126 lines
  1. /*    ---------------------------------------------
  2.     Styles for the Developer Labs pages
  3.     ---------------------------------------------    */
  4. .labs a.block,
  5. .labs a.block:hover { display: block; color: #000; text-decoration: none; }
  6. .labs a.block em.more { color: #08c; font-style: normal; background: transparent url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat scroll 100% .4em; padding-right: 10px; white-space: nowrap; }
  7. .labs a.block:hover em.more { text-decoration: underline; }
  8. .labs a.block:hover h4 { color: #08c; }
  9.  
  10. .labs h2.header { height: 66px; line-height: 81px; padding: 0 26px 4px; background: url(http://devimages.apple.com/labs/images/header-bg.png) repeat-x; margin: 0 2px; }
  11. .labs h2.header img { *margin-top: 23px; }
  12.  
  13. .labs .sidebar { position: relative; top: -4px; }
  14. .labs .sidebar ol.nav { margin-bottom: 10px !important; }
  15. .labs .sidebar .padded { padding: 5px 20px 10px 10px; }
  16. .labs .sidebar .padded img.left { margin-right: 15px; }
  17.  
  18. .labs .maincontent img.hero { margin:-76px 0 0 0; }
  19. .labs .maincontent p.intro { font-size: 14px; line-height: 1.4286em;  margin-bottom:42px; }
  20. .labs#overview .maincontent p.intro { width:341px; }
  21. .labs .maincontent ul.square { margin: 10px 0 1em 20px; }
  22. .labs .maincontent ul.square li { line-height: 1.3em; }
  23. .labs .maincontent ol.decimal { padding: .5em 0 2.5em .75em; }
  24. .labs .maincontent ol.decimal li { padding-bottom:.25em; }
  25. .labs .maincontent ul.checkmark li { line-height: 1.3em; background:url("http://devimages.apple.com/assets/elements/icons/12x12/checkmark.gif") no-repeat 0 5px; padding:0 0 0 29px; margin-bottom:14px; width:565px; }
  26.  
  27. .labs .maincontent .divider { border-top:1px solid #dcdcdc; height:26px; margin-top:30px; }
  28.  
  29.  
  30. .labs .maincontent .callout { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7)); }
  31. .labs .maincontent .grid2col .callout h3 { font-size:12px; }
  32. .labs .maincontent .grid2col h4 { font-size:12px; font-weight:normal; color:#686868; margin-bottom:20px; }
  33. .labs .maincontent .callout p { color:#686868; }
  34.  
  35. .labs .maincontent .grid2col { margin-bottom:29px; }
  36. .labs .maincontent .grid2col .callout { float:right; padding:26px 26px 12px 26px; width:253px; }
  37. .labs .maincontent .grid2col .callout img { float:left; margin-right:11px; }
  38.  
  39.  
  40.  
  41. /* Force pagenav positioning at bottom */
  42. #content .maincontent { padding-bottom: 100px !important; }
  43. #content #pagenav { width: 655px !important; position: absolute; right: 42px; bottom: 48px; }
  44.  
  45. /* Tabs */
  46. .labs .maincontent .tabbed { overflow: hidden; margin: 15px 0; }
  47. .labs .maincontent .tabbed .hide { display:none; }
  48.  
  49. .labs .maincontent .tabbed ul.tabbed-links li { display: inline; }
  50. .labs .maincontent .tabbed ul.tabbed-links li a { min-width: 40px; text-align: center; font-size: 11px; float: left; padding: 9px 11px; border: 1px solid #cfcfcf; margin-left: -1px; margin-bottom: -1px; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1), color-stop(.75, #f1f1f1)); outline: none; border-radius: 5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; text-shadow: 0 1px #fff; }
  51. .labs .maincontent .tabbed ul.tabbed-links li.first a { margin-left: 0px; }
  52. .labs .maincontent .tabbed ul.tabbed-links li a:hover { text-decoration: none; color: #666; }
  53. .labs .maincontent .tabbed ul.tabbed-links li a.active { color: #333; cursor: default; border-bottom-color: #fff; background: #fff; }
  54.  
  55. .labs .maincontent .tabbed .tabbed-content { clear: both; border: 1px solid #cfcfcf; padding: 25px 20px; border-radius: 0 5px 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius: 0 5px 5px 5px; -o-border-radius: 0 5px 5px 5px; -khtml-border-radius: 0 5px 5px 5px; display:block; }
  56. .labs .maincontent .tabbed .tabbed-content ul.underline { margin-bottom: 0; }
  57. .labs .maincontent .tabbed .tabbed-content ul.underline li { border-bottom: 1px solid #ddd; overflow: hidden; margin-bottom: 20px; }
  58. .labs .maincontent .tabbed .tabbed-content ul.underline li.last { border-bottom: none; margin-bottom: -20px; }
  59. .labs .maincontent .tabbed .tabbed-content ul.underline li h4 { padding-top: 1em; }
  60. .labs .maincontent .tabbed .tabbed-content ul.underline li p { font-size: 11px; }
  61. .labs .maincontent .tabbed .tabbed-content ul.underline li img.left { margin: 0 30px 13px 13px; }
  62.  
  63.  
  64.  
  65. /* Sidebar */
  66. .sidebar .section { border-bottom:1px solid #dcdcdc; margin:0 25px 20px 14px; }
  67. .sidebar .section h3 { font-size:12px; }
  68. .sidebar .section p { color:#666; }
  69. .sidebar .section.worldwide { border-bottom:none; }
  70. .sidebar .section.worldwide li a { height: 30px; padding-left: 40px; display: block; line-height: 30px; background: no-repeat 0 50%; }
  71. .sidebar .section.worldwide li.china a { background-image: url(http://devimages.apple.com/labs/images/labs-sidebar-local-china.png); margin-bottom: 12px; }
  72. .sidebar .section.worldwide li.japan a { background-image: url(http://devimages.apple.com/labs/images/labs-sidebar-local-japan.png); margin-bottom: -20px; }
  73.  
  74.  
  75. /* Faq */
  76. #faq .maincontent h3.underline { border-bottom:none; padding:1em 0 0; margin: 0 0 .3em; }
  77. #faq .maincontent h1+h3.underline { padding:0; }
  78.  
  79.  
  80.  
  81. /* Equipment */
  82. #equipment #content .column.last .equip-lists { margin:0 0 50px; }
  83. #equipment #content .column.last .equip-lists a { display:block; width:25%; float:left; text-align:center; }
  84. #equipment #content .column.last .equip-lists a img { display:block; margin:0 auto; }
  85. #equipment #content .column.last .equip-lists a em { clear:left; font-style:normal; }
  86. #equipment #content .column.last .equip-lists h3 { margin:40px 0 10px; }
  87.  
  88. /* Your Day With Us */
  89. #expect .maincontent h3 { margin-bottom:20px; } 
  90. #expect #content .labs { float:left; width:425px; }
  91. #expect #content .contact { float:right; width:172px; }
  92.  
  93. /* Schedule */
  94. #schedule .maincontent ol li { font-weight:bold; }
  95. #schedule .maincontent ol li p { font-weight:normal; }
  96. #schedule .maincontent ol.first { float:left; width:360px; }
  97. #schedule .maincontent ol.first .checkmark { width:375px; }
  98. #schedule .maincontent ol.first .checkmark li p { width:320px; }
  99. #schedule .maincontent ol.last { clear:both; }
  100. #schedule .maincontent .aside { float:right; width:253px; }
  101. #schedule .maincontent .aside .callout { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7)); min-height:155px; }
  102. #schedule .maincontent .aside .callout h3 { margin-bottom:0px; }
  103. #schedule .maincontent .aside .callout h4 { color:#686868; font-weight:normal; margin-bottom:10px; }
  104. #schedule .maincontent .aside .section { font-size:11px; border-bottom:1px solid #dcdcdc; padding:0 19px; }
  105. #schedule .maincontent .aside .section.last { border-bottom:none; padding:19px; }
  106. #schedule .maincontent .aside .section.last h3 { font-size:12px; }
  107. #schedule .maincontent .aside .section.last img { margin:0 0 0 53px; }
  108.  
  109. /* ADC */
  110. #adc .maincontent h2.first { margin-bottom:30px; }
  111. #adc .maincontent h3.first { margin-bottom:15px; }
  112. #adc .maincontent input { margin-right: 10px; }
  113. #adc .maincontent table td { vertical-align: text-bottom; height: 21px; padding-right: 20px; }
  114. #adc .maincontent table td h3 { line-height: 1.4em; margin-bottom: .75em; }
  115. #adc .maincontent table td[align="right"] h3 { font-size: 1em; }
  116. #adc .maincontent table td input[type="radio"] { margin-top: 1px; }
  117. #adc .maincontent table td input[type="text"] { width: 387px; height: 18px; }
  118. #adc .maincontent table td.radios input[type="text"] { width: 180px; }
  119. #adc .maincontent table td textarea { width: 565px; }
  120. #adc .maincontent table td div.button input { margin-right: 69px; }
  121. #adc .maincontent table td br { line-height: 25px; }
  122.  
  123. /* Pagination */
  124. #main .page { width:100%; margin-top:4em; border-top:1px solid #F1F1F1; clear:both; padding-top:12px; }
  125. #main 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; }
  126. #main 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; }