diff options
-rw-r--r-- | app/assets/stylesheets/ui_mars.scss | 25 |
1 files changed, 23 insertions, 2 deletions
diff --git a/app/assets/stylesheets/ui_mars.scss b/app/assets/stylesheets/ui_mars.scss index 292b4269204..b2230f5be3e 100644 --- a/app/assets/stylesheets/ui_mars.scss +++ b/app/assets/stylesheets/ui_mars.scss @@ -41,8 +41,29 @@ height:60px; .search-input { - background:#474D57; - border-color:#888; + background-image:url("icon-search.png"); + float: right; + text-shadow: none; + width: 116px; + background-image: url("icon-search.png"); + background-repeat: no-repeat; + background-position: 10px; + border-radius: 100px; + border: 1px solid rgba(0, 0, 0, 0.7); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.4) inset; + background-color: #D2D5DA; + background-color: rgba(255, 255, 255, 0.5); + padding: 5px; + padding-left: 26px; + margin-right: 50px; + + &:focus { + background-color: white; + width: 166px; + } + } + .search-input::-webkit-input-placeholder { + color: #666; } .app_logo { width:230px; |