xsdot_css_search
.search-box {padding:6px;background-color:#f0f0f0;border-radius:6px;-moz-border-radius:6px;} .search-box input[type=text] {display:block;height:22px;width:100%;padding:0px;margin:0px;border:0px;background-color:#f0f0f0;} .search-button {position:absolute;right:8px;top:7px;width:20px;height:20px;background-image:url('/files/dynamic/2f820005z16e64441a8ez7e0e.svg');background-size:100%;cursor:pointer;} .search-result-header {overflow:hidden;padding-top:12px;} .search-result-header > div {float:left;margin-right:6px;} .search-result-header > div img {display:inline;padding-bottom:4px;} .search-result-item {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;width:50%;overflow-x:hidden;cursor:pointer;float:left;padding:6px;} .search-result-item img {border-radius:2px;-moz-border-radius:2px;margin-top:8px;margin-left:16px;margin-right:4px;float:right;} .search-result-del {clear:both;height:1px;overflow:hidden;background-color:#f8f8f8;} .search-result-content {font-size:13px;} .search-result-item a {font-size:16px;} .search-score {margin-top:2px;margin-bottom:2px;width:60px;height:2px;overflow:hidden;background-color:#f08080;} .search-score > div {height:2px;overflow:hidden;background-color:#80ff00;} .search-paging {clear:both;list-style:none;padding:26px 0px 0px 0px;text-align:center;} .search-paging li {display:inline;padding:6px !important;background-image:none !important} .search-paging li img {display:inline;padding-bottom:3px;} .search-no-results {margin-top:12px;} @media (max-width: 800px) { .search-result-item {width:100%;} } /* header search panel */ #search {position:absolute;right:4px;top:42px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);background-image:url('/images/lan-arrow-win-124436.png?v=1');padding-top:12px;background-position:238px 0px;background-repeat:no-repeat;transition: all 0.2s ease;opacity:0;height:0px;overflow:hidden;} #search.on {opacity:1;height:42px;} .search-cnt {right:0px;width:280px;background-color:#e0e0e0;clear:both;overflow:hidden;} .search-cnt > form > div {max-width:1160px;margin:auto;position:relative;padding:6px;transition: all 0.3s ease;overflow:hidden;} .sbox {padding:4px;background-color:#ffffff;border-radius:4px;-moz-border-radius:4px;} .ssearch {position:absolute;right:12px;top:11px;width:20px;height:20px;background-image:url('/files/dynamic/2f820005z16e64441a8ez7e0e.svg');background-size:100%;cursor:pointer;} .search-cnt > form > div > div > input {display:block;float:none;height:22px;width:100%;padding:0px;margin:0px;border:0px;background-color:#ffffff;} .search-box input, #search input {outline: none;cursor:pointer;} @media (max-width: 920px) { #search {top:42px;right:53px;} } @media (max-width: 450px) { #search {background-position:150px 0px;} .search-cnt {width:190px;} }
.search-box {padding:6px;background-color:#f0f0f0;border-radius:6px;-moz-border-radius:6px;} .search-box input[type=text] {display:block;height:22px;width:100%;padding:0px;margin:0px;border:0px;background-color:#f0f0f0;} .search-button {position:absolute;right:8px;top:7px;width:20px;height:20px;background-image:url('/files/dynamic/2f820005z16e64441a8ez7e0e.svg');background-size:100%;cursor:pointer;} .search-result-header {overflow:hidden;padding-top:12px;} .search-result-header > div {float:left;margin-right:6px;} .search-result-header > div img {display:inline;padding-bottom:4px;} .search-result-item {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;width:50%;overflow-x:hidden;cursor:pointer;float:left;padding:6px;} .search-result-item img {border-radius:2px;-moz-border-radius:2px;margin-top:8px;margin-left:16px;margin-right:4px;float:right;} .search-result-del {clear:both;height:1px;overflow:hidden;background-color:#f8f8f8;} .search-result-content {font-size:13px;} .search-result-item a {font-size:16px;} .search-score {margin-top:2px;margin-bottom:2px;width:60px;height:2px;overflow:hidden;background-color:#f08080;} .search-score > div {height:2px;overflow:hidden;background-color:#80ff00;} .search-paging {clear:both;list-style:none;padding:26px 0px 0px 0px;text-align:center;} .search-paging li {display:inline;padding:6px !important;background-image:none !important} .search-paging li img {display:inline;padding-bottom:3px;} .search-no-results {margin-top:12px;} @media (max-width: 800px) { .search-result-item {width:100%;} } /* header search panel */ #search {position:absolute;right:4px;top:42px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);background-image:url('/images/lan-arrow-win-124436.png?v=1');padding-top:12px;background-position:238px 0px;background-repeat:no-repeat;transition: all 0.2s ease;opacity:0;height:0px;overflow:hidden;} #search.on {opacity:1;height:42px;} .search-cnt {right:0px;width:280px;background-color:#e0e0e0;clear:both;overflow:hidden;} .search-cnt > form > div {max-width:1160px;margin:auto;position:relative;padding:6px;transition: all 0.3s ease;overflow:hidden;} .sbox {padding:4px;background-color:#ffffff;border-radius:4px;-moz-border-radius:4px;} .ssearch {position:absolute;right:12px;top:11px;width:20px;height:20px;background-image:url('/files/dynamic/2f820005z16e64441a8ez7e0e.svg');background-size:100%;cursor:pointer;} .search-cnt > form > div > div > input {display:block;float:none;height:22px;width:100%;padding:0px;margin:0px;border:0px;background-color:#ffffff;} .search-box input, #search input {outline: none;cursor:pointer;} @media (max-width: 920px) { #search {top:42px;right:53px;} } @media (max-width: 450px) { #search {background-position:150px 0px;} .search-cnt {width:190px;} }