/** * This file represent some UI that can be changed * during web app restyle or theme select. * * Next items should be placed there * - link colors * - header restyles * */ .ui_mars { /* * Application Header * */ header { background: #474D57 url('bg-header.png') repeat-x bottom; box-shadow:none; border-bottom: 1px solid #444; .fbtn { .btn { margin-left:8px; background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #595D63), to(#31363E)); background-image: -webkit-linear-gradient(#595D63 6.6%, #31363E); background-image: -moz-linear-gradient(#595D63 6.6%, #31363E); background-image: -o-linear-gradient(#595D63 6.6%, #31363E); font-size: 12px; &:hover { background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #595D63), to(#2C2F35)); background-image: -webkit-linear-gradient(#595D63 6.6%, #2C2F35); background-image: -moz-linear-gradient(#595D63 6.6%, #202227); background-image: -o-linear-gradient(#595D63 6.6%, #202227); background-position:0 0; } border: 1px solid #31363E; color:#D6DADF; text-shadow: 0 -1px 0 #000000; } } .search { float: right; margin-right: 45px; .search-input { 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); &:focus { background-color: white; } } } .search-input::-webkit-input-placeholder { color: #666; } .app_logo { a { h1 { background: url('images.png') no-repeat -3px -6px; width: 65px; height: 26px; margin: 6px 0; padding: 0; float: left; text-indent: -1000em; float:left; } } .separator { display:none; } } .project_name { line-height:38px; color:#fff; text-shadow: 0 1px 1px #111; } } /* * End of Application Header * */ }