brozek/website-theme
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website-theme.git synced 2025-10-09 18:21:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

🐭 Add full-text search function

Browse source
This commit is contained in:
koirand 2018-10-08 19:37:58 +09:00
parent a03100c42e
commit 22ea99a2d0
17 changed files with 4411 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
static/css/markdown.css
View file

@ -632,7 +632,7 @@
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f6f8fa;
background-color: #f6f6f6;
border-radius: 3px;
}

73
static/css/style.css
View file

@ -77,9 +77,11 @@ div.avatar img.avatar-mask {
}
div.main {
display: flex;
justify-content: center;
min-height: calc(100vh - 202px);
display: flex;
min-width: 300px;
margin: 0 10px;
}
div.markdown-body {
@ -99,3 +101,72 @@ nav ul {
list-style: none;
}
div.searchBoxContainer {
position: relative;
width: 300px;
height: 30px;
margin: 10px auto 50px auto;
}
input.searchBox {
position: absolute;
width: 100%;
padding: 0 35px 0 15px;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 15px;
outline: 0;
font-size: 15px;
color: #707070;
background-color:#f6f6f6;
border: solid 1px #c9c9c9;
box-sizing: border-box;
}
input.searchBox::placeholder {
color: #c9c9c9;
}
div.searchResults {
display: none;
position: absolute;
max-width: 600px;
min-width: 300px;
margin: 0 auto;
top: 210px;
left: 0;
right: 0;
padding: 5px;
background-color:#f6f6f6;
border: solid 1px #c9c9c9;
border-radius: 5px;
text-align: left;
box-sizing: border-box;
}
div.searchResultPage {
padding: 20px
}
div.searchResultTitle {
font-weight: bold;
margin: 5px 0;
}
div.searchResultBody {
font-size: 14px;
}
img.searchBoxIcon {
position: absolute;
height: 20px;
width: 20px;
top: 5px;
right: 10px;
}
mark {
background-color: #dddfdf;
}