New website design. Consider this version 1, as more changes will likely happen after the 1.33 release.

[SVN r28699]

css_0/common.css

@@ -0,0 +1,155 @@
+/*
+  Copyright 2004-2005 Redshift Software, Inc.
+  Distributed under the Boost Software License, Version 1.0.
+  (See accompanying file LICENSE_1_0.txt or http://www.boost.org/LICENSE_1_0.txt)
+*/
+/* The base font size. The first one is for IE, the second for everyone else. */
+body {
+  font-size: smaller;
+}
+* > body {
+  font-size: 10pt;
+}
+/* Global defaults. */
+* {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+  font-size: 100%;
+  text-decoration: none;
+}
+body {
+  font-family: sans-serif;
+  color: #000000;
+  background-color: #CCCCCC;
+}
+/* Links, black with sharp slate blue underline in all states. */
+a {
+  text-decoration: none;
+  color: #000000;
+  border-bottom: 1px solid #c8dae3;
+}
+a:hover {
+  border-bottom: 1px solid #005090;
+}
+/* A generic class to clear this element. */
+.clear {
+  clear: both;
+  width: 100%;
+  height: 1px;
+  overflow: hidden;
+}
+/* The shadow arrangement. */
+.body-0 {
+  padding-left: 50px;
+  background: url(shadow-light-dark.png) repeat-y left;
+}
+.body-1 {
+  padding-right: 50px;
+  background: url(shadow-dark-light.png) repeat-y right;
+}
+.body-2 {
+  background-color: #FFFFFF;
+}
+/* */
+#content {
+  padding: 1em;
+}
+/* Heading, title and logo. */
+#heading {
+  background: #005080 url(heading-background.jpg) repeat bottom left;
+  border: 2px solid #FFFFFF;
+  position: relative;
+}
+#heading h1 {
+  color: #FFFFFF;
+  padding: 2.5em 0.25em 0.25em 0.75em;
+}
+#heading #boost {
+  font-size: 250%;
+  font-weight: 900;
+  font-family: Impact, sans-serif;
+}
+#heading #cpplibraries {
+  font-size: 100%;
+  font-weight: 900;
+  padding-left: 0.75em;
+}
+/* Content sections, inside the top content section. */
+.section {
+  padding-left: 28px;
+  margin-bottom: 3em;
+}
+.section-body p {
+  margin: 0em 0em 0.75em 0em;
+}
+.section-body h2 {
+  margin: 0em 0em 0.5em 0em;
+  padding: 0em 0em 0em 0em;
+  font-size: 140%;
+  clear: both;
+}
+.section-body h3 {
+  margin: 0em;
+  padding: 0em;
+  font-size: 120%;
+  clear: both;
+}
+.section-body h4 {
+  margin: 0.5em 0em 0.5em 0em;
+  font-size: 110%;
+  clear: both;
+}
+.section-body ul {
+  margin: 0em 0em 0.75em 0em;
+  padding: 0em 0em 0em 2em;
+}
+.section-body ul li {
+  margin: 0.75em 0em 0em 0em;
+  text-indent: -1.75em;
+  padding: 0em;
+  list-style-type: none;
+}
+.section-body ul li ul {
+  margin: 0.75em 0em 0em 0em;
+  padding: 0em;
+}
+.section-body ul li ul li {
+  display: block;
+  margin: 0em;
+  padding: 0em 0em 0em 1em;
+  list-style-type: none;
+  background: url(boost_bullet.gif) no-repeat 0em 0.5em;
+  text-indent: 0em;
+}
+.section-body blockquote {
+  margin: 0.5em 1em 0em 2em;
+  border-right: 1px dashed #CCCCCC;
+  border-left-width: 1px dashed #CCCCCC;
+  text-align: justify;
+  padding-right: 0.5em;
+  padding-left: 0.5em;
+}
+.section-body .left-inset {
+  float: left;
+  margin: 0em 1em 1em 0em;
+}
+.section-body .library {
+  display: block;
+  margin: 0em 0em 0.5em 0em;
+}
+/* Section headings, all use the same stream op indicator style. */
+#content h1, #content h2 {
+  padding-left: 24px;
+  background: url(section_head.png) no-repeat left center;
+  text-indent: 4px;
+  vertical-align: middle;
+  font-size: 140%;
+  position: relative;
+  left: -28px;
+}
+/* Uniformly color everything that's a heading */
+#content h1, #content h2, #content h3, #content h4 {
+  color: #005080;
+  font-weight: bold;
+}

css_0/front.css

@@ -0,0 +1,224 @@
+/*
+  Copyright 2004-2005 Redshift Software, Inc.
+  Distributed under the Boost Software License, Version 1.0.
+  (See accompanying file LICENSE_1_0.txt or http://www.boost.org/LICENSE_1_0.txt)
+*/
+@import url(common.css);
+/* Enforce a minimum width. */
+/* - For IE we can't really control this so we only make
+   sure the container doesn't look strange at small sizes by
+   making the body have enough whitespace. */
+#heading h1 {
+  white-space: nowrap;
+  padding-right: 30em;
+}
+#content h1, #content h2, #content h3 {
+  white-space: nowrap;
+}
+/* - New browsers have the easy way to set this. */
+.body-0 {
+  min-width: 50em;
+}
+/* */
+#news {
+  margin-bottom: 0em;
+}
+.section-body {
+  width: 100%;
+  float: left;
+}
+.section-body-0 {
+  margin: 0em 24em 0em 0em;
+  padding: 0em;
+}
+.sidebar {
+  width: 22em;
+  margin: 0em 0em 0em -22.5em;
+  float: right;
+}
+#footer-sidebar {
+  clear: right;
+}
+#content h1, #content h2 {
+  margin: 0em 0em 0.5em 0em;
+}
+/* The shadow and inner layout of the sidebars. */
+.sidebar {
+  background: url(sidebar-shadow-bottom.png) no-repeat left bottom;
+}
+.sidebar-0 {
+  background: url(sidebar-shadow-right.png) no-repeat right top;
+}
+.sidebar-1 {
+  padding: 0px 8px 8px 0px;
+  background: url(sidebar-shadow-bottom-right.png) no-repeat right bottom;
+}
+.sidebar-2 {
+  border: 1px solid #c8dae3;
+}
+.sidebar-3 {
+  padding: 0em 0.5em 0.5em 0em;
+}
+/* Arrangement of the various side cells. */
+#libraries, #search, #tests,
+#groups, #contribute, #support,
+#other, #official, #unofficial, #footer {
+  float: left;
+}
+#search,
+#official,
+#footer {
+  clear: left;
+}
+/* */
+.sidecell {
+  width: 50%;
+}
+.sidecell-0 {
+  padding: 0.5em 0em 0em 0.5em;
+  font-size: 85%;
+}
+.sidecell h4 {
+  display: block; margin: 0em; padding: 0em;
+  border-bottom: 1px solid #8AB4CA;
+}
+.sidecell:hover h4 {
+  border-bottom-color: #005090;
+}
+.sidecell form {
+  display: block; margin: 0em; padding: 0em;
+}
+.sidecell ul {
+  display: block; margin: 0em; padding: 0em;
+}
+/* Lists in sidecells are menus. */
+.sidecell ul a {
+  border: none;
+  padding-left: 14px;
+}
+.sidecell ul a:hover {
+  border: none;
+  background: url(menu_link_indicator.png) no-repeat left center;
+}
+.sidecell ul {
+  list-style-type: none;
+}
+.sidecell ul li {
+  margin: 0em; padding: 0em;
+}
+/* Search box */
+#search {
+  width: 100%;
+}
+/* - The three parts of hte search widget. */
+#search #search-text {
+  display: block;
+  height: 1.8em;
+  margin: 0.25em 0em 0em 0em;
+  padding: 0em 47.5% 0em 0em;
+}
+#search #search-choice {
+  display: block;
+  height: 1.8em;
+  margin: -1.8em 0em 0em 55%;
+  padding: 0em 30px 0em 0em;
+}
+#search #go {
+  display: block;
+  height: 1.8em;
+  margin: -1.8em 0em 0em 55%;
+  text-align: right;
+}
+#search #search-text #q {
+  width: 100%;
+  margin: 0em; padding: 1px;
+  border: 1px solid #003399;
+  color: #000000;
+  background-color: #FFFFFF;
+}
+#search #search-choice #hq {
+  width: 100%;
+  margin: 0em; padding: 0em;
+  border: 1px solid #003399;
+  color: #000000;
+  background-color: #FFFFFF;
+}
+#search #go #search-button {
+  width: 26px; height: 20px;
+  margin: 0em; padding: 0em;
+  background-image: url(search-button.png);
+}
+/* - The custom Google banner and link. */
+#search #google {
+  display: block;
+  clear: both;
+  margin: 0em 0em 0em 0em;
+  border: none;
+  text-align: center;
+}
+#search #google a {
+  font-size: 10px;
+}
+#search #google img {
+  width: 75px; height: 32px;
+  margin: 0em -20px 0em 0em;
+  border: none;
+}
+/* Footer with copyright and license. */
+#footer-sidebar,
+#footer-sidebar .sidebar-0, #footer-sidebar .sidebar-1,
+#footer-sidebar .sidebar-2, #footer-sidebar .sidebar-3 {
+  background: #FFFFFF;
+  border: none;
+}
+#footer-sidebar {
+  padding: 3em 0em 0em 0em;
+}
+#footer {
+  width: 100%;
+}
+#footer p {
+  margin: 0em; padding: 0em;
+  text-align: left;
+}
+#footer #revised {
+  display: block;
+  border-bottom: 1px solid #8AB4CA;
+}
+#footer:hover #revised {
+  border-bottom-color: #005090;
+}
+#footer #revised p {
+}
+#footer #copyright {
+  display: block;
+  margin: 0.25em 0em 1em 14px;
+}
+#footer #copyright p {
+  margin: 0em;
+  padding: 0em 0em 0em 1.5em;
+  text-indent: -1.5em;
+}
+#footer #license {
+  display: block;
+  margin: 0.25em 0em 1em 14px;
+}
+#footer #license p {
+  margin: 0em;
+  padding: 0em 0em 0em 1.5em;
+  text-indent: -1.5em;
+}
+#footer #banners {
+  display: block;
+  margin: 0.25em 0em 0em 0em;
+  text-align: center;
+}
+#footer #banners p {
+  display: inline;
+}
+#footer #banners img {
+  border: none;
+}
+#footer #banners a {
+  border: none;
+}

css_0/inner.css

@@ -0,0 +1,68 @@
+/*
+  Copyright 2004-2005 Redshift Software, Inc.
+  Distributed under the Boost Software License, Version 1.0.
+  (See accompanying file LICENSE_1_0.txt or http://www.boost.org/LICENSE_1_0.txt)
+*/
+@import url(common.css);
+/* Heading quick pick menu. */
+#heading ul {
+  float: right;
+  margin: -2.5em 1em 0em 0em;
+  padding: 0.25em 0em 0.25em 0em;
+  position: relative;
+  list-style-type: none;
+}
+#heading ul li {
+  display: inline;
+  margin: 0em; padding: 0em;
+}
+#heading ul li a {
+  margin: 0em;
+  padding: 0em 0.25em 0em 0.25em;
+  background-color: #005080;
+  border: 1px solid #0080C0;
+}
+#heading ul li a:hover {
+  border: 1px solid #c8dae3;
+}
+#heading a {
+  color: #FFFFFF;
+  border: none;
+}
+#heading a:hover {
+  border: none;
+}
+/* */
+#history {
+  margin: 0em;
+  padding: 0em;
+  padding-left: 28px;
+}
+#content h1, #content h2 {
+  left: 0;
+}
+.section-body h3 {
+  margin: 1.5em 0em 0.5em 0em;
+}
+/* Footer with copyright and license. */
+#footer {
+  background-color: #c8dae3;
+  border: 2px solid #FFFFFF;
+  color: #000000;
+  padding: 0.5em;
+}
+#footer p {
+  margin: 0em;
+  padding: 0em;
+  font-size: 80%;
+  margin: 0em;
+  padding: 0em 0.5em 0em 0.5em;
+  text-align: center;
+}
+#footer a {
+  color: #000000;
+  border-bottom: 1px solid #A0B0C0;
+}
+#footer a:hover {
+  border-bottom: 1px solid #0080C0;
+}