From dc3d3873c85141a1bceb6faaa6ca2fd017243b3d Mon Sep 17 00:00:00 2001
From: Manolo Bevia <manolo.bevia@gmail.com>
Date: Mon, 15 Apr 2013 15:15:35 -0400
Subject: [PATCH] Made home search and home stats theme agnostics.

---
 webapp/themes/vitro/css/vitroTheme.css | 184 ++++++-------------------
 webapp/web/css/vitro.css               | 145 +++++++++++++++++++
 2 files changed, 189 insertions(+), 140 deletions(-)

diff --git a/webapp/themes/vitro/css/vitroTheme.css b/webapp/themes/vitro/css/vitroTheme.css
index 78bbcc7e1..3fd41b0c4 100644
--- a/webapp/themes/vitro/css/vitroTheme.css
+++ b/webapp/themes/vitro/css/vitroTheme.css
@@ -750,104 +750,49 @@ p.password-note {
 }
 
 /* SEARCH HOME------>  */ 
-#search-home {
-	margin-top: 2em;
-}
 
-#search-home h3 {
-	padding-left: 24px;
-}
-#search-homepage {
-	position: relative;
-    padding-left: 24px;
-}
 #search-home-field {
-    width: 530px;
-    height: 44px;
-    background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
+		background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
 }
 #search-home-field input.search {
-    text-decoration: none;
-    background-color: transparent;
-    color: #fff;
-    font-size: 18px;
-    border: none;
-    padding-left: 13px;
-    padding-top: 8px;
-    cursor: pointer;
-}
-span.search-filter-selected {
-    display: none;
+	 	background-color: transparent;
+	 	color: #fff;
+		border: none;
 }
+
 input.search-homepage {
-    float: left;
-    height: 20px;
-    border: 0;
-    font-size: 18px;
-    margin-left: 4px;
-    margin-top: 2px;
-    background-color: #f9fafa;
-    margin-right: 40px;
-    margin-top: 2px;
-    width: 351px;
-    background: url('../images/limit-search.png') no-repeat;
-    background-position: right;
-    opacity: .7;
-}
-a.filter-search {
-    position: absolute;
-    vertical-align: middle;
-    display: inline-block;
-    width: 39px;
-    height: 43px;
-    z-index: 9999; 
-    top: 0;
-	right: 135px;
-	z-index: 9999; 
+		border: 0;
+		background-color: #f9fafa;
+		background: url('../images/limit-search.png') no-repeat;
+		background-position: right;
+		opacity: .7;
 }
+
 .filter-default {
-    background: url(../images/filteredSearch.gif) 0 0 no-repeat;
+		background: url(../images/filteredSearch.gif) 0 0 no-repeat;
 }
 .filter-active {
-   background: url(../images/filteredSearchActive.gif) 0 0 no-repeat;
+		background: url(../images/filteredSearchActive.gif) 0 0 no-repeat;
 }
 #filter-search-nav {
-    position: absolute;
-    width: 184px;
-	background-color: #2d3535;
-	color: #fff;
-	top: 0;
-	right: 135px;
-	background-color: #2d3535;
-	color: #fff;
-	z-index: 9998; 
-	display: none;
-	list-style-type: none;
+		background-color: #2d3535;
+		color: #fff;
+		background-color: #2d3535;
+		color: #fff;
 }
 #filter-search-nav li {
-	padding-left: 0;
-	margin-left: 0;
-	list-style-type: none;
-	background-image: none;
-}
-#filter-search-nav {
-    z-index: 9998;
+		background-image: none;
+		padding-left: 0;
+		margin-left: 0;
 }
 #filter-search-nav a.active {
-    color: #fff; 
+   color: #fff; 
 }
 #filter-search-nav a {
-    font-size: 17px;
-    display: block;
-    margin-left: 15px;
-    margin-right: 15px;
-    border-bottom: 1px dotted #4f5656;
-    color: #fff;
-    padding-top: 8px;
-    padding-bottom: 8px;
-    text-decoration: none;
-	color: #1483A4;
+		border-bottom: 1px dotted #4f5656;
+		color: #1483A4;
 }
+
 /* BROWSE ------>  */
 #browse {
     background-color: #f7f5f0;
@@ -910,77 +855,36 @@ ul#browse-classgroups a:hover span.count-classes {
 
 /* HOME STATS----->  */
 #home-stats {
-    margin-top: 1em;
-    width: 921px;
-    height: 213px;
-    border-top: 1px dotted #dbe3e3; /* stroke */
-	border-bottom: 1px dotted #dbe3e3; /* stroke */
-    background-color: #fff; /* layer fill content */
-	float: left;
+		border-top: 1px dotted #dbe3e3; /* stroke */
+		border-bottom: 1px dotted #dbe3e3; /* stroke */
+		background-color: #fff; /* layer fill content */
 }
 #home-stats h4 {
-	margin-top: 0;
-	width: 64px;
-	height: 34px;
-	border-top: 1px solid rgba(220,228,227,.42); /* stroke */
-	border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
-	background-color: #395d7f; /* layer fill content */
-	border-bottom: 2px solid #62b6d7;
-	color: #fff;
-	font-size: 18px;
-	text-align: center;
-	margin-left: 35px;
-	padding: 0;
-	line-height: 35px;	
-}
-#stats {
-    margin: 0 auto;
-    width: 875px;
+		border-top: 1px solid rgba(220,228,227,.42); /* stroke */
+		border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
+		background-color: #395d7f; /* layer fill content */
+		border-bottom: 2px solid #62b6d7;
+		color: #fff;
 }
 #stats li {
-    float: left;
-	width: 108px;
-	height: 102px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-	border-radius: 6px; /* border radius */
-	-moz-background-clip: padding;
-	-webkit-background-clip: padding-box;
-	background-clip: padding-box; /* prevents bg color from leaking outside the border */
-	background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
-	color: #fff;
-	margin-top: 35px;
-	margin-right: 25px;
+		-moz-border-radius: 6px;
+		-webkit-border-radius: 6px;
+		border-radius: 6px; /* border radius */
+		-moz-background-clip: padding;
+		-webkit-background-clip: padding-box;
+		background-clip: padding-box; /* prevents bg color from leaking outside the border */
+		background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
+		color: #fff;
 }
 #stats p {
-    color: #fff;
-}
-#stats li a {
-    text-decoration: none;
+		color: #fff;
 }
 #stats li a:hover {
-    opacity: .5;
-}
-#stats li:first-child {
-	margin-left: 50px;
-}
-#stats .stats-count {
-    text-align: center;
-    font-size: 42px;
-    margin: 0;
-    padding-top: 30px;
+		opacity: .5;
 }
 #stats .stats-count span {
-    color: #fff;
-    font-size: 18px;
-    padding-left: 2px;
-    opacity: .5;
-}
-#stats .stats-type {
-    font-size: 13px;
-    text-align: center;
-    margin: 0;
-    margin-top: 13px;
+		color: #fff;
+		opacity: .5;
 }
 
 /* FOOTER------>  */
diff --git a/webapp/web/css/vitro.css b/webapp/web/css/vitro.css
index 4a10bf0d4..ea8b9cac4 100644
--- a/webapp/web/css/vitro.css
+++ b/webapp/web/css/vitro.css
@@ -246,4 +246,149 @@ section#rdfsLabels a.cancel {
 p#mngLabelsText {
     margin-left:25px;
     margin-bottom:12px;
+}
+
+/* SEARCH HOME------>  */ 
+#search-home {
+		margin-top: 2em;
+}
+
+#search-home h3 {
+		padding-left: 24px;
+}
+#search-homepage {
+		position: relative;
+		padding-left: 24px;
+}
+#search-home-field {
+		width: 530px;
+		height: 44px;
+}
+#search-home-field input.search {
+	 	text-decoration: none;
+		font-size: 18px;
+		border: none;
+	  padding-left: 13px;
+	  padding-top: 8px;
+	  cursor: pointer;
+}
+span.search-filter-selected {
+		display: none;
+}
+input.search-homepage {
+		float: left;
+		height: 20px;
+		border: 0;
+		font-size: 18px;
+		margin-left: 4px;
+		margin-top: 2px;
+		margin-right: 40px;
+		margin-top: 2px;
+		width: 351px;
+		background-position: right;
+}
+a.filter-search {
+		position: absolute;
+		vertical-align: middle;
+		display: inline-block;
+		width: 39px;
+		height: 43px;
+		z-index: 9999; 
+		top: 0;
+		right: 135px;
+		z-index: 9999; 
+}
+.filter-default {
+
+}
+.filter-active {
+
+}
+#filter-search-nav {
+		position: absolute;
+		width: 184px;
+		top: 0;
+		right: 135px;
+		z-index: 9998; 
+		display: none;
+		list-style-type: none;
+}
+#filter-search-nav li {
+		padding-left: 0;
+		margin-left: 0;
+		list-style-type: none;
+		background-image: none;
+}
+#filter-search-nav {
+		z-index: 9998;
+}
+#filter-search-nav a.active {
+
+}
+#filter-search-nav a {
+		font-size: 17px;
+		display: block;
+		margin-left: 15px;
+		margin-right: 15px;
+		padding-top: 8px;
+		padding-bottom: 8px;
+		text-decoration: none;
+
+}
+
+/* HOME STATS----->  */
+#home-stats {
+		margin-top: 1em;
+		width: 921px;
+		height: 213px;
+		float: left;
+}
+#home-stats h4 {
+		margin-top: 0;
+		width: 64px;
+		height: 34px;
+		font-size: 18px;
+		text-align: center;
+		margin-left: 35px;
+		padding: 0;
+		line-height: 35px;	
+}
+#stats {
+		margin: 0 auto;
+		width: 875px;
+}
+#stats li {
+		float: left;
+		width: 108px;
+		height: 102px;
+		margin-top: 35px;
+		margin-right: 25px;
+}
+#stats p {
+
+}
+#stats li a {
+		text-decoration: none;
+}
+#stats li a:hover {
+
+}
+#stats li:first-child {
+		margin-left: 50px;
+}
+#stats .stats-count {
+		text-align: center;
+		font-size: 42px;
+		margin: 0;
+		padding-top: 30px;
+}
+#stats .stats-count span {
+		font-size: 18px;
+		padding-left: 2px;
+}
+#stats .stats-type {
+		font-size: 13px;
+		text-align: center;
+		margin: 0;
+		margin-top: 13px;
 }
\ No newline at end of file