Switch to side-by-side view

--- a/opensourceprojects/nf/opensourceprojects/css/site_style.css
+++ b/opensourceprojects/nf/opensourceprojects/css/site_style.css
@@ -35,7 +35,7 @@
   padding: 0;
   border: 0;
   outline: 0;
-  font-size: 100%;
+  font-size: 10pt;
   vertical-align: baseline;
   background: transparent;
   font-family:Arial, Helvetica, sans-serif;
@@ -95,7 +95,6 @@
   display: block;
   height: 1px;
   border: 0;
-  border-top: 1px solid #d1d1d1;
   padding: 0;
 }
 
@@ -130,19 +129,15 @@
  *
  */
 body {
-  font: 13px sans-serif;
-  *font-size: small;
-  *font: x-small;
   line-height: 1.22;
 }
 
 table {
-  font-size: inherit;
-  font: 100%;
+
 }
 
 select, input, textarea {
-  font: 99% sans-serif;
+
 }
 
 pre, code, kbd, samp {
@@ -168,6 +163,7 @@
 
 ul {
   margin-bottom: 1em;
+  list-style-type:none;
 }
 
 ol {
@@ -235,7 +231,7 @@
 }
 
 a:link {
-  -webkit-tap-highlight-color: #0C529A;
+  -webkit-tap-highlight-color: #2563A1;
 }
 
 a:active, a:focus {
@@ -276,21 +272,20 @@
 a {
   margin: 0;
   padding: 0;
-  font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   outline: none;
-  color: #0C529A;
+  color: #296CB0;
   text-decoration: none;
 }
 a:visited {
-  color: #0C529A;
+  color: #2C75BF;
 }
 a:active {
-  color: #0C529A;
+  color: #2C75BF;
 }
 a:hover {
-	color: #0C529A;
+	color: #2C75BF;
 	text-decoration: underline;
 }
 a:hover, a:active {
@@ -349,19 +344,19 @@
 }
 
 .tool-count {
-  font-size: 11px;
+  font-size: 9pt;
   font-weight: bold;
-  color: #999;
+  color: #C9C9C9;
   float:right;
   margin-right:10px;
 }
 
 a.active .tool-count{
-	color:#F6BCB2;
+	color:#FFF;
 }
 
 a:hover .tool-count{
-	 color:#c1c1c1;
+	 color:#FFF;                                                                                                            ;
 }
 
 .nowrap {
@@ -825,15 +820,14 @@
   margin-bottom: 20px;
 }
 table thead tr th {
-  text-shadow: #fff 0 1px 0;
   text-align: left;
-  font-size:14px;
+  font-size:10pt;
 }
 table thead tr {
   color: #555555;
 }
 table thead tr th, table tr td {
-  padding: 5px 10px;
+  padding: 5px;
 }
 table th, table td, table caption {
   vertical-align: middle;
@@ -849,7 +843,7 @@
   text-align: left;
 }
 table h2 {
-  font-size: 14px;
+  font-size: 12pt;
   text-align: left;
   margin: 0;
 }
@@ -1095,10 +1089,8 @@
 
 /* icons */
 .ico, .ico-l:before, .ico-r:after {
-  font: normal 16px/4px "Pictos";
-  text-decoration: none;
-  width: 16px;
-  height: 16px;
+  width: 24px;
+  height: 26px;
   display: inline-block;
 }
 
@@ -1123,27 +1115,28 @@
   margin-left: 10px;
 }
 
-.ico.active, a.active {
+.ico.active {
 	color: #fff !important;
-	background-image: -moz-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: -ms-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: -o-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#D64500),color-stop(100%,#BF4500));
-	background-image: -webkit-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: linear-gradient(to bottom,#D64500 0,#BF4500 100%);
+	background:#ccc;
 	font-weight:bold;
 }
-
-.ico.active:hover, a.active:hover {
+.ico.active:hover {
 	color: #fff !important;
-	background-image: -moz-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: -ms-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: -o-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#D64500),color-stop(100%,#BF4500));
-	background-image: -webkit-linear-gradient(top,#D64500 0,#BF4500 100%);
-	background-image: linear-gradient(to bottom,#D64500 0,#BF4500 100%);
+	background:#ccc;
 	font-weight:bold;
-}s
+}
+
+a.active {
+	color: #fff !important;
+	background:#2A6EB3;
+	font-weight:bold;
+}
+
+a.active:hover {
+	color: #fff !important;
+	background:#2C75BF;
+	font-weight:bold;
+}
 
 .ico.reverse {
   color: #fff !important;
@@ -1458,7 +1451,7 @@
 }
 
 .grid-19 {
-  width: 740px;
+  width: 747px;
   display: inline;
   float: left;
   overflow: hidden;
@@ -1466,7 +1459,7 @@
 }
 
 .grid-20 {
-  width: 800px;
+  width: 747px;
   display: inline;
   float: left;
   overflow: hidden;
@@ -1476,7 +1469,7 @@
 }
 
 .grid-21 {
-  width: 820px;
+  width: 747px;
   display: inline;
   float: left;
   overflow: hidden;
@@ -1485,7 +1478,7 @@
 }
 
 .grid-22 {
-  width: 860px;
+  width: 747px;
   display: inline;
   float: left;
   overflow: hidden;
@@ -1494,7 +1487,7 @@
 }
 
 .grid-23 {
-  width: 900px;
+  width: 747px;
   display: inline;
   float: left;
   overflow: hidden;
@@ -1503,7 +1496,7 @@
 }
 
 .grid-24 {
-  width: 820px;
+  width: 758px;
   display: inline;
   float: left;
   overflow: hidden;
@@ -1513,7 +1506,7 @@
 }
 
 .grid-full {
-  width: 940px;
+  width: 740px;
   display: inline;
   float: left;
   overflow: hidden;
@@ -1783,6 +1776,7 @@
 
 #sidebar h3 {
   padding: 0 0 0 10px;
+  background:#d8d8d8;
 }
 #sidebar input {
   margin: 14px 0 20px;
@@ -1791,7 +1785,7 @@
   z-index: 2;
 }
 #sidebar ul {
-  margin: 5px 0 20px;
+  margin: 0px;
   padding: 0;
 }
 #sidebar li {
@@ -1806,10 +1800,11 @@
 }
 #sidebar li.active {
   border-top: none;
+  background-color:#ccc;
 }
 #sidebar li .has_small {
   display: inline-block;
-  width: 85px;
+  width: 130px;
 }
 #sidebar li small {
   background-color: #555555;
@@ -1872,8 +1867,7 @@
   background: #fff;
   z-index: 1;
   position: relative;
-  width: 820px;
-  border-left:1px solid #d1d1d1;
+  width: 775px;
   padding-top:20px;
 }
 .pad.grid-12, .pad.grid-24 {
@@ -1883,12 +1877,12 @@
   width: 935px;
 }
 .pad h2.dark {
-  color:#D64500;
-  font-size: 16px;
-  padding:0px 0px 10px 20px;
-  z-index: 20;
-  border: none;
-  position: relative;
+  color:#296CB0;
+  font-size: 12pt;
+  margin:20px 0px 20px 20px;
+  padding-top:5px;
+  font-weight:bold;
+  border-bottom:2px solid #296CB0;
 }
 .pad h2.dark hr {
   background-color: #111;
@@ -1898,14 +1892,13 @@
   text-transform: none;
   position: absolute;
   right: 0px;
-  top:11px;
   text-align: center;
-  background-color: #ccc;
-
+  height:26px;
+  top:40px;
 }
 .pad h2.dark small a {
-  margin: 0 10px;
-  color: #fff;
+  margin: 0 2px;
+  color: #000;
   text-decoration: none;
 }
 .pad h2.dark small a.active {
@@ -1954,22 +1947,16 @@
   width: 75px;
 }
 .pad hr {
-  width: 760px;
+  width: 740px;
   margin-left: 0px;
 }
 .pad table {
-  width: 785px;
+  width: 755px;
   margin-left: 0px;
 }
 .pad p, .pad h1, .pad h2, .pad h3, .pad h4, .pad h5, .pad h6 {
   padding: 0;
   margin-bottom: 0;
-}
-.pad h1, .pad h2, .pad h3, .pad h4, .pad h5, .pad h6 {
-  font-weight: normal;
-}
-.pad h2.title {
-  font-weight:normal;
 }
 
 h2.title{
@@ -2040,16 +2027,30 @@
 
 
 .project_title {
-	font-size:18px;
-	color:#D64500;
+	margin-left:20px;
+	font-size:16pt;
+	color:#053679;
 	text-decoration:none;
-	line-height:20px;
-	margin-left:20px;
-	font-weight:normal;
+	font-weight:bold;
+}
+
+.project_title_text{
+	font-size:16pt;
+	color:#053679;
+	text-decoration:none;
+	font-weight:bold;
+}
+
+.project_title_text a {
+	text-decoration:underline;
+	font-weight:bold;
+	font-size:16pt;
+	color:#053679;
 }
 
 .project_title img{
 	margin-bottom:10px;
+	margin-top:20px;
 }
 
 .neighborhood_icon {
@@ -2061,31 +2062,22 @@
 }
 
 #top_nav {
-	width:130px;
 	margin: 0;
 }
 
 #top_nav a {
 	display:block;
-	min-width:124px;
-	max-width: 124px;
+	min-width:165px;
 	text-align: left;
 	color:#666;
-	font-size:14px;
+	font-size:11pt;
 	font-weight:bold;
-	padding:7px 5px 7px 10px;
-	border-right:1px solid #d1d1d1;
+	padding:5px 3px 5px 7px;
 }
 
 #top_nav a:hover {
   opacity: 1;
-  color:#FFF;
-  background-image: -moz-linear-gradient(top,#666 0,#333 100%);
-  background-image: -ms-linear-gradient(top,#666 0,#333 100%);
-  background-image: -o-linear-gradient(top,#666 0,#333 100%);
-  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(100%,#333));
-  background-image: -webkit-linear-gradient(top,#666 0,#333 100%);
-  background-image: linear-gradient(to bottom,#666 0,#333 100%);
+  color:#FFF !important;
 }
 
 .no-cssgradients #top_nav {
@@ -2363,7 +2355,7 @@
 
 .discussion-post, #new_post_holder {
   position: relative;
-  margin-left: 0px;
+  margin-left: 20px;
 }
 .discussion-post p, #new_post_holder p {
   padding: 0;
@@ -2694,7 +2686,6 @@
 /*linenumbers in codeblock viewer style*/
 
 table.codehilitetable {
-    background: #F8F8F8;
     margin-left:0px;
     width:740px;
 }
@@ -2839,8 +2830,7 @@
 }
 
 .projlabel{
-	color:#07A;
-	background-color:#ddd;
+	color:#d96506;
 	-moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     -o-border-radius: 3px;
@@ -2872,17 +2862,10 @@
 
 
 #sidebar{
-	margin-top:20px;
-	padding-top:10px;
-	background:#F2F2F2;
-	border-bottom: 1px solid #BF4500;
-	border-top: 1px solid #BF4500;
-}
-
-.project_title_text{
-	font-weight:normal;
-	font-size:18px;
-}
+	margin-top:5px;
+	margin-bottom:5px;
+}
+
 
 .padding_content{
 	padding-left:20px !important;
@@ -2891,22 +2874,18 @@
 
 li.sidebarmenu {
 	color:#FFF;
-	background-image: -moz-linear-gradient(top,#666 0,#333 100%);
-	background-image: -ms-linear-gradient(top,#666 0,#333 100%);
-	background-image: -o-linear-gradient(top,#666 0,#333 100%);
-	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(100%,#333));
-	background-image: -webkit-linear-gradient(top,#666 0,#333 100%);
-	background-image: linear-gradient(to bottom,#666 0,#333 100%);
-}
-
+	background:#ccc;
+}
 .top_menu{
+	font-size:11pt;
 }
 
 .magic_bar_osp{
-	width:139px;
+	width:180px;
 	float:left;
-	margin-top:30px;
-}
+	margin-top:25px;s
+}
+
 
 #discussion_holder {
 	margin-left:20px;
@@ -2927,6 +2906,162 @@
 
 .x10 {
 	font-size: 12px;
-	width:12px;
-	height: 15px;
-}
+	width:17px;
+	height: 23px;
+}
+
+.magic_bar_osp .ico, .ico-l:before, .ico-r:after {
+  width: 24px;
+  height: 17px;
+  display: inline-block;
+}
+
+.magic_bar_osp a:link{
+	
+}
+
+.magic_bar_osp a:hover{
+	background-color:#3C5EA5;
+}
+
+ 
+.wiki #top_nav a.active  {
+	background:#F08337;
+}
+
+.wiki #top_nav a.active:hover {
+	background:#FA8A3C;
+}
+
+#top_nav a.ui-icon-tool-wiki:hover {
+	background:#F08337;
+}
+
+.wiki a{
+	color:#CF6117;
+}
+
+.wiki a:hover{
+	color:#E07A34;
+}
+
+
+.tickets #top_nav a.active  {
+	background:#72C717;
+}
+
+.tickets #top_nav a.active:hover {
+	background:#84D430;
+}
+
+#top_nav a.ui-icon-tool-tickets:hover {
+	background:#72C717;
+}
+
+.tickets a{
+	color:#4E9600;
+}
+
+.tickets a:hover{
+	color:#68B319;
+}
+
+
+
+.discussion a.active  {
+	background:#30B6C2;
+}
+
+.discussion a.active:hover {
+	background:#36C2CF;
+}
+
+a.ui-icon-tool-discussion:hover {
+	background:#30B6C2;
+}
+
+.discussion a{
+	color:#2A8D96;
+}
+
+.discussion a:hover{
+	color:#2BA1AB;
+}
+
+.blog a.active  {
+	background:#E0518F;
+}
+
+.blog a.active:hover {
+	background:#E85F86;
+}
+
+a.ui-icon-tool-blog:hover {
+	background:#EB609A;
+}
+
+.blog a{
+	color:#C93A79;
+}
+
+.blog a:hover{
+	color:#D64482;
+}
+
+.git a.active, .svn a.active  {
+	background:#C459BD;
+}
+
+.git a.active:hover, .svn a.active:hover {
+	background:#D664CD;
+}
+
+a.ui-icon-tool-git:hover, a.ui-icon-tool-svn:hover {
+	background:#C459BD;
+}
+
+.git a, .svn a{
+	color:#9E2898;
+}
+
+.git a:hover, .svn a:hover{
+	color:#AD2CA7;
+}
+
+
+.link a.active  {
+	background:#D64545;
+}
+
+.link a.active:hover {
+	background:#E85656;
+}
+
+a.ui-icon-tool-link:hover {
+	background:#D64545;
+}
+
+.link a{
+	color:#A63A3A;
+}
+
+.link a:hover{
+	color:#BF4040;
+}
+
+
+
+
+
+.pad h2.dark small a.active {
+	background-color:#FFF;
+}
+
+.pad h2.dark small a.active b.ico.ico-star {
+	background-position: -174px -56px;
+}
+
+#top_nav a {
+	font-size:11pt;
+} 
+