@ -12,7 +12,7 @@ a:hover.hmarg{color:#3498db}
. top_margin { margin-top : 60 px }
. center { text-align : center }
h1 { font-size : 5 em }
div . title { background : url ( ' / static/img/searx.png') no-repeat ; width : 100 % ; background-position : center } div . title h1 { visibility : hidden }
div . title { background : url ( ' static/img/searx.png') no-repeat ; width : 100 % ; background-position : center } div . title h1 { visibility : hidden }
input [ type = "submit" ] { padding : 2 px 6 px ; margin : 2 px 4 px ; display : inline-block ; background : #3498db ; color : #fff ; -webkit- border-radius : 4 px ; -moz- border-radius : 4 px ; border-radius : 4 px ; border : 0 ; cursor : pointer }
input [ type = "checkbox" ] { visibility : hidden }
fieldset { margin : 8 px ; border : 1 px solid #3498db }
@ -55,14 +55,14 @@ tr:hover{background:#ddd}
# search_wrapper { position : relative ; max-width : 600 px ; padding : 10 px }
. center # search_wrapper { margin-left : auto ; margin-right : auto }
. q { background : none repeat scroll 0 0 #fff ; border : 1 px solid #3498db ; color : #222 ; font-size : 16 px ; height : 28 px ; margin : 0 ; outline : medium none ; padding : 2 px ; padding-left : 8 px ; padding-right : 0 !important ; width : 100 % ; z-index : 2 }
# search_submit { position : absolute ; top : 13 px ; right : 1 px ; padding : 0 ; border : 0 ; background : url ( ' / static/img/search-icon.png') no-repeat ; background-size : 24 px 24 px ; opacity : .8 ; width : 24 px ; height : 30 px ; font-size : 0 }
# search_submit { position : absolute ; top : 13 px ; right : 1 px ; padding : 0 ; border : 0 ; background : url ( ' static/img/search-icon.png') no-repeat ; background-size : 24 px 24 px ; opacity : .8 ; width : 24 px ; height : 30 px ; font-size : 0 }
# results { margin : 10 px ; padding : 0 ; margin-bottom : 20 px }
# sidebar { position : absolute ; left : 54 em ; width : 15 em ; margin : 0 2 px 5 px 5 px ; padding : 0 2 px 2 px 2 px }
# suggestions span { display : block ; margin : 0 2 px 2 px 2 px ; padding : 0 }
# suggestions form { display : block }
# suggestions input { padding : 2 px 6 px ; margin : 2 px 4 px ; font-size : .8 em ; display : inline-block ; background : #3498db ; color : #fff ; -webkit- border-radius : 4 px ; -moz- border-radius : 4 px ; border-radius : 4 px ; border : 0 ; cursor : pointer }
# search_url { margin-top : 8 px } # search_url input { border : 1 px solid #888 ; padding : 4 px ; color : #444 ; width : 20 em ; display : block ; margin : 4 px }
# preferences { top : 10 px ; padding : 0 ; border : 0 ; background : url ( ' / static/img/preference-icon.png') no-repeat ; background-size : 28 px 28 px ; opacity : .8 ; width : 28 px ; height : 30 px ; display : block } # preferences * { display : none }
# preferences { top : 10 px ; padding : 0 ; border : 0 ; background : url ( ' static/img/preference-icon.png') no-repeat ; background-size : 28 px 28 px ; opacity : .8 ; width : 28 px ; height : 30 px ; display : block } # preferences * { display : none }
# pagination { clear : both }
# apis { margin-top : 8 px ; clear : both }
@ media screen and ( max-width : 60em ) { # sidebar { position : static ; max-width : 50 em ; margin : 0 0 2 px 0 ; padding : 0 ; float : none ; border : none ; width : auto } # suggestions span { display : inline ; font-size : .8 em } # suggestions form { display : inline } # suggestions input { padding : 2 px 6 px ; margin : 2 px 4 px ; font-size : .8 em ; display : inline-block ; -webkit- border-radius : 4 px ; -moz- border-radius : 4 px ; border-radius : 4 px ; border : 0 ; cursor : pointer } } @ media screen and ( max-width : 680px ) { # search_wrapper { width : 90 % ; clear : both ; overflow : hidden } . right { display : none ; postion : fixed !important ; top : 100 px ; right : 0 } # apis { display : none } # categories { font-size : 80 % ; clear : both } # categories . checkbox_container { margin-top : 2 px ; margin : 0 2 px } . checkbox_container { display : block ; width : 100 % } . checkbox_container label { border-bottom : 0 } . result { border-top : 1 px solid #e8e7e6 ; margin : 7 px 0 6 px 0 } . result img { max-width : 90 % ; width : auto ; height : auto } } . favicon { float : left ; margin-right : 4 px ; margin-top : 2 px }