BMarks/newtab.html at master · duSupport/BMarks · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>常用站点</title>
	<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="newtab.js"></script>
	<style type="text/css">
		.site {
			display: inline-block;
			width: 4rem;
			border: 1px solid #ccc;
			padding: 0.5rem;
			margin: 0.5rem;
			padding-left: 2rem;
			position: relative;
		}

		.site .icon {
			height: 1.5rem;
			position: absolute;
			left: 0.25rem;
			top: 0.25rem;
		}

		.site .title {
			height: 1rem;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			line-height: 1rem;
			text-align: left;
		}

		a {
			text-decoration: none;
			color: #000;
		}

		body {
			width: 68rem;
			margin: 0 auto;
			padding: 5em 10rem;
		}

		.panel {
			padding: 1rem;
			margin: 2rem;
		}

		.siteSet {
			border: 1px solid #ccc;
			margin-bottom: 2rem;
		}

		.siteSet legend {
			padding: 2px 10px;
			font-size: 1.5rem;
		}

		#searcher * {
			float: left;
			height: 2.5rem;
		}

		.engName {
			font-size: 1.5rem;
			padding-right: 1rem;
			width: 6rem;
			text-align: right;
		}

		.keywords {
			width: 35rem;
			padding: 0.5rem;
		}

		#search {
			padding: 0.4em 2rem;
			position: relative;
			background-color: #ffffff;
			left: -1px;
			border: 1px solid #ccc;
			cursor: pointer;
		}
	</style>
</head>

<body>
	<div id="title" class="panel">
		<form id="searcher" action="http://www.baidu.com/s">
			<span class="engName">百度搜索</span>
			<input name="wd" class="keywords" id="key" type="text" maxlength="100">
			<input id="search" class="btn search" type="button" value="搜索">
		</form>
		<div style="clear:both;"></div>
	</div>
	<div id="panel" class="panel"></div>
	<div id="footer" class="panel"></div>
	<div class="template" style="display:none;">

		<div id="siteTemp">
			<a href="#url#" target="_blank">
				<div class="site" data-id="#id#" data-parentId="#parentId#" title="#title#">
					<img class="icon" alt="#title#" src="#icon#">
					<div class="title" title="#title#">#title#</div>
				</div>
			</a>
		</div>
		<div id="siteSetTemp">
			<fieldset class="siteSet" data-id="#id#">
				<legend>#title#</legend>
			</fieldset>
		</div>

	</div>
</body>

</html>