From 6261ae21177433b7f9c2167d1ebc96190aa3ecf3 Mon Sep 17 00:00:00 2001
From: Kevin Abel <kabel2@unl.edu>
Date: Tue, 16 Aug 2011 16:27:45 +0000
Subject: [PATCH] Ported the previous form styles that were applied to google's
search form to a standard form. Also added google CSS overrider to make the
results and paging look like that of the peoplefinder results.
---
www/searchCSS.css | 141 +++++++++++++++++++++++++++++++---------------
1 file changed, 96 insertions(+), 45 deletions(-)
diff --git a/www/searchCSS.css b/www/searchCSS.css
index f6489c7..c2ec801 100644
--- a/www/searchCSS.css
+++ b/www/searchCSS.css
@@ -1,7 +1,25 @@
/* Google/Peoplefinder Styles */
+
/** Search Box **/
-#searchform form.gsc-search-box {
+#searchform {
+ margin-bottom: 10px;
+}
+#searchform fieldset {
+
+}
+#searchform .grid10 {
+ width: 90%;
+}
+#searchform .grid2 {
+ margin-left:0;
+ width: 10%;
+ text-align: right;
+}
+#searchform label {
+ display: none;
+}
+#searchform form {
background: #E9D78E; /* old browsers */
background: -moz-linear-gradient(top, #E9D78E 0%, #DCC679 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9D78E), color-stop(100%,#DCC679)); /* webkit */
@@ -11,19 +29,18 @@
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:auto;
+ overflow: auto;
}
-#searchform table.gsc-search-box {
- width:auto;
-}
-#searchform input.gsc-input {
+#searchform input.search-query {
border: 1px solid #8A7C47;
color: #5C5C5C;
font-size: 1.5em;
height: 31px;
padding: 2px 0 0 8px;
+ width: 99%;
}
-#searchform input.gsc-search-button {
+#searchform input.search-button {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-border-radius: 5px;
@@ -34,71 +51,105 @@
color: #FFFFFF;
cursor: pointer;
}
-#searchform table.gsc-branding {
- display:none;
-}
+@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
+ #searchform .grid10,
+ #searchform .grid2 {
+ width: auto;
+ float: none;
+ }
+}
/** Overridden directory styles **/
#maincontent .recordDetails {
margin-left:8px;
max-width:155px;
}
+#maincontent ul.pfResult li div.overflow {
+ cursor: auto;
+}
#maincontent .pfResult a.cInfo {font-size: 0.75em;
font-weight: bold;
text-transform: uppercase;}
#maincontent .pfResult .fn, #maincontent .pfResult .fn a {font-size:12px; line-height:14px; min-height:14px;}
#maincontent .pfResult .on-campus-dialing {display:block;margin-top:-5px;}
-/*
-
-The Search results
-*/
-
-#unl_results .gsc-search-box,
-#local_results .gsc-search-box {
- display:none;
+/** The Search results **/
+.google-results .gsc-control-cse,
+.google-results .gsc-control-cse .gsc-table-result {
+ font-family: inherit;
+ font-size: 1em;
+}
+.google-results .gsc-search-box {
+ display: none;
+}
+.cse .gsc-control-cse,
+.gsc-control-cse {
+ padding: 0;
}
-#unl_results {min-height: 300px;}
-#searchform {
- margin-bottom: 10px;
+.google-results .gsc-control-cse .gs-result .gs-title,
+.google-results .gsc-control-cse .gs-result .gs-title * {
+ font-size: 1.1em;
+ text-decoration: none;
+ color: #BA0000;
}
-.gsc-input {
- font-size: 1.1em;
+.google-results .gsc-control-cse .gs-result .gs-title:hover,
+.google-results .gsc-control-cse .gs-result .gs-title:hover * {
+ color: #EE0000;
}
-#maincontent .gs-result .gs-title, #maincontent .gs-result .gs-title *{
- color : #ac0302;
- text-decoration: none;
- font-size: 1.1em;
+
+.google-results .gs-webResult div.gs-visibleUrl-long {
+ display: block;
+ color: #897B42;
}
-.gs-result .gs-title a:hover, .gs-result .gs-title a:hover * {
- color : #cc0000;
+
+.google-results .gsc-results {
+ border-top: 1px solid #d0cece;
}
+.google-results .gsc-results .gsc-cursor-box {
+ border-top: 1px solid #e6e6e6;
+ padding-top: 20px;
+}
-.gs-result.alt {
- background:#FAFAFA;
+.google-results .gsc-webResult.gsc-result,
+.google-results .gsc-results .gsc-imageResult {
+ border-top: 1px solid #e6e6e6;
+ border-bottom: 1px solid #d0cece;
+ background-color: #FFFFFF;
+ padding: 12px 5px;
}
-.gs-result {
- padding: 0.7em;
+.google-results .gsc-webResult.gsc-result:hover,
+.google-results .gsc-imageResult:hover {
+ background-color: #ECF4F9;
}
-.gs-webResult div.gs-visibleUrl-short {
- display:none;
+
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page {
+ display: block;
+ float: left;
+ border: 1px solid #dadada;
+ padding: 2px 4px;
+ text-decoration: none;
+ color: #BA0000;
}
-.gs-webResult div.gs-visibleUrl-long {
- display:block !important;
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
+ background: #6e6e6e;
+ border: 1px solid #5e5e5e;
+ color: #fff;
}
-.gs-result:hover {
- background:#FFFEF0;
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
+ border: none;
+ font-size: 22px;
+ padding: 2px 6px;
+ color: #3e3e3e;
}
-
-.gs-search-nav {
- margin-top: 10px;
- text-align: right;
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover {
+ background: none;
+ border: none;
+ color: #3e3e3e;
}
-.gs-watermark {
- display: none;
+.google-results .gcsc-branding {
+ clear: both;
}
-
--
GitLab