You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@rave.apache.org by bu...@apache.org on 2013/01/07 23:29:58 UTC

svn commit: r845386 [3/7] - in /websites/staging/rave/trunk/content: ./ css/ docs/governance/ docs/practices/ documentation/ images/ rave/

Modified: websites/staging/rave/trunk/content/css/rave.css
==============================================================================
--- websites/staging/rave/trunk/content/css/rave.css (original)
+++ websites/staging/rave/trunk/content/css/rave.css Mon Jan  7 22:29:57 2013
@@ -15,137 +15,106 @@
 * limitations under the License.
 */
 body {
-  color: white;
-  font-family: Arial,Helvetica,sans-serif;
-  font-size: 12pt;
-  background: url(../images/rave_bg.jpg) no-repeat top right;
-  margin: 0;
+	background: url(../images/rave_bg.jpg) no-repeat right 40px fixed;
+	padding-top: 30px;
 }
 
-#banner {
-  padding: 0 0 10px 10px;
-}
 
-a {
-  color: #107EC0;
-}
+a { color: #ef3b44; }
+a:hover { color: #D61F28; }
 
-a:visited {
- color: #107EC0;
+img.logo {
+	width: 200px;
+	margin-left: -20px;
+	margin-right: 20px;
 }
 
-a:hover {
- color: #107EC0;
- background-color: #e6ebed;
-}
+.title {display:inline; vertical-align: middle;}
 
-a img { border: none; }
-
-h1,h2,h3,h4,h5,h6 {
-  color: #193240;
-  text-transform:uppercase;
-}
 
-#content {
-  margin: 20px 150px 20px 250px;
-  padding: 0 8px 40px;
-  color: #333;
+.btn-primary{
+	color:#ffffff;
+	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
+	background-color:#EF3B44;
+	background-image:-moz-linear-gradient(top, #F5434C, #D61F28);
+	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F5434C), to(#D61F28));
+	background-image:-webkit-linear-gradient(top, #F5434C, #D61F28);
+	background-image:-o-linear-gradient(top, #F5434C, #D61F28);
+	background-image:linear-gradient(to bottom, #F5434C, #D61F28);
+	background-repeat:repeat-x;
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF5434C', endColorstr='#ffD61F28', GradientType=0);
+	border-color:#D61F28 #D61F28 #EF3B44;
+	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	*background-color:#D61F28;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
 }
 
-#content h1,h2,h3,h4,h5,h6 {
-  font-weight: normal;
-  margin: 10px 0 15px;
-  padding: 5px 0;
+.btn-primary:hover,
+.btn-primary:active,
+.btn-primary.active,
+.btn-primary.disabled,
+.btn-primary[disabled]{
+	color:#ffffff;
+	background-color:#D61F28;
+	*background-color:#EF3B44;
 }
-
-#content h1 {
-  font-size: 1.4em;
-  padding: 15px;
+.btn-primary:active,
+.btn-primary.active{
+	background-color:#EF3B44 \9;
 }
 
-#content h2 {
-  font-size: 1.2em;
-  margin-top: 2em;
-  border-bottom: 1px solid #a3afb6;
+pre{
+	background: url(../images/rave_codehilite_bg.gif) repeat 0 0;
+	border: 1px solid #E6EBED;
 }
-
-#content h3,h4,h5,h6 {
-  border-bottom: none;
-  font-size: 1em;
-  margin-bottom: 0;
+/* NAVBAR
+--------------------------------------------------------------------------*/
+.navbar .brand {
+	color: white;
 }
 
-.codehilite {
-  background-color: #F00;
-  padding: 0.01em 1em;
-  border-radius: 10px;
-  background: url(../images/rave_codehilite_bg.gif);
+.dropdown-menu li > a:hover, 
+.dropdown-menu li > a:focus, 
+.dropdown-submenu:hover > a {
+	background-color: #EF3B44;
+	background-image: -moz-linear-gradient(top, #F5434C, #D61F28);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5434C), to(#D61F28));
+	background-image: -webkit-linear-gradient(top, #F5434C, #D61F28);
+	background-image: -o-linear-gradient(top, #F5434C, #D61F28);
+	background-image: linear-gradient(to bottom, #F5434C, #D61F28);
+	background-repeat: repeat-x;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5434c', endColorstr='#ffd61f28', GradientType=0);
 }
 
-#navigation {
-  border: 1px solid #e6ebed;
-  border-left: none;
-  -moz-border-radius: 0 10px 10px 0;
-  border-radius: 0 10px 10px 0;
-  font-size: 0.9em;
-  color: #003;
-  float: left;
-  padding: 15px 15px 5px 25px;
-  width: 180px;
-  background: none repeat scroll 0 0 #f5f8fa;
-  margin: 20px 0 20px 0;
-}
+/* MAIN CONTENT / CONTAINER
+--------------------------------------------------------------------------*/
 
-#navigation img {
-  padding-bottom: 15px;
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
+#main {
+	background: url(../images/rave_bg.jpg) no-repeat 40px right;
 }
 
-#navigation h1 {
-  color: #000;
-  font-size: 1em;
-  padding: 0;
-  margin-top: 0.8em;
-  margin-bottom: 0;
-  border-bottom: 1px solid #a3afb6;
+/* HERO-UNIT
+--------------------------------------------------------------------------*/
+.hero-unit {
+	background: #F5F8FA;
+	border: 1px solid #E6EBED;
 }
 
-#navigation ul {
-  margin: 0 0;
-  padding: 0;
-  list-style: none;
-}
-
-#navigation li {
-  border-bottom: 1px solid #e6ebed; 
-  margin: 0.2em 0;
-  padding: 0;
-}
-
-#navigation li a {
-  margin: 0;
-  text-decoration:none;
-}
-
-#navigation li a:hover {
-  color: #193240;
-  background: none;
+.footer p {
+  text-align: center;
+  margin-bottom: 0px;
+  color: #777;
 }
 
-#footer {
-  margin: 20px 150px 20px 250px;
-  border-top: 1px solid #ccc;
-  color:#666;
-  font-size: 0.8em;
-  padding: 0 8px;
-  text-align: center;
+.footer {
+   text-align: center;
+   padding: 30px 0;
+   margin-top: 70px;
+   border-top: 1px solid #E5E5E5;
+   background-color: whiteSmoke;
 }
 
-#asf-logo {
-  width: 180px;
-  padding-top: 20px;
+.page-header h1 {
+  color: #5a5a5a;
 }
 
 /* definition lists */
@@ -158,3 +127,9 @@ dt {
 
 /* Google Search box customizations */
 .gsc-clear-button{display:none;}
+table.gsc-search-box td {vertical-align: top !important}
+#cse-search-form{padding-top:15px;}
+
+
+/*Responsive */
+@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box
 ;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade.in{top:auto;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .
 form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-le
 ft:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69266
 486422946%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;} .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} .row-fluid .offset10:fir
 st-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} .row-
 fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12, textarea.span12, .uneditable-input.span12{width:710px;} input.span11, textarea.span11, .uneditable-input.span11{width:648px;} input.spa
 n10, textarea.span10, .uneditable-input.span10{width:586px;} input.span9, textarea.span9, .uneditable-input.span9{width:524px;} input.span8, textarea.span8, .uneditable-input.span8{width:462px;} input.span7, textarea.span7, .uneditable-input.span7{width:400px;} input.span6, textarea.span6, .uneditable-input.span6{width:338px;} input.span5, textarea.span5, .uneditable-input.span5{width:276px;} input.span4, textarea.span4, .uneditable-input.span4{width:214px;} input.span3, textarea.span3, .uneditable-input.span3{width:152px;} input.span2, textarea.span2, .uneditable-input.span2{width:90px;} input.span1, textarea.span1, .uneditable-input.span1{width:28px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .sp
 an12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;} .row-fluid [class*="s
 pan"]:first-child{margin-left:0;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;} .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;} .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;} .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;} .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;} .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;} .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;} .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;} .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;} .row-fluid .offset12
 :first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.722676850336
 42%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11
 .004728132387708%;} .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12, textarea.span12, .uneditable-input.span12{width:1156px;} input.span11, textarea.span11, .uneditable-input.span11{width:1056px;} input.span10, textarea.span10, .uneditable-input.span10{width:956px;} input.span9, textarea.span9, .uneditable-input.span9{width:856px;} input.span8, textarea.span8, .uneditable-input.span8{width:756px;} input.span7, textarea.span7, .uneditable-input.span7{width:656px;} input.span6, textarea.span6, .uneditable-input.span6{width:556px;} input.span5, textarea.span5, .uneditable-input.span5{width:456px;} input.span4, textarea.span4, .uneditable-input.span4{width:356px;} input.span3, textarea.span3, .uneditable-input.span3{width:256px;} input.span2, textarea.span2, .uneditable-input.span2{width:156px;} input.span
 1, textarea.span1, .uneditable-input.span1{width:56px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:static;} .navbar-fixed-top{margin-bottom:20px;} .navbar-fixed-bottom{margin-top:20px;} .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .nav-collapse{clear:both;} .nav-collapse .nav{float:none;margin:0 0 10px;} .nav-collapse .nav>li{float:none;} .nav-collapse .nav>li>a{margin-bottom:2px;} .nav-collapse .nav>.divider-vertical{display:none;} .nav-collapse .nav .nav-header{color:#777777;text-shadow:none;} .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .nav-colla
 pse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .nav-collapse .dropdown-menu li+li a{margin-bottom:2px;} .nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2;} .navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111111;} .nav-collapse.in .btn-group{margin-top:5px;padding:0;} .nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;} .nav-collapse .dropdown-menu .divider{display:none;} .nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none;} .nav-
 collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);} .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111111;border-bottom-color:#111111;} .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;} .nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;} .navbar .btn-navbar{display:block;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}

Modified: websites/staging/rave/trunk/content/docs/governance/consensusBuilding.html
==============================================================================
--- websites/staging/rave/trunk/content/docs/governance/consensusBuilding.html (original)
+++ websites/staging/rave/trunk/content/docs/governance/consensusBuilding.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Consensus Building</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Consensus Building</h1>
-    <p>In some cases there is no obvious path to take, or you might be a new community, 
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Consensus Building</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <p>In some cases there is no obvious path to take, or you might be a new community, 
 or a new member of an existing community. In these cases people will often 
 need to build consensus by making proposals and eliciting responses.</p>
 <p>We want to avoid unnecessary discussion and the creation of significant
@@ -104,10 +123,12 @@ add up the strength of feeling of the co
 or not.</p>
 <p>Once there is a clear consensus members of the community can proceed with 
 the work under the <a href="/docs/governance/lazyConsensus.html">lazy consensus</a> model.</p>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -116,7 +137,9 @@ the work under the <a href="/docs/govern
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});

Modified: websites/staging/rave/trunk/content/docs/governance/lazyConsensus.html
==============================================================================
--- websites/staging/rave/trunk/content/docs/governance/lazyConsensus.html (original)
+++ websites/staging/rave/trunk/content/docs/governance/lazyConsensus.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Lazy Consensus</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Lazy Consensus</h1>
-    <p>The concept of "Lazy Consensus" is very important in our project. Lazy
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Lazy Consensus</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <p>The concept of "Lazy Consensus" is very important in our project. Lazy
 Consensus means that when you are convinced that you know what the community
 would like to see happen you can simply assume that you already have consensus
 and get on with the work. You don't have to insist people discuss and/or
@@ -108,10 +127,12 @@ the proposal before work begins. </p>
 mail - quick and easy to read and reassuring for the implementer. However, 
 remember, in a lazy consensus world silence is the equivalent to support. This
 can take some time to get used to.</p>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -120,7 +141,9 @@ can take some time to get used to.</p>
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});

Modified: websites/staging/rave/trunk/content/docs/governance/voting.html
==============================================================================
--- websites/staging/rave/trunk/content/docs/governance/voting.html (original)
+++ websites/staging/rave/trunk/content/docs/governance/voting.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Voting</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Voting</h1>
-    <p>Occasionally a "feel" for consensus is not enough. Sometimes we need to 
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Voting</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <p>Occasionally a "feel" for consensus is not enough. Sometimes we need to 
 have a measurable consensus. For example, when voting in new committers or 
 to approve a release. </p>
 <h2 id="preparing-for-a-vote">Preparing for a Vote</h2>
@@ -90,10 +109,12 @@ but a formal vote.</p>
 </ul>
 <p>If you object you must support your objection and provide an alternative course 
 of action that you are willing and able to implement (where appropriate).</p>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -102,7 +123,9 @@ of action that you are willing and able 
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});

Modified: websites/staging/rave/trunk/content/docs/practices/branching.html
==============================================================================
--- websites/staging/rave/trunk/content/docs/practices/branching.html (original)
+++ websites/staging/rave/trunk/content/docs/practices/branching.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Branch Management</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Branch Management</h1>
-    <p>Typically, development in Rave is done against trunk; however, occasions arise where significant modifications to the code base are to be made or there is a desire to keep working on an older version of trunk.  In these instances, a branch should be created to support committing incremental changes that might leave the codebase in a non-ideal state or provide support for an older version.<br />
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Branch Management</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <p>Typically, development in Rave is done against trunk; however, occasions arise where significant modifications to the code base are to be made or there is a desire to keep working on an older version of trunk.  In these instances, a branch should be created to support committing incremental changes that might leave the codebase in a non-ideal state or provide support for an older version.<br />
 </p>
 <p>This page describes how branches are managed in Rave</p>
 <h4 id="creating-a-new-branch">Creating a new branch</h4>
@@ -80,10 +99,12 @@
 <p>Branches that are to be merged back into trunk should use the --reintegrate flag when merging the changes from the branch to trunk.  See the svn book for more details on the operation of merging.</p>
 <h4 id="branch-removal">Branch Removal</h4>
 <p>Removal of a branch should be evaluated on a case-by-case basis.  In general, if a branch was created for the sole purpose of making large code changes, it is a potential candidate for removal.  Again, use the lazy consensus model to give everyone the opportunity to provide feedback.</p>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -92,7 +113,9 @@
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});

Modified: websites/staging/rave/trunk/content/documentation/add-page-template.html
==============================================================================
--- websites/staging/rave/trunk/content/documentation/add-page-template.html (original)
+++ websites/staging/rave/trunk/content/documentation/add-page-template.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Adding a New Page Layout for Widgets</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Adding a New Page Layout for Widgets</h1>
-    <h2 id="adding-a-new-page-layout-for-widgets">Adding a New Page Layout for Widgets</h2>
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Adding a New Page Layout for Widgets</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <h2 id="adding-a-new-page-layout-for-widgets">Adding a New Page Layout for Widgets</h2>
 <p>If you want to add a new page layout to Rave on which to render widgets, here are the steps that currently need to be performed.  This is an area that could be improved in the Rave architecture.</p>
 <p>1) Add a new JSP fragment to:</p>
 <div class="codehilite"><pre><span class="n">rave</span><span class="o">-</span><span class="n">portal</span><span class="o">-</span><span class="n">resources</span> <span class="o">&gt;</span> <span class="n">src</span> <span class="o">&gt;</span> <span class="n">main</span> <span class="o">&gt;</span> <span class="n">webapp</span> <span class="o">&gt;</span> <span class="n">WEB</span><span class="o">-</span><span class="n">INF</span> <span class="o">&gt;</span> <span class="n">jsp</span> <span class="o">&gt;</span> <span class="n">layouts</span>
@@ -99,10 +118,12 @@
 <ul>
 <li>Your new layout should appear in the "Select Page Layout" list when adding or editing a page</li>
 </ul>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -111,7 +132,9 @@
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});

Modified: websites/staging/rave/trunk/content/documentation/admin-interface-preferences.html
==============================================================================
--- websites/staging/rave/trunk/content/documentation/admin-interface-preferences.html (original)
+++ websites/staging/rave/trunk/content/documentation/admin-interface-preferences.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Portal Admin interface: Portal Preferences</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Portal Admin interface: Portal Preferences</h1>
-    <p>A portal administrator is able to manage a growing number of settings that are visible in the portal.</p>
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Portal Admin interface: Portal Preferences</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <p>A portal administrator is able to manage a growing number of settings that are visible in the portal.</p>
 <p>To access the admin interface, see <a href="admin-interface.html">Portal admin interface</a>.</p>
 <h2 id="page-size">Page Size</h2>
 <p>The number of items from a list per page.
@@ -91,10 +110,12 @@ wro4j-maven-plugin at build time.</p>
 <p>Disabled(0): Will not render the link or stack trace, useful for production environments where you don't want to expose code details.</p>
 <h2 id="local-url-of-external-widget-marketplace">Local (URL) of external widget marketplace</h2>
 <p>Defines the location of a widget marketplace external to the Rave implementation.</p>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -103,7 +124,9 @@ wro4j-maven-plugin at build time.</p>
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});

Modified: websites/staging/rave/trunk/content/documentation/admin-interface-users.html
==============================================================================
--- websites/staging/rave/trunk/content/documentation/admin-interface-users.html (original)
+++ websites/staging/rave/trunk/content/documentation/admin-interface-users.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Portal Admin interface: Users</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Portal Admin interface: Users</h1>
-    <p>A portal administrator is able to manage account data of other users:</p>
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Portal Admin interface: Users</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <p>A portal administrator is able to manage account data of other users:</p>
 <ul>
 <li>Email address</li>
 <li>OpenId URL</li>
@@ -85,10 +104,12 @@ through the admin interface.</p>
 <li><code>ROLE_ADMIN</code>: a user with this role can view the portal pages and use the admin interface</li>
 </ul>
 <p><img alt="Screenshot of user details in admin interface" src="/images/screenshot-admin-userdetails.png" /></p>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -97,7 +118,9 @@ through the admin interface.</p>
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});

Modified: websites/staging/rave/trunk/content/documentation/admin-interface-widgets.html
==============================================================================
--- websites/staging/rave/trunk/content/documentation/admin-interface-widgets.html (original)
+++ websites/staging/rave/trunk/content/documentation/admin-interface-widgets.html Mon Jan  7 22:29:57 2013
@@ -18,56 +18,75 @@
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
--->
+--> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <link rel="shortcut icon" href="/images/RAVE-favicon.ico" type="image/x-icon"/>
   <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css"/>
+  <link href="/css/bootstrap.min.css" rel="stylesheet"/>
   <link href="/css/rave.css" rel="stylesheet"/>
   <title>Portal Admin interface: Widgets</title>
 </head>
 
 <body>
-  <div id="banner">
-    <img id="logo" alt="Apache Rave" src="/images/RAVE-logo_main-logo-small.png"/>
-  </div>
-  
-  <div id="navigation">
-    <div id="cse-search-form">Loading <!-- Placeholder for Google Search Form --></div>
-  <h1 id="general">General</h1>
-<ul>
-<li><a href="/index.html">About</a></li>
-<li><a href="/documentation/index.html">Documentation</a></li>
-<li><a href="/downloads.html">Downloads</a></li>
-<li><a href="/license.html">License</a></li>
-</ul>
-<h1 id="community">Community</h1>
-<ul>
-<li><a href="/get-involved.html">Get Involved</a></li>
-<li><a href="/mailing-lists.html">Mailing Lists</a></li>
-<li><a href="/people.html">People</a></li>
-<li><a href="http://wiki.apache.org/rave/">Wiki</a></li>
-</ul>
-<h1 id="development">Development</h1>
-<ul>
-<li><a href="/source.html">Getting Started</a></li>
-<li><a href="/ide-settings-and-debugging.html">IDE Settings and debugging</a></li>
-<li><a href="/release-management.html">Release Management</a></li>
-<li><a href="/issue-management.html">Issue Tracker</a></li>
-<li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li>
-<li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li>
-<li><a href="/edit-website.html">Website</a></li>
-</ul>
-<h1 id="asf">ASF</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-  </div>
 
-  <div id="content">
-    <h1 class="title">Portal Admin interface: Widgets</h1>
-    <p>Portal admins are able to update the stored metadata of widgets: URL of the actual widget, its availability in the portal, thumbnail etc.</p>
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="index.html">
+          Apache Rave&trade;
+        </a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/index.html">About</a></li><li><a href="/documentation/index.html">Documentation</a></li><li><a href="/downloads.html">Downloads</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/get-involved.html">Get Involved</a></li><li><a href="/mailing-lists.html">Mailing Lists</a></li><li><a href="/people.html">People</a></li><li><a href="http://wiki.apache.org/rave">Wiki</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/source.html">Getting Started</a></li><li><a href="/ide-settings-and-debugging.html">IDE Settings &amp; Debugging</a></li><li><a href="/release-management.html">Release Management</a></li><li><a href="/issue-management.html">Issue Tracker</a></li><li><a href="https://builds.apache.org/hudson/view/M-R/view/Rave/">Continuous Integration</a></li><li><a href="https://analysis.apache.org/dashboard/index/58996">Sonar Dashboard</a></li><li><a href="edit-website.html">Website</a></li>
+              </ul>
+            </li>
+           
+            <li class="dropdown">
+              <a class="dropdown-toggle" data-toggle="dropdown">ASF <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org">Apache Software Foundation</a></li><li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li><li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li><li><a href="http://www.apache.org/security/">Security</a></li>
+              </ul>
+            </li>
+           </ul>
+        </div><!-- /.nav-collapse -->
+      </div><!-- /.container -->
+    </div><!-- /.navbar-inner -->
+  </div>
+  <div id="main" role="main" class="container">
+    <header class="row page-header">
+      <div class="span9">    
+        <img src="/images/RAVE-logo_main-logo.png" class="logo" id="logo" alt="Apache Rave&trade;" />        
+        <h1 class="title">Portal Admin interface: Widgets</h1>
+      </div>   
+      <div class="span3">
+        <div id="cse-search-form" class="pull-right">Loading <!-- Placeholder for Google Search Form --></div>
+      </div>   
+    </header>
+    <section id="content" class="row">
+        <article class="span12">
+          <p>Portal admins are able to update the stored metadata of widgets: URL of the actual widget, its availability in the portal, thumbnail etc.</p>
 <p>To access the admin interface, see <a href="admin-interface.html">Portal admin interface</a>.</p>
 <h2 id="overview">Overview</h2>
 <p>The list of widgets will be growing. In the admin interface it's possible to filter widgets on status (<code>preview</code>, <code>published</code>), type (<code>OpenSocial</code>, <code>W3C Widget</code>) or a free text search in the widget's title and description. All search criteria are optional.</p>
@@ -86,10 +105,12 @@
 <li>Author email: can be used to contact the author, currently not shown in the widget store</li>
 </ul>
 <p><img alt="Screenshot of Widget metadata" src="/images/screenshot-admin-widgetdetails.png" /></p>
+        </article>
+    </section>
   </div>
 
-  <div id="footer">
-    <div class="copyright">
+   <footer class="footer">
+      <div class="container">
       <p>
         Copyright &copy; 2012 The Apache Software Foundation, Licensed under
         the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
@@ -98,7 +119,9 @@
         All other marks mentioned may be trademarks or registered trademarks of their respective owners.
       </p>
     </div>
-  </div>
+  </footer>
+  <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
   <script src="//www.google.com/jsapi"></script>
   <script>
     google.load('search', '1', {language : 'en'});