@@ -106,28 +106,32 @@ tr:hover td { background: #DDDDDD; }
106106#search_wrapper { position: relative; max-width: 600px; margin: 10px; }
107107.center #search_wrapper { margin-left: auto; margin-right: auto; }
108108.q {
109− -webkit-box-sizing: border-box;
110− -moz-box-sizing: border-box;
111− width: 100%;
112− box-sizing: border-box;
113− border: 1px solid #c8c8c8;
114− border-bottom-color: #d2e2e7;
115− -webkit-border-radius: 1px;
116− -moz-border-radius: 1px;
117− border-radius: 1px;
118− -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), 0 0 0 4px #dddddd;
119− -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), 0 0 0 4px #dddddd;
120− box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), 0 0 0 4px #dddddd;
121− -webkit-transition: all 0.4s linear;
122− -moz-transition: all 0.4s linear;
123− transition: all 0.4s linear;
109+ background: none repeat scroll 0 0 #FFFFFF;
110+ border: 1px solid #8D8D8D;
111+ border-radius: 3px;
112+ box-shadow: 1px 1px 2px #999999 inset;
113+ color: #222222;
114+ font-size: 22px;
115+ height: 28px;
116+ margin: 0;
117+ outline: medium none;
118+ padding: 4px;
119+ padding-left: 8px;
120+ padding-right: 0px !important;
121+ width: 100%;
122+ z-index: 2;
124123}
125−.q:focus {
126− outline: none;
127− -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd;
128− -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd;
129− box-shadow: inset 0 1px 2px rgba(0,0,0,0.6), 0 0 0 4px #dddddd;
124+#search_submit {
125+ position: absolute;
126+ top: 5px;
127+ right: 0px;
128+ padding: 0;
129+ border: 0;
130+ background: url('/static/img/search-icon.png') no-repeat;
131+ background-size: 28px 28px;
132+ opacity: 0.8;
133+ width: 28px;
134+ height: 30px;
130135}
131−#search_submit { position: absolute; top: 6px; right: 3px; border: 0; padding: 6px; background: url('/static/img/search-icon.png') no-repeat; background-size: 30px 30px; width: 33px; height: 30px; }
132136
133137#results { margin-left: 10px; margin-top: 10px; }