164 lines
3.5 KiB
CSS
164 lines
3.5 KiB
CSS
#searchForm{
|
|
/* The search form. */
|
|
width:525px;
|
|
/*background-color:#4C5A65;
|
|
padding:50px 50px 30px;*/
|
|
margin:0 auto;
|
|
position:relative;
|
|
|
|
-moz-border-radius:16px;
|
|
-webkit-border-radius:16px;
|
|
border-radius:16px;
|
|
}
|
|
|
|
fieldset{
|
|
border:none;
|
|
}
|
|
|
|
#s{
|
|
/* The search text box. */
|
|
|
|
border:none;
|
|
color:#888888;
|
|
/*background:url("../images/interface/searchBox.png") no-repeat;*/
|
|
background:url('../images/interface/zoom.png') 10px center no-repeat;
|
|
border:1px solid #888888;
|
|
float:left;
|
|
font-family:Arial,Helvetica,sans-serif;
|
|
font-size:15px;
|
|
height:36px;
|
|
line-height:36px;
|
|
margin-right:12px;
|
|
outline:medium none;
|
|
padding:0 0 0 35px;
|
|
text-shadow:1px 1px 0 white;
|
|
width:385px;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
border-radius:10px;
|
|
-moz-box-shadow: 2px 2px 3px #888;
|
|
-webkit-box-shadow: 2px 2px 3px #888;
|
|
box-shadow: 2px 2px 3px #888;
|
|
/* For IE 8 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
|
|
/* For IE 5.5 - 7 */
|
|
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
|
|
|
|
}
|
|
.icons{
|
|
background:#4C5A65;
|
|
padding:3px 3px 10px 3px;
|
|
list-style:none;
|
|
margin:10px 0;
|
|
height:19px;
|
|
position:relative;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
|
|
.icons li{
|
|
background:url("../images/interface/icons.png") no-repeat;
|
|
float:left;
|
|
height:19px;
|
|
text-indent:-999px;
|
|
cursor:pointer;
|
|
margin-right:5px;
|
|
}
|
|
|
|
/* Styling each icon */
|
|
|
|
li.web{ width:15px;}
|
|
li.web.active,
|
|
li.web:hover{ background-position:left bottom;}
|
|
|
|
li.images{ width:22px; background-position:-18px 0;}
|
|
li.images.active,
|
|
li.images:hover{ background-position:-18px bottom;}
|
|
|
|
li.news{ width:14px; background-position:-44px 0;}
|
|
li.news.active,
|
|
li.news:hover{ background-position:-44px bottom;}
|
|
|
|
li.videos{ width:17px; background-position:right 0;}
|
|
li.videos.active,
|
|
li.videos:hover{ background-position:right bottom;}
|
|
|
|
span.arrow{
|
|
/* The little arrow that moves below the icons */
|
|
|
|
width:11px;
|
|
height:6px;
|
|
margin:21px 0 0 5px;
|
|
position:absolute;
|
|
background:url('../images/interface/arrow.png') no-repeat;
|
|
left:0;
|
|
}
|
|
|
|
/* The submit button */
|
|
|
|
#submitButton{
|
|
/*background:url('../images/interface/buttons.png') no-repeat;
|
|
width:83px;
|
|
height:36px;
|
|
text-indent:-9999px;
|
|
overflow:hidden;
|
|
text-transform:uppercase;
|
|
border:none;*/
|
|
cursor:pointer;
|
|
}
|
|
|
|
#submitButton:hover{
|
|
background-position:left bottom;
|
|
}
|
|
|
|
/* Web & news results */
|
|
|
|
.webResult{ text-shadow:1px 1px 0 #586a75;margin-bottom:50px;}
|
|
.webResult h2{
|
|
background-color:#5D6F7B;
|
|
font-size:18px;
|
|
font-weight:normal;
|
|
padding:8px 20px;
|
|
|
|
/* Applying CSS3 rounded corners */
|
|
-moz-border-radius:18px;
|
|
-webkit-border-radius:18px;
|
|
border-radius:18px;
|
|
}
|
|
.webResult h2 b{ color:#fff; }
|
|
.webResult h2 a{ color:#eee;border:none;}
|
|
.webResult p{ line-height:1.5;padding:15px 20px;}
|
|
.webResult p b{ color:white;}
|
|
.webResult > a{ margin-left:20px;}
|
|
|
|
/* Image & video search results */
|
|
|
|
.imageResult{
|
|
float:left;
|
|
height:170px;
|
|
margin:0 0 20px 40px;
|
|
text-align:center;
|
|
width:150px;
|
|
}
|
|
.imageResult img{ display:block;border:none;}
|
|
.imageResult a.pic{
|
|
border:1px solid #fff;
|
|
outline:1px solid #777;
|
|
display:block;
|
|
margin:0 auto 15px;
|
|
}
|
|
|
|
/* The show more button */
|
|
|
|
#more{
|
|
width:83px;
|
|
height:24px;
|
|
background:url('../images/interface/more.png') no-repeat;
|
|
cursor:pointer;
|
|
margin:40px auto;
|
|
}
|
|
|
|
#more:hover{
|
|
background-position:left bottom;
|
|
} |