docs: Move Algolia styling into style.css

This commit is contained in:
digitalcraftsman 2016-04-22 18:18:50 +02:00
parent 22683a3b66
commit 48fce6110d
3 changed files with 61 additions and 61 deletions

View file

@ -12,10 +12,10 @@
<link href="/css/bootstrap-gohugo.css" rel="stylesheet">
<link href="/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
<link href="/css/style.css" rel="stylesheet">
<link href="/css/style-responsive.css" rel="stylesheet" />
<link href="/css/monokai-sublime.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
</head>

View file

@ -1,61 +1 @@
<style>
#search-input {
width: 100%;
border: 1px solid #B3B3B3;
border-radius: 3px;
padding: 5px;
}
#search-input:focus {
border-color: #F04A9C;
}
/* Search result wrapper */
.algolia-autocomplete {
width: 100%;
}
/* List of search results */
.aa-dropdown-menu {
box-sizing: border-box;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #B3B3B3;
padding: 0;
font-size: 16px;
margin: 4 0 4 0;
}
/* Highlight terms in search result headers */
.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight {
background-color: #F04A9C;
}
/* Highlight terms in search result body */
.algolia-docsearch-suggestion--highlight {
color: #F04A9C;
font-weight: 900;
}
/* Currently selected search result */
.aa-cursor .algolia-docsearch-suggestion--content {
color: inherit;
}
.aa-cursor .algolia-docsearch-suggestion {
background: #EFEFEF;
color: #353B44;
}
.algolia-docsearch-suggestion {
font-size: 16px;
color: #9AA2AB;
}
.algolia-docsearch-suggestion--category-header,
.algolia-docsearch-suggestion--subcategory-column {
display: none !important;
}
</style>
<input type="search" id="search-input" placeholder="Search...">

View file

@ -642,3 +642,63 @@ i.freebsd-19px:before {
font-size: medium;
font-style: italic;
}
/* Search form */
#search-input {
width: 100%;
border: 1px solid #B3B3B3;
border-radius: 3px;
padding: 5px;
}
#search-input:focus {
border-color: #F04A9C;
}
/* Search result wrapper */
.algolia-autocomplete {
width: 100%;
}
/* List of search results */
.aa-dropdown-menu {
box-sizing: border-box;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #B3B3B3;
padding: 0;
font-size: 16px;
margin: 4 0 4 0;
}
/* Highlight terms in search result headers */
.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight {
background-color: #F04A9C;
}
/* Highlight terms in search result body */
.algolia-docsearch-suggestion--highlight {
color: #F04A9C;
font-weight: 900;
}
/* Currently selected search result */
.aa-cursor .algolia-docsearch-suggestion--content {
color: inherit;
}
.aa-cursor .algolia-docsearch-suggestion {
background: #EFEFEF;
color: #353B44;
}
.algolia-docsearch-suggestion {
font-size: 16px;
color: #9AA2AB;
}
.algolia-docsearch-suggestion--category-header,
.algolia-docsearch-suggestion--subcategory-column {
display: none !important;
}