|
|
(8 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html xmlns="http://www.w3.org/1999/xhtml"> | + | <html> |
| <head> | | <head> |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <title>css r corner</title> |
- | <title>无标题文档</title> | + | <meta http-equiv="content-type" content="text/html; charset=gb2312"> |
| + | <style type="text/css"> |
| + | div.RoundedCorner{background: #9BD1FA} |
| + | b.rtop, b.rbottom{display:block;background: #FFFFFF} |
| + | b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} |
| + | b.r1{margin: 0 5px} |
| + | b.r2{margin: 0 3px} |
| + | b.r3{margin: 0 2px} |
| + | b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} |
| + | </style> |
| </head> | | </head> |
- |
| |
| <body> | | <body> |
| | | |
| | | |
| + | <div class="RoundedCorner";div style=" width:730px"><font face="Verdana" > |
| | | |
- | <div id="cse" style="width: 100%;">Loading</div> | + | <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b> |
- | <script src="http://www.google.com/jsapi" type="text/javascript"></script> | + | <br> |
- | <script type="text/javascript"> | + | <div class="xboxcontent";div style=" padding-left:30px;padding-right:30px"> |
- | function parseQueryFromUrl () {
| + | aaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
- | var queryParamName = "q";
| + | aaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
- | var search = window.location.search.substr(1);
| + | aaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
- | var parts = search.split('&');
| + | aaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
- | for (var i = 0; i < parts.length; i++) {
| + | aaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
- | var keyvaluepair = parts[i].split('=');
| + | aaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
- | if (decodeURIComponent(keyvaluepair[0]) == queryParamName) {
| + | </div> |
- | return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' '));
| + | <br><br> |
- | }
| + | <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> |
- | }
| + | </div> |
- | return '';
| + | |
- | }
| + | |
- | google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY});
| + | |
- | google.setOnLoadCallback(function() {
| + | |
- | var customSearchControl = new google.search.CustomSearchControl('016223350660571007381:hi1vf6exqtq');
| + | |
- | customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
| + | |
- | var options = new google.search.DrawOptions();
| + | |
- | options.enableSearchResultsOnly();
| + | |
- | customSearchControl.draw('cse', options);
| + | |
- | var queryFromUrl = parseQueryFromUrl();
| + | |
- | if (queryFromUrl) {
| + | |
- | customSearchControl.execute(queryFromUrl);
| + | |
- | }
| + | |
- | }, true);
| + | |
- | </script> | + | |
- | <style type="text/css">
| + | |
- | .gsc-control-cse {
| + | |
- | font-family: Georgia, serif;
| + | |
- | border-color: #E1F3DA;
| + | |
- | background-color: #E1F3DA;
| + | |
- | }
| + | |
- | .gsc-tabHeader.gsc-tabhInactive {
| + | |
- | border-color: #A9DA92;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- | .gsc-tabHeader.gsc-tabhActive {
| + | |
- | border-color: #A9DA92;
| + | |
- | background-color: #A9DA92;
| + | |
- | }
| + | |
- | .gsc-tabsArea {
| + | |
- | border-color: #A9DA92;
| + | |
- | }
| + | |
- | .gsc-webResult.gsc-result {
| + | |
- | border-color: #A9DA92;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- | .gsc-webResult.gsc-result:hover {
| + | |
- | border-color: #A9DA92;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- | .gs-webResult.gs-result a.gs-title:link,
| + | |
- | .gs-webResult.gs-result a.gs-title:link b {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-webResult.gs-result a.gs-title:visited,
| + | |
- | .gs-webResult.gs-result a.gs-title:visited b {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-webResult.gs-result a.gs-title:hover,
| + | |
- | .gs-webResult.gs-result a.gs-title:hover b {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-webResult.gs-result a.gs-title:active,
| + | |
- | .gs-webResult.gs-result a.gs-title:active b {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gsc-cursor-page {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | a.gsc-trailing-more-results:link {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-webResult .gs-snippet {
| + | |
- | color: #454545;
| + | |
- | }
| + | |
- | .gs-webResult div.gs-visibleUrl {
| + | |
- | color: #815FA7;
| + | |
- | }
| + | |
- | .gs-webResult div.gs-visibleUrl-short {
| + | |
- | color: #815FA7;
| + | |
- | }
| + | |
- | .gs-webResult div.gs-visibleUrl-short {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | .gs-webResult div.gs-visibleUrl-long {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | .gsc-cursor-box {
| + | |
- | border-color: #A9DA92;
| + | |
- | }
| + | |
- | .gsc-results .gsc-cursor-box .gsc-cursor-page {
| + | |
- | border-color: #A9DA92;
| + | |
- | background-color: #FFFFFF;
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
| + | |
- | border-color: #A9DA92;
| + | |
- | background-color: #A9DA92;
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-promotion {
| + | |
- | border-color: #94CC7A;
| + | |
- | background-color: #CBE8B4;
| + | |
- | }
| + | |
- | .gs-promotion a.gs-title:link,
| + | |
- | .gs-promotion a.gs-title:link *,
| + | |
- | .gs-promotion .gs-snippet a:link {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-promotion a.gs-title:visited,
| + | |
- | .gs-promotion a.gs-title:visited *,
| + | |
- | .gs-promotion .gs-snippet a:visited {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-promotion a.gs-title:hover,
| + | |
- | .gs-promotion a.gs-title:hover *,
| + | |
- | .gs-promotion .gs-snippet a:hover {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-promotion a.gs-title:active,
| + | |
- | .gs-promotion a.gs-title:active *,
| + | |
- | .gs-promotion .gs-snippet a:active {
| + | |
- | color: #0066CC;
| + | |
- | }
| + | |
- | .gs-promotion .gs-snippet,
| + | |
- | .gs-promotion .gs-title .gs-promotion-title-right,
| + | |
- | .gs-promotion .gs-title .gs-promotion-title-right * {
| + | |
- | color: #454545;
| + | |
- | }
| + | |
- | .gs-promotion .gs-visibleUrl,
| + | |
- | .gs-promotion .gs-visibleUrl-short {
| + | |
- | color: #815FA7;
| + | |
- | }
| + | |
- | </style> | + | |
- | | + | |
| </body> | | </body> |
| </html> | | </html> |