front.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. /*
  2. Copyright 2004-2005 Redshift Software, Inc.
  3. Distributed under the Boost Software License, Version 1.0.
  4. (See accompanying file LICENSE_1_0.txt or http://www.boost.org/LICENSE_1_0.txt)
  5. */
  6. @import url(common.css);
  7. /* Enforce a minimum width. */
  8. /* - For IE we can't really control this so we only make
  9. sure the container doesn't look strange at small sizes by
  10. making the body have enough whitespace. */
  11. #heading h1 {
  12. white-space: nowrap;
  13. padding-right: 30em;
  14. }
  15. #content h1, #content h2, #content h3 {
  16. white-space: nowrap;
  17. }
  18. /* - New browsers have the easy way to set this. */
  19. .body-0 {
  20. min-width: 50em;
  21. }
  22. /* */
  23. #news {
  24. margin-bottom: 0em;
  25. }
  26. .section-body {
  27. width: 100%;
  28. float: left;
  29. }
  30. .section-body-0 {
  31. margin: 0em 24em 0em 0em;
  32. padding: 0em;
  33. }
  34. .sidebar {
  35. width: 22em;
  36. margin: 0em 0em 0em -22.5em;
  37. float: right;
  38. }
  39. #footer-sidebar {
  40. clear: right;
  41. }
  42. #content h1, #content h2 {
  43. margin: 0em 0em 0.5em 0em;
  44. }
  45. /* The shadow and inner layout of the sidebars. */
  46. .sidebar {
  47. background: url(sidebar-shadow-bottom.png) no-repeat left bottom;
  48. }
  49. .sidebar-0 {
  50. background: url(sidebar-shadow-right.png) no-repeat right top;
  51. }
  52. .sidebar-1 {
  53. padding: 0px 8px 8px 0px;
  54. background: url(sidebar-shadow-bottom-right.png) no-repeat right bottom;
  55. }
  56. .sidebar-2 {
  57. border: 1px solid #c8dae3;
  58. }
  59. .sidebar-3 {
  60. padding: 0em 0.5em 0.5em 0em;
  61. }
  62. /* Arrangement of the various side cells. */
  63. #libraries, #search, #tests,
  64. #groups, #contribute, #support,
  65. #other, #official, #unofficial, #footer {
  66. float: left;
  67. }
  68. #search,
  69. #official,
  70. #footer {
  71. clear: left;
  72. }
  73. /* */
  74. .sidecell {
  75. width: 50%;
  76. }
  77. .sidecell-0 {
  78. padding: 0.5em 0em 0em 0.5em;
  79. font-size: 85%;
  80. }
  81. .sidecell h4 {
  82. display: block; margin: 0em; padding: 0em;
  83. border-bottom: 1px solid #8AB4CA;
  84. }
  85. .sidecell:hover h4 {
  86. border-bottom-color: #005090;
  87. }
  88. .sidecell form {
  89. display: block; margin: 0em; padding: 0em;
  90. }
  91. .sidecell ul {
  92. display: block; margin: 0em; padding: 0em;
  93. }
  94. /* Lists in sidecells are menus. */
  95. .sidecell ul a {
  96. border: none;
  97. padding-left: 14px;
  98. }
  99. .sidecell ul a:hover {
  100. border: none;
  101. background: url(menu_link_indicator.png) no-repeat left center;
  102. }
  103. .sidecell ul {
  104. list-style-type: none;
  105. }
  106. .sidecell ul li {
  107. margin: 0em; padding: 0em;
  108. }
  109. /* Search box */
  110. #search {
  111. width: 100%;
  112. }
  113. /* - The three parts of hte search widget. */
  114. #search #search-text {
  115. display: block;
  116. height: 1.8em;
  117. margin: 0.25em 0em 0em 0em;
  118. padding: 0em 47.5% 0em 0em;
  119. }
  120. #search #search-choice {
  121. display: block;
  122. height: 1.8em;
  123. margin: -1.8em 0em 0em 55%;
  124. padding: 0em 30px 0em 0em;
  125. }
  126. #search #go {
  127. display: block;
  128. height: 1.8em;
  129. margin: -1.8em 0em 0em 55%;
  130. text-align: right;
  131. }
  132. #search #search-text #q {
  133. width: 100%;
  134. margin: 0em; padding: 1px;
  135. border: 1px solid #003399;
  136. color: #000000;
  137. background-color: #FFFFFF;
  138. }
  139. #search #search-choice #hq {
  140. width: 100%;
  141. margin: 0em; padding: 0em;
  142. border: 1px solid #003399;
  143. color: #000000;
  144. background-color: #FFFFFF;
  145. }
  146. #search #go #search-button {
  147. width: 26px; height: 20px;
  148. margin: 0em; padding: 0em;
  149. background-image: url(search-button.png);
  150. }
  151. /* - The custom Google banner and link. */
  152. #search #google {
  153. display: block;
  154. clear: both;
  155. margin: 0em 0em 0em 0em;
  156. border: none;
  157. text-align: center;
  158. }
  159. #search #google a {
  160. font-size: 10px;
  161. }
  162. #search #google img {
  163. width: 75px; height: 32px;
  164. margin: 0em -20px 0em 0em;
  165. border: none;
  166. }
  167. /* Footer with copyright and license. */
  168. #footer-sidebar,
  169. #footer-sidebar .sidebar-0, #footer-sidebar .sidebar-1,
  170. #footer-sidebar .sidebar-2, #footer-sidebar .sidebar-3 {
  171. background: #FFFFFF;
  172. border: none;
  173. }
  174. #footer-sidebar {
  175. padding: 3em 0em 0em 0em;
  176. }
  177. #footer {
  178. width: 100%;
  179. }
  180. #footer p {
  181. margin: 0em; padding: 0em;
  182. text-align: left;
  183. }
  184. #footer #revised {
  185. display: block;
  186. border-bottom: 1px solid #8AB4CA;
  187. }
  188. #footer:hover #revised {
  189. border-bottom-color: #005090;
  190. }
  191. #footer #revised p {
  192. }
  193. #footer #copyright {
  194. display: block;
  195. margin: 0.25em 0em 1em 14px;
  196. }
  197. #footer #copyright p {
  198. margin: 0em;
  199. padding: 0em 0em 0em 1.5em;
  200. text-indent: -1.5em;
  201. }
  202. #footer #license {
  203. display: block;
  204. margin: 0.25em 0em 1em 14px;
  205. }
  206. #footer #license p {
  207. margin: 0em;
  208. padding: 0em 0em 0em 1.5em;
  209. text-indent: -1.5em;
  210. }
  211. #footer #banners {
  212. display: block;
  213. margin: 0.25em 0em 0em 0em;
  214. text-align: center;
  215. }
  216. #footer #banners p {
  217. display: inline;
  218. }
  219. #footer #banners img {
  220. border: none;
  221. }
  222. #footer #banners a {
  223. border: none;
  224. }
粤ICP备19079148号