Permalink
Browse files

makes search bar pretty

  • Loading branch information...
1 parent 3c73231 commit b9ebe07a2626bd50eb23073dea1a031ca97b3cac @jjhoyt committed Jun 15, 2011
Showing with 43 additions and 38 deletions.
  1. +42 −37 css/style.css
  2. BIN images/searchbtn.png
  3. +1 −1 js/controller.js
View
@@ -3,6 +3,8 @@
padding:0;
}
+*:focus {outline: none;}
+
body{
width:400px;
background:#fff;
@@ -23,7 +25,7 @@ body{
}
#header{
- margin:0 0 15px 0;
+ margin:0 0 5px 0;
width: 360px;
font-weight:700
}
@@ -48,13 +50,42 @@ body{
text-decoration:none
}
-#searchQ {
+#search-con {
+ position: relative;
+ height: 26px;
+ width: 330px;
+ border: 1px solid #CACACA;
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px;
+}
+#search-con input[type="text"] {
font-size:110%;
- border:1px solid #ccc;
- border-left:1px solid #999;
- border-bottom:1px solid #999;
- padding:2px;
- color:#444
+ color:#555;
+ width:98%;
+ margin: 3px 0 0 5px;
+ border:#fff 1px solid
+}
+
+#searchButton {
+ border: 1px solid #CACACA;
+ position: relative;
+ cursor: pointer;
+ right: -330px;
+ top: -28px;
+ width: 31px;
+ height: 28px;
+ text-indent:0;
+ overflow: hidden;
+ background: #E9E9E9 url(../images/searchbtn.png) -6px 50% no-repeat;
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
+}
+
+#searchButton:hover {
+ background: #F2F2F2 url(../images/searchbtn.png) -46px 50% no-repeat;
+ border: 1px solid #939393;
+ text-decoration: none;
+ z-index: 11;
}
#staticButton {
@@ -64,6 +95,8 @@ body{
border-bottom:1px solid #999;
padding:2px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
}
#content{
width:400px;
@@ -109,33 +142,5 @@ body{
#contentAbstract{
margin-top:5px;
}
-<<<<<<< HEAD:related-research/css/style.css
-
-#research-widget-container{
- position: absolute;
- top: 0px;
- left: 0px;
- width: 0px;
- height: 0px;
-}
-
-#research-widget{
- background-color: #FDFDFD;
- border: 1px solid #BBB;
- border-radius: ;
- color: #313131;
- display: none;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- line-height: 12px;
- margin: 0px;
- position: fixed;
- text-align: left;
- text-transform: none;
- top: 0%;
- width: 320px;
- -webkit-box-shadow: rgb(204, 204, 204) 0px 0px 5px;
- z-index: 2147483645;
-}
-=======
->>>>>>> fbdf201349eaebd0f110994af6aed57c78ada391:related-research/css/style.css
+
+
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -192,7 +192,7 @@ function displayResponse(url) {
htmlString +='<div style="width:360px"><a href="http://www.mendeley.com/research-papers/" target="_blank"><img src="../images/MlogoFSM.png" height="25px" style="margin-left:-8px"/></a>\
<div style="float:right"><iframe src="https://www.facebook.com/plugins/like.php?href='+encodeURIComponent(url)+'&amp;layout=button_count&amp;width=205&amp;show_faces=false&amp;action=recommend&amp;height=21" scrolling="no" frameborder="0" style="border:none; width:125px; height:21px"></iframe></div>\
<div style="float:right"><a id="headerLink" href="http://twitter.com/share/?text=Found research on Mendeley about %22'+truncatedText+'...%22 using Mendeley Related for Chrome" class="twitter-share-button" data-url="'+url+'">Tweet</a></div><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div style="clear:both"></div>\
- <div id="header"><form><input id="searchQ" type="text" value="'+search+'" size="45" /> <input id="staticButton" type="submit" value="Search" onclick="prepQ(); return false;"/></form></div>';
+ <div id="header"><form><div id="search-con"><input id="searchQ" type="text" value="'+search+'" size="45" /></div><button title="Search" id="searchButton" type="submit" onclick="prepQ(); return false;"/></button></form></div>';
htmlString +='<div id="clearThisOnNew">';
for(var i=0;i<items.length;i++)

0 comments on commit b9ebe07

Please sign in to comment.