tonyair
/
silverstripe-simple
mirror of https://github.com/silverstripe/silverstripe-simple
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

BUGFIX:fixed text-indent issues with search-form in IE

This commit is contained in:
Jeremy Bridson 2012-04-10 14:54:07 +12:00
parent 55566cf9f5
commit 0b946fd864
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/layout.css
View File

@ -44,9 +44,9 @@ a.btn:hover{background:#d80000; color:#fff;}
.search-bar form {margin:10px 0 0 0; float:right; width:200px;}
.search-bar form fieldset {position:relative; padding:0; margin:0;background:#ededed; border:1px solid #888; border-radius:4px;}
.search-bar form div.field {margin:0;}
.search-bar form div.field .middleColumn {float:none; width:100%;}
.search-bar form input.text {text-indent:32px; float:left; color:#888; margin:0; border:0px; border-radius:4px; background:transparent;}
.search-bar form input.action {background:transparent url(../images/search-icon.png) 5px 5px no-repeat; text-indent:-9999em; position:absolute; left:0px; cursor:pointer; height:32px; width:35px; border:none;
.search-bar form div.field .middleColumn {float:none; width:100%; overflow:hidden;}
.search-bar form input.text {padding-left:32px; float:left; color:#888; margin:0; border:0px; border-radius:4px; background:transparent;}
.search-bar form input.action {display:block; font-size:0; line-height:0; background:transparent url(../images/search-icon.png) 5px 5px no-repeat; text-indent:-9999em; position:absolute; left:0px; cursor:pointer; height:32px; width:35px; border:none;
border-top-left-radius:4px; border-bottom-left-radius:4px; padding:0;}
.search-bar form input.action:active {background:transparent url(../images/search-icon-active.png) center 5px no-repeat;}
.search-bar form input:focus, .header textarea:focus {outline:none; background:#fff;}
@ -149,7 +149,7 @@ aside{float:left; width:20%; margin-top:17px;}
.search-bar {z-index:200; position:absolute; top:50px; display:none; padding:5px 0; height:32px; margin:0; background-color:#303030;-webkit-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.3);box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.3);}
.search-dropdown-icon {display:block; cursor:pointer; width:20px; height:20px; position:absolute; right:10px; top:14px; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed; text-align:center; line-height:20px;}
.search-bar .search-bubble-arrow {display:block; height:20px; width:20px;position:absolute; right:14px; top:-12px; font-family:'WebSymbolsRegular'; font-size:20px; color:#303030; text-align:center; line-height:20px;}
.search-bar form {display:none; float:right; margin:0 5px; height:32px;}
.search-bar form {display:none; float:right; margin:0 6px; height:32px;}
/* Main Content */
.main{padding:20px 0 45px;}