Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 62e009b

Browse files
搜索相关
1 parent c49c7e4 commit 62e009b

File tree

1 file changed

+331
-0
lines changed

1 file changed

+331
-0
lines changed

‎assets/css/search.css‎

Lines changed: 331 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,331 @@
1+
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
-webkit-box-sizing: border-box;
6+
-moz-box-sizing: border-box;
7+
box-sizing: border-box
8+
}
9+
10+
#search form {
11+
position: relative
12+
}
13+
14+
#search {
15+
max-width: 919px;
16+
/* margin: 5px auto 14px */
17+
margin: -10px auto -10px;
18+
}
19+
20+
21+
22+
.bg-blue {
23+
background-color: #0179a8!important;
24+
}
25+
26+
.bg-teal {
27+
background-color: #00a28a!important;
28+
}
29+
30+
.bg-pink {
31+
background-color: #b76ba3!important;
32+
}
33+
34+
.bg-yl {
35+
background-color: #ff8209!important;
36+
}
37+
38+
.bg-gj {
39+
background-color: #0d4fff!important;
40+
}
41+
42+
.bg-tp {
43+
background-color: #68b828!important;
44+
}
45+
46+
.bg-red {
47+
background-color: #ea6759!important;
48+
}
49+
50+
.bg-sq {
51+
background-color: #4e5154!important;
52+
}
53+
54+
.bg-sc {
55+
background-color: #de0088!important;
56+
}
57+
.fa-2x {
58+
padding-top: 15px;
59+
font-size: 1.5em;
60+
}
61+
62+
#search button i {
63+
color: #ffffff;
64+
font-size: 18px
65+
}
66+
67+
68+
69+
70+
.search-group {
71+
display: none;
72+
padding-left: 75px
73+
}
74+
75+
76+
.s-current .search-type {
77+
display: block
78+
}
79+
80+
.s-current {
81+
display: block
82+
}
83+
84+
#search-list {
85+
position: relative
86+
}
87+
88+
89+
.s-type {
90+
position: absolute;
91+
top: 0;
92+
left: 0;
93+
z-index: 13;
94+
width: 75px
95+
}
96+
97+
.s-type:hover {
98+
height: auto
99+
}
100+
101+
.s-type>span {
102+
display: block;
103+
height: 31px;
104+
width: 75px
105+
}
106+
107+
.s-type-list {
108+
display: none;
109+
position: absolute;
110+
top: 31px;
111+
padding: 9pt 0;
112+
width: 20pc;
113+
color: #000;
114+
background: #fff;
115+
border-radius: 4px;
116+
box-shadow: 0 0 6px rgba(0,0,0,.16);
117+
}
118+
119+
.s-type-list:before {
120+
position: absolute;
121+
top: -16px;
122+
left: 10px;
123+
content: ' ';
124+
display: block;
125+
width: 0;
126+
height: 0;
127+
border: 10px solid transparent;
128+
/* border-bottom-color: #fff */
129+
}
130+
131+
.s-type-list label {
132+
display: block;
133+
font-size: 1pc;
134+
line-height: 2pc;
135+
text-align: center;
136+
width: 33%;
137+
float: left;
138+
}
139+
140+
.s-type-list label:hover {
141+
color: #2d6bc2
142+
}
143+
144+
.s-type:hover .s-type-list {
145+
display: block;
146+
padding-top: 22px;
147+
}
148+
149+
.type-text {
150+
position: absolute;
151+
left: 0;
152+
width: 75px;
153+
padding-left: 12px;
154+
font-size: 16px;
155+
line-height: 31px
156+
}
157+
158+
.type-text:after {
159+
content: '';
160+
font-family: FontAwesome;
161+
margin: 0 0 0 15px
162+
}
163+
164+
.search-type {
165+
white-space: nowrap
166+
}
167+
168+
.search-type li {
169+
display: inline-block
170+
}
171+
172+
.search-type li label {
173+
display: inline-block;
174+
padding: 0 9px;
175+
font-size: 15px;
176+
line-height: 31px;
177+
border-radius: 3px 3px 0 0;
178+
cursor: pointer
179+
}
180+
181+
.search-type input:checked+label {
182+
background-color: #fff;
183+
184+
}
185+
186+
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
187+
color: #888;
188+
}
189+
190+
191+
.set-check {
192+
margin-top: 25px;
193+
font-size: 12px
194+
}
195+
196+
.set-check label {
197+
margin-left: 3px
198+
}
199+
200+
.set-check input,.set-check label {
201+
opacity: 0;
202+
transition: all .3s ease
203+
}
204+
205+
/* .set-check:hover input,.set-check:hover label { */
206+
/* opacity: .2 */
207+
/* } */
208+
209+
/* .set-check:hover label:hover { */
210+
/* opacity: 1 */
211+
/* } */
212+
213+
.search-type li {
214+
list-style: none;
215+
display: inline-block
216+
}
217+
218+
219+
@media screen and (max-width:767px) {
220+
#search {
221+
/* margin: 20px auto 30px */
222+
margin: 0px auto 30px;
223+
}
224+
225+
.search-type {
226+
overflow: scroll
227+
}
228+
229+
.search-list {
230+
height: 30px;
231+
overflow-y: hidden;
232+
overflow-x: scroll;
233+
white-space: nowrap
234+
}
235+
}
236+
237+
238+
.rollbar {
239+
position: fixed;
240+
right: 0px;
241+
bottom: 20px;
242+
z-index: 999;
243+
display: none;
244+
}
245+
.rollbar ul{
246+
margin: 0;
247+
padding: 0;
248+
list-style: none;
249+
width: 25px;
250+
}
251+
.rollbar li{
252+
position: relative;
253+
margin-top: -30px;
254+
text-align: center;
255+
opacity: .6;
256+
filter: alpha(opacity=40);
257+
}
258+
.rollbar a {
259+
position: relative;
260+
z-index: 2;
261+
display: block;
262+
height: 25px;
263+
border-radius: 3px;
264+
background-color: #f7f7f7;
265+
color: #000000;
266+
}
267+
.rollbar a:hover{
268+
color: #000;
269+
}
270+
.rollbar .fa{
271+
line-height: 25px;
272+
font-size: 14px;
273+
}
274+
.rollbar .fa-comments{font-size: 24px;}
275+
276+
.rollbar li:hover, .rollbar li:hover h6 {
277+
opacity: .9;
278+
filter: alpha(opacity=90)
279+
}
280+
.rollbar li:hover h6{
281+
right: 100%;
282+
}
283+
.rollbar h6{
284+
position: absolute;
285+
z-index: 1;
286+
top: 23%;
287+
right: -15%;
288+
margin: -13px 10px 0 0;
289+
line-height: 26px;
290+
font-size: 12px;
291+
background-color: #666;
292+
color: #fff;
293+
width: 53px;
294+
border-radius: 2px;
295+
text-align: center;
296+
opacity: 0;
297+
filter:alpha(opacity=0);
298+
}
299+
.rollbar h6 i{
300+
position: absolute;
301+
right: -4px;
302+
top: 50%;
303+
margin-top: -4px;
304+
display: inline-block;
305+
width: 0;
306+
height: 0;
307+
vertical-align: middle;
308+
border-left: 4px solid #666;
309+
border-top: 4px solid rgba(0, 0, 0, 0);
310+
border-bottom: 4px solid rgba(0, 0, 0, 0);
311+
}
312+
313+
#search{max-width:717px;margin:56px auto 14px}
314+
#search form{position:relative}
315+
#search-text{padding:9pt;width:100%;height:50px;font-size:1pc;border:0;border-radius:23px;background-color:#fff}
316+
#search button{position:absolute;top:0;right:0;background:#ff9900;border:0;width:70px;height:36px;margin:8px;line-height:36px;border-radius:30px; outline:none;}
317+
#search button:hover{background:#ff9985;cursor:pointer}
318+
#search button i{color:#fff;font-size:18px}.search-group{display:none;padding-left:75px}.s-current .search-type{padding-left:0;display:block}.s-current{display:block}#search-list{position:relative}.s-type{position:absolute;top:0;left:0;z-index:13;width:75px}.s-type:hover{height:auto}.s-type>span{display:block;height:31px;width:75px}.s-type-list{display:none;position:absolute;top:31px;padding:9pt 0;width:20pc;background:#fff;border-radius:13.56px;box-shadow:0 0 6px rgba(0,0,0,.16)}.s-type-list:before{position:absolute;top:-1pc;left:10px;content:' ';display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}.s-type-list label{display:block;font-size:1pc;line-height:2pc;text-align:center;width:33%;float:left}.s-type-list .tile-lg{color:#fff;width:3pc;height:3pc;font-size:1.25rem;line-height:3rem;border-radius:.3rem;display:block;margin:auto}
319+
320+
.bg-blue{background-color:#0179a8!important}.bg-purple{background-color:#5f4b8b!important}.bg-pink{background-color:#b76ba3!important}.bg-red{background-color:#ea6759!important}.bg-orange{background-color:#ec935e!important}.bg-yellow{background-color:#f7c46c!important}.bg-green{background-color:#a7c796!important}.bg-teal{background-color:#00a28a!important}.bg-cyan{background-color:#3686a0!important}.bg-gray{background-color:#686f76!important}.s-type-list label:hover{color:#000}.s-type:hover .s-type-list{display:block;padding-top:22px}.type-text{position:absolute;left:0;width:75px;padding-left:9pt;font-size:1pc;line-height:31px}.type-text:after{content:"\f105";font-family:FontAwesome;margin:0 0 0 15px}.search-type{white-space:nowrap;margin:0}.search-type label{margin:0}.search-type li{display:inline-block}.search-type li label{display:inline-block;padding:0 11px;font-size:14px;line-height:31px;border-radius:3px 3px 0 0;cursor:pointer}.search-type input:checked+label,.search-type input:hover+label{background-color:#fff}.set-check{margin-top:3px;font-size:9pt}.set-check label{margin-left:3px}.set-check input,.set-check label{opacity:0;transition:all .3s ease}.search-type li{list-style:none;display:inline-block}@media screen and (max-width:767px){#search{margin:25px auto 15px}.search-type{overflow:scroll}.search-list{height:30px;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}}@media screen and (max-width:768px){#search{margin:25px auto 15px}.search-type{overflow:scroll}.search-list{height:30px;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}}.fa-2x{padding-top: 15px;font-size: 1.5em;}
321+
322+
.s-type-list .tile-lg {
323+
color: #ffffff;
324+
width: 3pc;
325+
height: 3pc;
326+
font-size: 1.25rem;
327+
line-height: 3rem;
328+
border-radius: 12rem;
329+
display: block;
330+
margin: auto;
331+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /