Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
Upgrade Tipue Search to v5.0
- New JS and CSS files for Tipue Search v5.0. - LateTask to create "search.html" page to use for search entries
- Loading branch information
Showing
13 changed files
with
864 additions
and
606 deletions.
There are no files selected for viewing
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,203 @@ | ||
|
||
/* | ||
Tipue Search 5.0 | ||
Copyright (c) 2015 Tipue | ||
Tipue Search is released under the MIT License | ||
http://www.tipue.com/search | ||
*/ | ||
|
||
|
||
#tipue_search_input | ||
{ | ||
font: 13px/1.6 'open sans', sans-serif; | ||
color: #333; | ||
padding: 12px 12px 12px 40px; | ||
width: 170px; | ||
border: 1px solid #e2e2e2; | ||
border-radius: 0; | ||
-moz-appearance: none; | ||
-webkit-appearance: none; | ||
box-shadow: none; | ||
outline: 0; | ||
margin: 0; | ||
background: #fff url('img/search.png') no-repeat 15px 15px; | ||
} | ||
|
||
#tipue_search_content | ||
{ | ||
max-width: 650px; | ||
padding-top: 15px; | ||
margin: 0; | ||
} | ||
#tipue_search_warning | ||
{ | ||
font: 300 15px/1.6 'Open Sans', sans-serif; | ||
color: #555; | ||
margin: 7px 0; | ||
} | ||
#tipue_search_warning a | ||
{ | ||
color: #396; | ||
text-decoration: none; | ||
} | ||
#tipue_search_warning a:hover | ||
{ | ||
color: #555; | ||
} | ||
#tipue_search_results_count | ||
{ | ||
font: 300 15px/1.7 'Open Sans', sans-serif; | ||
color: #555; | ||
} | ||
.tipue_search_content_title | ||
{ | ||
font: 300 21px/1.7 'Open Sans', sans-serif; | ||
margin-top: 23px; | ||
} | ||
.tipue_search_content_title a | ||
{ | ||
color: #333; | ||
text-decoration: none; | ||
} | ||
.tipue_search_content_title a:hover | ||
{ | ||
color: #555; | ||
} | ||
.tipue_search_content_url | ||
{ | ||
font: 300 14px/1.9 'Open Sans', sans-serif; | ||
word-wrap: break-word; | ||
hyphens: auto; | ||
} | ||
.tipue_search_content_url a | ||
{ | ||
color: #396; | ||
text-decoration: none; | ||
} | ||
.tipue_search_content_url a:hover | ||
{ | ||
color: #555; | ||
} | ||
.tipue_search_content_text | ||
{ | ||
font: 300 15px/1.6 'Open Sans', sans-serif; | ||
color: #555; | ||
word-wrap: break-word; | ||
hyphens: auto; | ||
margin-top: 3px; | ||
} | ||
.tipue_search_content_debug | ||
{ | ||
font: 300 13px/1.6 'Open Sans', sans-serif; | ||
color: #555; | ||
margin: 5px 0; | ||
} | ||
.h01 | ||
{ | ||
color: #333; | ||
font-weight: 400; | ||
} | ||
|
||
#tipue_search_foot | ||
{ | ||
margin: 51px 0 21px 0; | ||
} | ||
#tipue_search_foot_boxes | ||
{ | ||
padding: 0; | ||
margin: 0; | ||
font: 12px 'Open Sans', sans-serif; | ||
} | ||
#tipue_search_foot_boxes li | ||
{ | ||
list-style: none; | ||
margin: 0; | ||
padding: 0; | ||
display: inline; | ||
} | ||
#tipue_search_foot_boxes li a | ||
{ | ||
padding: 10px 17px 11px 17px; | ||
background-color: #fff; | ||
border: 1px solid #e2e2e2; | ||
border-radius: 1px; | ||
color: #333; | ||
margin-right: 7px; | ||
text-decoration: none; | ||
text-align: center; | ||
} | ||
#tipue_search_foot_boxes li.current | ||
{ | ||
padding: 10px 17px 11px 17px; | ||
background: #f6f6f6; | ||
border: 1px solid #e2e2e2; | ||
border-radius: 1px; | ||
color: #333; | ||
margin-right: 7px; | ||
text-align: center; | ||
} | ||
#tipue_search_foot_boxes li a:hover | ||
{ | ||
background: #f6f6f6; | ||
} | ||
|
||
|
||
/* spinner */ | ||
|
||
|
||
.tipue_search_spinner | ||
{ | ||
padding: 31px 0; | ||
width: 50px; | ||
height: 28px; | ||
} | ||
.tipue_search_spinner > div | ||
{ | ||
background-color: #777; | ||
height: 100%; | ||
width: 3px; | ||
display: inline-block; | ||
margin-right: 2px; | ||
-webkit-animation: stretchdelay 1.2s infinite ease-in-out; | ||
animation: stretchdelay 1.2s infinite ease-in-out; | ||
} | ||
.tipue_search_spinner .tipue_search_rect2 | ||
{ | ||
-webkit-animation-delay: -1.1s; | ||
animation-delay: -1.1s; | ||
} | ||
.tipue_search_spinner .tipue_search_rect3 | ||
{ | ||
-webkit-animation-delay: -1.0s; | ||
animation-delay: -1.0s; | ||
} | ||
@-webkit-keyframes stretchdelay | ||
{ | ||
0%, 40%, 100% | ||
{ | ||
-webkit-transform: scaleY(0.4) | ||
} | ||
20% | ||
{ | ||
-webkit-transform: scaleY(1.0) | ||
} | ||
} | ||
@keyframes stretchdelay | ||
{ | ||
0%, 40%, 100% | ||
{ | ||
transform: scaleY(0.4); | ||
-webkit-transform: scaleY(0.4); | ||
} | ||
20% | ||
{ | ||
transform: scaleY(1.0); | ||
-webkit-transform: scaleY(1.0); | ||
} | ||
} | ||
|
||
|
||
|
||
|
||
|
||
|
Oops, something went wrong.