Skip to content
Snippets Groups Projects
searchCSS.css 4.03 KiB
/* Google/Peoplefinder Styles */


/** Search Box **/
#searchform {
	margin-bottom: 10px;
}
#searchform fieldset {
	
}

#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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9D78E', endColorstr='#DCC679',GradientType=0 ); /* ie */
    padding:13px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#searchform input.search-query {
    border: 1px solid #8A7C47;
    color: #5C5C5C;
    font-size: 1.5em;
    height: 31px;
    padding: 2px 0 0 8px;
    width: 70%;
}
#searchform input.search-button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -border-radius: 5px;
    font-size: 1.5em;
    padding:4px 10px;
    background: #897B42;
    border: 1px solid #BDAB61;
    color: #FFFFFF;
    cursor: pointer;
}

@media (min-width: 480px) and (max-width: 599px) {
    #maincontent .grid8 {
        width: 49%;
        margin-left: 0; /* It's the first column */
    }
    #maincontent #directory_results.grid4 {
        width: 49%;
        clear: none;
        margin-left: 2%;
    }
}
@media (min-width: 600px) {
    #maincontent .grid8 {
        width: 65.78%;
        margin-left: 0; /* It's the first column */
    }
    #maincontent .grid4 {
        width: 31.62%;
        margin-left: 2.54%;
        clear: none;
    }
}
@media (min-width: 768px) {

}

/** 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;
    bottom: 0;
}
#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 **/
.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;
}

.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;
}

.google-results .gsc-control-cse .gs-result .gs-title:hover, 
.google-results .gsc-control-cse .gs-result .gs-title:hover * {
    color: #EE0000;
}

.google-results .gs-webResult div.gs-visibleUrl-long {
    display: block;
    color: #897B42;
}

.google-results .gsc-results {
	border-top: 1px solid #d0cece;
}

.google-results .gsc-results .gsc-cursor-box {
	border-top: 1px solid #e6e6e6;
	padding-top: 20px;
}

.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;
}
.google-results .gsc-webResult.gsc-result:hover,
.google-results .gsc-imageResult:hover {
    background-color: #ECF4F9;
}

.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;
}
.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { 
	background: #6e6e6e;
	border: 1px solid #5e5e5e;
	color: #fff;
}
.google-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	border: none;
	font-size: 22px;
	padding: 2px 6px;
	color: #3e3e3e;
}
.google-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover {
    background: none;
    border: none;
    color: #3e3e3e;
}
.google-results .gcsc-branding {
	clear: both;
}