@@ -130,9 +130,6 @@ nav.sub {
130
130
font-size : 14px ;
131
131
132
132
transition : border 500ms ease-out;
133
- -webkit-transition : border 500ms ease-out;
134
- -moz-transition : border 500ms ease-out;
135
- -o-transition : border 500ms ease-out;
136
133
}
137
134
138
135
body p {
@@ -285,16 +282,18 @@ a {
285
282
.content .fnname { color : # 8c6067 ; }
286
283
287
284
.search-container {
288
- padding-right : 10px ;
285
+ width : 60% ;
286
+ margin-left : 50px ;
289
287
}
288
+
290
289
.search-input {
291
290
border : 2px solid # e9e9e9 ;
292
291
border-radius : 2px ;
293
- width : 85 % ;
292
+ width : 95 % ;
294
293
box-sizing : content-box;
295
294
outline : none;
296
295
border : none;
297
- background : none ;
296
+ background-color : white ;
298
297
font-family : "Helvetica Neue" ;
299
298
color : # 000 ;
300
299
margin-top : 5px ;
@@ -306,17 +305,10 @@ a {
306
305
padding : 10px 16px ;
307
306
line-height : 1.4 ;
308
307
font-size : 17px ;
309
- background-color : white;
310
- -webkit-transition : background-color 50ms linear;
308
+
311
309
transition : background-color 50ms linear;
312
310
transition : border 500ms ease-out;
313
- -webkit-transition : border 500ms ease-out;
314
- -moz-transition : border 500ms ease-out;
315
- -o-transition : border 500ms ease-out;
316
311
transition : box-shadow 500ms ease-out;
317
- -webkit-transition : box-shadow 500ms ease-out;
318
- -moz-transition : box-shadow 500ms ease-out;
319
- -o-transition : box-shadow 500ms ease-out;
320
312
}
321
313
322
314
.search-input : focus {
327
319
}
328
320
329
321
.do-search {
330
- float : right ;
322
+ display : none ;
331
323
outline : none;
332
324
border : none;
333
325
font-family : Helvetica Neue;
@@ -336,10 +328,11 @@ a {
336
328
padding : 14px 25px ;
337
329
margin-top : 3px ;
338
330
font-size : 16px ;
339
- margin-right : 15px ;
340
331
text-align : center;
341
- background : # 6F5E59 ;
332
+ background : # 5B6672 ;
333
+ margin-left : 10px ;
342
334
}
335
+
343
336
.search-results .desc {
344
337
white-space : nowrap;
345
338
text-overflow : ellipsis;
@@ -422,3 +415,28 @@ h5.section-link:hover a:after,
422
415
h6 .section-link : hover a : after {
423
416
content : ' § ' ;
424
417
}
418
+
419
+ /** Media Queries **/
420
+
421
+ @media (max-width : 620px ) {
422
+ .search-container {
423
+ display : block;
424
+ width : 100% ;
425
+ margin-left : 0px ;
426
+ }
427
+ }
428
+
429
+ @media (max-width : 700px ) {
430
+ .sidebar {
431
+ display : none;
432
+ }
433
+
434
+ .content {
435
+ margin-left : 0px ;
436
+ }
437
+
438
+ nav .sub {
439
+ width : 80% ;
440
+ margin : 0 auto;
441
+ }
442
+ }
0 commit comments