Deleting files on dev-docusaurus branch
@@ -1,3 +0,0 @@
|
||||
public
|
||||
node_modules
|
||||
resources
|
||||
@@ -1,10 +0,0 @@
|
||||
FROM rancher/docs:latest as prod
|
||||
|
||||
FROM rancher/docs:build
|
||||
|
||||
COPY --from=prod /usr/share/nginx/html/docs/final.algolia.json /run
|
||||
WORKDIR /run
|
||||
COPY package.json package.json
|
||||
COPY scripts scripts
|
||||
|
||||
ENTRYPOINT ["yarn","run","publish-algolia"]
|
||||
@@ -1,19 +0,0 @@
|
||||
FROM node:16-alpine
|
||||
|
||||
RUN apk update && apk add py-pygments bash git asciidoc gcompat && rm -rf /var/cache/apk/*
|
||||
|
||||
# Download and install hugo
|
||||
ENV HUGO_VERSION 0.54.0
|
||||
ENV HUGO_BINARY hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz
|
||||
|
||||
ADD https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/${HUGO_BINARY} /tmp/hugo.tar.gz
|
||||
RUN tar xzf /tmp/hugo.tar.gz -C /tmp \
|
||||
&& mv /tmp/hugo /usr/local/bin/ \
|
||||
&& rm /tmp/hugo.tar.gz \
|
||||
&& mkdir -p /run
|
||||
|
||||
WORKDIR /run
|
||||
COPY package.json /run/
|
||||
COPY yarn.lock /run/
|
||||
|
||||
RUN yarn
|
||||
@@ -1,13 +0,0 @@
|
||||
FROM rancher/docs:build
|
||||
ENV HUGO_ENV dev
|
||||
|
||||
VOLUME ["/run/archetypes", "/run/assets", "/run/content", "/run/data", "/run/layouts", "/run/scripts", "/run/static", "/run/.git"]
|
||||
WORKDIR /run
|
||||
|
||||
ADD https://github.com/rancherlabs/website-theme/archive/master.tar.gz /run/master.tar.gz
|
||||
RUN mkdir -p /output /theme/rancher-website-theme && tar -xzf /run/master.tar.gz -C /run/node_modules/rancher-website-theme --strip=1 && rm /run/master.tar.gz
|
||||
|
||||
# Expose default hugo port
|
||||
EXPOSE 9001
|
||||
|
||||
ENTRYPOINT ["hugo", "serve", "--bind=0.0.0.0", "--buildDrafts", "--buildFuture", "--baseURL=" ]
|
||||
@@ -1,28 +0,0 @@
|
||||
FROM rancher/docs:build as build
|
||||
ENV HUGO_ENV production
|
||||
|
||||
WORKDIR /run
|
||||
|
||||
COPY config.toml /run/
|
||||
COPY archetypes archetypes
|
||||
COPY assets assets
|
||||
COPY data data
|
||||
COPY layouts layouts
|
||||
COPY scripts scripts
|
||||
COPY content content
|
||||
COPY static static
|
||||
COPY .git .git
|
||||
|
||||
ADD https://github.com/rancherlabs/website-theme/archive/master.tar.gz /run/master.tar.gz
|
||||
RUN mkdir -p /output /theme/rancher-website-theme && tar -xzf /run/master.tar.gz -C /run/node_modules/rancher-website-theme --strip=1 && rm /run/master.tar.gz
|
||||
|
||||
RUN ["hugo", "--buildFuture", "--baseURL=https://rancher.com/docs", "--destination=/output"]
|
||||
|
||||
# Make sure something got built
|
||||
RUN stat /output/index.html
|
||||
|
||||
RUN ["npm","run","build-algolia"]
|
||||
|
||||
FROM nginx:alpine
|
||||
COPY --from=build /output /usr/share/nginx/html/docs/
|
||||
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
||||
@@ -1,26 +0,0 @@
|
||||
FROM rancher/docs:build as build
|
||||
ENV HUGO_ENV staging
|
||||
|
||||
WORKDIR /run
|
||||
|
||||
COPY config.toml /run/
|
||||
COPY archetypes archetypes
|
||||
COPY assets assets
|
||||
COPY data data
|
||||
COPY layouts layouts
|
||||
COPY scripts scripts
|
||||
COPY content content
|
||||
COPY static static
|
||||
COPY .git .git
|
||||
|
||||
ADD https://github.com/rancherlabs/website-theme/archive/master.tar.gz /run/master.tar.gz
|
||||
RUN mkdir -p /output /theme/rancher-website-theme && tar -xzf /run/master.tar.gz -C /run/node_modules/rancher-website-theme --strip=1 && rm /run/master.tar.gz
|
||||
|
||||
RUN ["hugo", "--buildDrafts", "--buildFuture", "--baseURL=https://staging.rancher.com/docs", "--destination=/output"]
|
||||
|
||||
# Make sure something got built
|
||||
RUN stat /output/index.html
|
||||
|
||||
FROM nginx:alpine
|
||||
COPY --from=build /output /usr/share/nginx/html/docs/
|
||||
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
||||
@@ -1,57 +0,0 @@
|
||||
Rancher Docs
|
||||
------------
|
||||
|
||||
## Contributing
|
||||
|
||||
We have transitioned to versioned documentation for Rancher (files within `content/rancher`).
|
||||
|
||||
New contributions should be made to the applicable versioned directories (e.g., `content/rancher/v2.5` and `content/rancher/v2.0-v2.4`).
|
||||
|
||||
Contents under the `content/rancher/v2.x` directory are no longer maintained after v2.5.6.
|
||||
|
||||
## Running for development/editing
|
||||
|
||||
The `rancher/docs:dev` docker image runs a live-updating server. To run on your workstation, run:
|
||||
|
||||
Linux
|
||||
```bash
|
||||
./scripts/dev
|
||||
```
|
||||
|
||||
Windows
|
||||
```powershell
|
||||
./scripts/dev-windows.ps1
|
||||
```
|
||||
|
||||
and then navigate to http://localhost:9001/. Click the link on the card associated with a given Rancher version to
|
||||
access the documentation. For example, clicking on the link of the Rancher v2.5 card will redirect to
|
||||
http://localhost:9001/rancher/v2.5/en/. Note that due to the way the Rancher website is built, links in the top
|
||||
navigation panel will not work.
|
||||
|
||||
You can customize the port by passing it as an argument:
|
||||
|
||||
Linux
|
||||
```bash
|
||||
./scripts/dev 8080
|
||||
```
|
||||
|
||||
Windows
|
||||
```powershell
|
||||
./scripts/dev-windows.ps1 -port 8080
|
||||
```
|
||||
|
||||
License
|
||||
=======
|
||||
Copyright (c) 2014-2019 [Rancher Labs, Inc.](https://rancher.com)
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
[http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0)
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
title: "{{ replace .TranslationBaseName "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
layout: single
|
||||
---
|
||||
|
||||
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 134 KiB |
|
Before Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 164 KiB |
|
Before Width: | Height: | Size: 443 KiB |
|
Before Width: | Height: | Size: 831 KiB |
|
Before Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 889 KiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 177 KiB |
|
Before Width: | Height: | Size: 883 KiB |
|
Before Width: | Height: | Size: 429 KiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 452 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 613 KiB |
|
Before Width: | Height: | Size: 349 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 223 KiB |
|
Before Width: | Height: | Size: 212 KiB |
|
Before Width: | Height: | Size: 329 KiB |
|
Before Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 248 KiB |
|
Before Width: | Height: | Size: 240 KiB |
|
Before Width: | Height: | Size: 281 KiB |
|
Before Width: | Height: | Size: 274 KiB |
|
Before Width: | Height: | Size: 260 KiB |
|
Before Width: | Height: | Size: 721 KiB |
|
Before Width: | Height: | Size: 206 KiB |
|
Before Width: | Height: | Size: 879 KiB |
|
Before Width: | Height: | Size: 886 KiB |
|
Before Width: | Height: | Size: 179 KiB |
|
Before Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 81 KiB |
|
Before Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 200 KiB |
|
Before Width: | Height: | Size: 282 KiB |
|
Before Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 182 KiB |
|
Before Width: | Height: | Size: 125 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 179 KiB |
|
Before Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 168 KiB |
|
Before Width: | Height: | Size: 823 KiB |
|
Before Width: | Height: | Size: 801 KiB |
|
Before Width: | Height: | Size: 1.9 MiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 217 KiB |
|
Before Width: | Height: | Size: 150 KiB |
|
Before Width: | Height: | Size: 164 KiB |
|
Before Width: | Height: | Size: 166 KiB |
|
Before Width: | Height: | Size: 123 KiB |
|
Before Width: | Height: | Size: 192 KiB |
|
Before Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 175 KiB |
@@ -1,142 +0,0 @@
|
||||
// This is for any custom JS that may need to be added to individual apps.
|
||||
// Main JS is located in Rancher Website Theme
|
||||
const bootstrapDocsSearch = function () {
|
||||
|
||||
var firstSearchRender = true;
|
||||
|
||||
const search = instantsearch({
|
||||
appId: '30NEY6C9UY',
|
||||
apiKey: 'b7f43c16886fec97b87981e9e62ef1a5',
|
||||
indexName: window.location.host === 'rancher.com' ? 'prod_docs' : 'dev_docs',
|
||||
routing: true,
|
||||
searchFunction: (helper) => {
|
||||
|
||||
if (helper.state.query === "" && firstSearchRender) {
|
||||
|
||||
firstSearchRender = false;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
helper.search();
|
||||
}
|
||||
});
|
||||
|
||||
search.addWidget(
|
||||
instantsearch.widgets.searchBox({
|
||||
autofocus: true,
|
||||
loadingIndicator: true,
|
||||
container: '#search-box',
|
||||
placeholder: 'Search Blog, Events, etc...',
|
||||
magnifier: false,
|
||||
reset: true,
|
||||
})
|
||||
);
|
||||
|
||||
|
||||
search.addWidget(
|
||||
instantsearch.widgets.infiniteHits({
|
||||
container: '#hits',
|
||||
templates: {
|
||||
empty: '<h3>No results</h3>',
|
||||
item: `<h3><a href="{{permalink}}">{{{_highlightResult.title.value}}}</a></h3><div class="body">{{{_snippetResult.content.value}}}</div>`
|
||||
},
|
||||
escapeHits: true,
|
||||
})
|
||||
);
|
||||
|
||||
search.start();
|
||||
|
||||
$(document).on('click', '.search-open', (e) => {
|
||||
let wrapperId = $(e.currentTarget).data('launch-id');
|
||||
let wrapper = $(`#${wrapperId}`);
|
||||
|
||||
let content = wrapper.find('div.content');
|
||||
|
||||
const modal = new tingle.modal({
|
||||
closeMethods: ['overlay', 'button', 'escape'],
|
||||
closeLabel: "Close",
|
||||
|
||||
onOpen: () => {
|
||||
console.log('Search opened');
|
||||
},
|
||||
|
||||
onClose: () => {
|
||||
console.log('Search closed');
|
||||
},
|
||||
|
||||
beforeClose: () => {
|
||||
content.detach()
|
||||
wrapper.append(content);
|
||||
return true;
|
||||
}
|
||||
});
|
||||
|
||||
// set content
|
||||
content.detach();
|
||||
modal.setContent(content[0]);
|
||||
|
||||
// add a button
|
||||
let label = wrapper.find('.footer-button-label').data('footer-label');
|
||||
if (label) {
|
||||
modal.addFooterBtn(label, 'tingle-btn tingle-btn--primary', function () {
|
||||
// here goes some logic
|
||||
modal.close();
|
||||
});
|
||||
}
|
||||
|
||||
modal.open();
|
||||
setTimeout(function () {
|
||||
$('#search-box').focus();
|
||||
}, 50);
|
||||
});
|
||||
|
||||
//mobile nav toggle
|
||||
$(document).ready(function () {
|
||||
$("body").addClass("js");
|
||||
var $menu = $("#menu"),
|
||||
$menulink = $(".menu-link");
|
||||
|
||||
$menulink.click(function () {
|
||||
$menulink.toggleClass("active");
|
||||
$menu.toggleClass("active");
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
const bootstrapIdLinks = function () {
|
||||
const $container = $('.main-content')
|
||||
const selector = 'h2[id], h3[id], h4[id], h5[id], h6[id]';
|
||||
|
||||
$container.on('mouseenter', selector, function (e) {
|
||||
$(e.target).append($('<a />').addClass('header-anchor').attr('href', '#' + e.target.id).html('<i style="font-size: 12px" aria-hidden="true">link</i>'));
|
||||
});
|
||||
|
||||
$container.on('mouseleave', selector, function (e) {
|
||||
$container.find('.header-anchor').remove();
|
||||
});
|
||||
}
|
||||
|
||||
const replaceReleaseChannel = function () {
|
||||
const form = $('#release-channel')[0];
|
||||
if (form) {
|
||||
const val = form.channel.value;
|
||||
|
||||
$('CODE').each((idx, code) => {
|
||||
const $code = $(code);
|
||||
const text = $code.data('original') || code.innerHTML;
|
||||
|
||||
if (text.includes('<CHART_REPO>')) {
|
||||
$code.data('original', text);
|
||||
code.innerHTML = text.replace(/<CHART_REPO>/g, val);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
$(document).ready(() => {
|
||||
bootstrapDocsSearch();
|
||||
bootstrapIdLinks();
|
||||
replaceReleaseChannel();
|
||||
});
|
||||
@@ -1 +0,0 @@
|
||||
../../node_modules/rancher-website-theme/assets/js/base.js
|
||||
@@ -1,3 +0,0 @@
|
||||
/*-----*/
|
||||
;
|
||||
/*-----*/
|
||||
@@ -1 +0,0 @@
|
||||
../../node_modules/instantsearch.js/dist/instantsearch.js
|
||||
@@ -1 +0,0 @@
|
||||
../../node_modules/jquery/dist/jquery.js
|
||||
@@ -1 +0,0 @@
|
||||
../../node_modules/lory.js/dist/jquery.lory.js
|
||||
@@ -1 +0,0 @@
|
||||
../../node_modules/moment-timezone/builds/moment-timezone-with-data-10-year-range.js
|
||||
@@ -1 +0,0 @@
|
||||
../../node_modules/moment/moment.js
|
||||
@@ -1 +0,0 @@
|
||||
../../node_modules/tingle.js/dist/tingle.js
|
||||
@@ -1,67 +0,0 @@
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
line-height: 18px;
|
||||
color: #000000;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
opacity: 0.2;
|
||||
filter: alpha(opacity=20);
|
||||
}
|
||||
.close:hover {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
opacity: 0.4;
|
||||
filter: alpha(opacity=40);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.alert {
|
||||
padding: 8px 35px 8px 14px;
|
||||
margin-bottom: 18px;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
background-color: #fcf8e3;
|
||||
border: 1px solid #fbeed5;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
color: #c09853;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.alert-heading {
|
||||
color: inherit;
|
||||
}
|
||||
.alert .close {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
right: -21px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.alert-success {
|
||||
background-color: #dff0d8;
|
||||
border-color: #d6e9c6;
|
||||
color: #468847;
|
||||
}
|
||||
.alert-danger,
|
||||
.alert-error {
|
||||
background-color: #f2dede;
|
||||
border-color: #eed3d7;
|
||||
color: #b94a48;
|
||||
}
|
||||
.alert-info {
|
||||
background-color: #d9edf7;
|
||||
border-color: #bce8f1;
|
||||
color: #3a87ad;
|
||||
}
|
||||
.alert-block {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.alert-block > p,
|
||||
.alert-block > ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.alert-block p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
@@ -1,328 +0,0 @@
|
||||
/*! instantsearch.js 2.10.4 | © Algolia Inc. and other contributors;
|
||||
Licensed MIT | github.com/algolia/instantsearch.js */
|
||||
.ais-clear-all--link, .ais-current-refined-values--clear-all, .ais-price-ranges--button, .ais-range-input--submit, .ais-geo-search--clear, .ais-geo-search--redo {
|
||||
color: #FFFFFF;
|
||||
display: inline-block;
|
||||
background: #3369E7;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.ais-clear-all--link:hover, .ais-current-refined-values--clear-all:hover, .ais-price-ranges--button:hover, .ais-range-input--submit:hover, .ais-geo-search--clear:hover, .ais-geo-search--redo:hover {
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
background: #184ECD;
|
||||
}
|
||||
.ais-clear-all--link-disabled, .ais-current-refined-values--clear-all-disabled {
|
||||
opacity: .5;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ais-current-refined-values--clear-all {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.ais-current-refined-values--item, .ais-hierarchical-menu--item, .ais-menu--item, .ais-refinement-list--item, .ais-star-rating--item, .ais-toggle--item, .ais-geo-search--toggle-label {
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.ais-current-refined-values--link, .ais-hierarchical-menu--link, .ais-menu--link, .ais-refinement-list--label, .ais-toggle--label, .ais-geo-search--toggle-label, .ais-price-ranges--link, .ais-star-rating--link {
|
||||
color: #3E82F7;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ais-current-refined-values--link:hover, .ais-hierarchical-menu--link:hover, .ais-menu--link:hover, .ais-refinement-list--label:hover, .ais-toggle--label:hover, .ais-geo-search--toggle-label:hover, .ais-price-ranges--link:hover, .ais-star-rating--link:hover {
|
||||
color: #184ECD;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ais-current-refined-values--count, .ais-hierarchical-menu--count, .ais-menu--count, .ais-refinement-list--count, .ais-star-rating--count, .ais-toggle--count {
|
||||
background: rgba(39, 81, 175, 0.1);
|
||||
border-radius: 31px;
|
||||
color: #3E82F7;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
.ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link::after {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.ais-hierarchical-menu--link {
|
||||
position: relative;
|
||||
}
|
||||
.ais-hierarchical-menu--link::after {
|
||||
background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 1.5l5 4.98-5 5.02' stroke='%23697782' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' opacity='.4'/></svg>") no-repeat center center/contain;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(50% - 14px / 2);
|
||||
right: -22px;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
select.ais-hits-per-page-selector, select.ais-numeric-selector, select.ais-sort-by-selector, select.ais-menu-select--select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: #FFFFFF url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'><path d='M11 1L6.02 6 1 1' stroke-width='1.5' stroke='%23BFC7D8' fill='none' fill-rule='evenodd' stroke-linecap='round'/></svg>") no-repeat center right 16px/10px;
|
||||
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2) !important;
|
||||
border: solid 1px #D4D8E3 !important;
|
||||
border-radius: 4px;
|
||||
color: #697782;
|
||||
font-size: 12px;
|
||||
transition: background 0.2s ease, box-shadow 0.2s ease;
|
||||
padding: 8px 32px 8px 16px;
|
||||
outline: none;
|
||||
}
|
||||
.ais-menu--item__active > div > .ais-menu--link {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ais-menu button {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
font-size: 11px;
|
||||
}
|
||||
.ais-refinement-list--item {
|
||||
line-height: 24px;
|
||||
}
|
||||
.ais-refinement-list--item__active > div > .ais-refinement-list--label, .ais-refinement-list--item__active > div > .ais-toggle--label, .ais-refinement-list--item__active > div > .ais-geo-search--toggle-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ais-refinement-list--label, .ais-toggle--label, .ais-geo-search--toggle-label {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ais-refinement-list--label input[type="radio"], .ais-toggle--label input[type="radio"], .ais-geo-search--toggle-label input[type="radio"], .ais-refinement-list--label input[type="checkbox"], .ais-toggle--label input[type="checkbox"], .ais-geo-search--toggle-label input[type="checkbox"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.ais-refinement-list div > button {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
font-size: 11px;
|
||||
}
|
||||
.ais-pagination {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
|
||||
border: solid 1px #D4D8E3;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
width: auto;
|
||||
}
|
||||
.ais-pagination--item {
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
width: 28px;
|
||||
}
|
||||
.ais-pagination--item:hover {
|
||||
background: rgba(39, 81, 175, 0.1);
|
||||
}
|
||||
.ais-pagination--item__disabled {
|
||||
color: #BBB;
|
||||
opacity: .5;
|
||||
pointer-events: none;
|
||||
visibility: visible;
|
||||
}
|
||||
.ais-pagination--item__active {
|
||||
background: #3369E7;
|
||||
}
|
||||
.ais-pagination--item__active .ais-pagination--link {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.ais-pagination--link {
|
||||
color: #697782;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
.ais-pagination--link:hover {
|
||||
color: #3369E7;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ais-price-ranges--item {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ais-price-ranges--item__active {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ais-price-ranges--form {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.ais-price-ranges--input {
|
||||
background: #FFFFFF;
|
||||
box-shadow: inset 0 1px 1px 0 rgba(85, 95, 110, 0.2);
|
||||
border: solid 1px #D4D8E3;
|
||||
border-radius: 4px;
|
||||
outline: none;
|
||||
}
|
||||
.ais-price-ranges--button {
|
||||
border: 0;
|
||||
outline: none;
|
||||
margin-left: 5px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
.ais-range-input--inputMin, .ais-range-input--inputMax {
|
||||
background: #FFFFFF;
|
||||
box-shadow: inset 0 1px 1px 0 rgba(85, 95, 110, 0.2);
|
||||
border: solid 1px #D4D8E3;
|
||||
border-radius: 4px;
|
||||
outline: none;
|
||||
}
|
||||
.ais-range-input--submit {
|
||||
border: none;
|
||||
outline: none;
|
||||
margin-left: 5px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
.ais-range-slider--handle {
|
||||
border: 1px solid #3369E7;
|
||||
}
|
||||
.ais-range-slider .rheostat-progress {
|
||||
background-color: #3369E7 !important;
|
||||
}
|
||||
.ais-search-box {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 46px;
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ais-search-box--input {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
font: inherit;
|
||||
background: #FFFFFF;
|
||||
color: #000000;
|
||||
display: inline-block;
|
||||
border: 1px solid #D4D8E3;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
|
||||
transition: box-shadow .4s ease, background .4s ease;
|
||||
padding: 10px 10px 10px 35px;
|
||||
vertical-align: middle;
|
||||
white-space: normal;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.ais-search-box--input:focus {
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
}
|
||||
.ais-search-box--reset {
|
||||
fill: #BFC7D8;
|
||||
top: calc(50% - 12px / 2);
|
||||
right: 13px;
|
||||
}
|
||||
.ais-search-box--magnifier {
|
||||
fill: #BFC7D8;
|
||||
left: 12px;
|
||||
top: calc(50% - 18px / 2);
|
||||
}
|
||||
.ais-search-box--magnifier svg {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
.ais-search-box--loading-indicator-wrapper {
|
||||
fill: #BFC7D8;
|
||||
left: 12px;
|
||||
top: calc(50% - 18px / 2);
|
||||
}
|
||||
.ais-search-box--loading-indicator-wrapper svg {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
.ais-stats {
|
||||
color: #697782;
|
||||
font-size: 14px;
|
||||
opacity: .6;
|
||||
}
|
||||
.ais-toggle--item__active {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ais-breadcrumb--root .ais-breadcrumb--label, .ais-breadcrumb--root .ais-breadcrumb--separator, .ais-breadcrumb--root .ais-breadcrumb--home {
|
||||
display: inline;
|
||||
color: #3369E7;
|
||||
}
|
||||
.ais-breadcrumb--root .ais-breadcrumb--label div, .ais-breadcrumb--root .ais-breadcrumb--separator div, .ais-breadcrumb--root .ais-breadcrumb--home div {
|
||||
display: inline;
|
||||
}
|
||||
.ais-breadcrumb--root .ais-breadcrumb--disabledLabel {
|
||||
color: #444444;
|
||||
display: inline;
|
||||
}
|
||||
.ais-breadcrumb--root .ais-breadcrumb--separator {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
.ais-breadcrumb--root .ais-breadcrumb--separator::after {
|
||||
background: url("data:image/svg+xml;
|
||||
utf8,<svg viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 1.5l5 4.98-5 5.02' stroke='%23697782' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' opacity='.4'/></svg>") no-repeat center center/contain;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
.ais-geo-search {
|
||||
position: relative;
|
||||
}
|
||||
.ais-geo-search--clear {
|
||||
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
|
||||
border: solid 1px #D4D8E3;
|
||||
border-radius: 4px;
|
||||
padding: 8px 15px;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.ais-geo-search--clear:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ais-geo-search--control {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 50px;
|
||||
}
|
||||
.ais-geo-search--toggle-label {
|
||||
font-size: 12px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
|
||||
border: solid 1px #D4D8E3;
|
||||
border-radius: 4px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ais-geo-search--redo {
|
||||
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
|
||||
border: solid 1px #D4D8E3;
|
||||
border-radius: 4px;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
.ais-geo-search--redo:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ais-geo-search--redo:disabled {
|
||||
background: #A0B8F3;
|
||||
}
|
||||
[class^="ais-"] {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
[class^="ais-"] > *, [class^="ais-"] > *::after, [class^="ais-"] > *::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ais-header {
|
||||
border-bottom: 2px solid #EEE;
|
||||
font-size: .8em;
|
||||
margin: 0 0 6px;
|
||||
padding: 0 0 6px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -1,711 +0,0 @@
|
||||
/*! instantsearch.js 2.10.4 | © Algolia Inc. and other contributors;
|
||||
Licensed MIT | github.com/algolia/instantsearch.js */
|
||||
.ais-search-box {
|
||||
position: relative;
|
||||
max-width: 300px;
|
||||
width: 100%;
|
||||
}
|
||||
.ais-search-box--input {
|
||||
/* search input */
|
||||
padding-left: 24px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.ais-search-box--magnifier {
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
top: 4px;
|
||||
left: 7px;
|
||||
}
|
||||
.ais-search-box--magnifier svg {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
.ais-search-box--loading-indicator-wrapper {
|
||||
display: none;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
top: 4px;
|
||||
left: 7px;
|
||||
}
|
||||
.ais-search-box--loading-indicator-wrapper svg {
|
||||
vertical-align: middle;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
.ais-search-box--reset {
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ais-search-box--reset svg {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
.ais-search-box--powered-by {
|
||||
font-size: .8em;
|
||||
text-align: right;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.ais-search-box--powered-by-link {
|
||||
display: inline-block;
|
||||
width: 45px;
|
||||
height: 16px;
|
||||
text-indent: 101%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
background-image: url('data:image/svg+xml;utf8,<svg width="169" height="54" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 362"><linearGradient id="a" x1="428.3" x2="434.1" y1="404.1" y2="409.9" gradientTransform="matrix(94.045 0 0 -94.072 -40381.5 38479.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2300aeff"/><stop offset="1" stop-color="%233369e7"/></linearGradient><path fill="url(%23a)" d="M61.8 15.4h242.8A43.4 43.4 0 0 1 348 58.8v242.9a43.4 43.4 0 0 1-43.4 43.4H61.8a43.4 43.4 0 0 1-43.4-43.4v-243a43.3 43.3 0 0 1 43.4-43.3z"/><path fill="%23fff" d="M187 98.7a93.1 93.1 0 1 0 0 186.3 93.1 93.1 0 0 0 0-186.3zm0 158.8a65.6 65.6 0 1 1 0-131.3 65.6 65.6 0 0 1 0 131.3zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7a54 54 0 0 0-45-27.3c-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7a14.2 14.2 0 0 0-20.2 0l-6.8 6.8a14.2 14.2 0 0 0 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2a110 110 0 0 1 23.8-23.8c1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9a104.2 104.2 0 0 1 57-.3 2 2 0 0 0 2.4-1.9z"/><path fill="%23182359" d="M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8a75.7 75.7 0 0 1-21.8 2.9 82 82 0 0 1-29.5-5.1 61.7 61.7 0 0 1-37.7-39.8 144.7 144.7 0 0 1 .3-78.3 72.1 72.1 0 0 1 42.8-43.3 96.3 96.3 0 0 1 35.5-6.7 214 214 0 0 1 35.8 3.5c11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2a36.7 36.7 0 0 0 27.9 11.4 59.5 59.5 0 0 0 31-8.7v-97.1c-2.8-.6-14.5-3-25.8-3.3a39 39 0 0 0-32.6 14.7c-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6a102 102 0 0 1-32.9-6.6 74.5 74.5 0 0 1-25.5-17.9 92.8 92.8 0 0 1-22.6-62 107 107 0 0 1 5.8-36.7c4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2a71.5 71.5 0 0 1 25.6 17.8 82.5 82.5 0 0 1 16.6 27.7c4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8a35.2 35.2 0 0 0-30.2-14.8c-12.9 0-23 4.9-30.2 14.8a69 69 0 0 0-10.7 40.8c0 17.1 3.6 28.6 10.8 38.5a35 35 0 0 0 30.2 14.9c12.9 0 23-5 30.2-14.9a61.4 61.4 0 0 0 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5a23.7 23.7 0 0 0 0-47.4 23.7 23.7 0 1 0 0 47.4zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7a100 100 0 0 1 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3a45 45 0 0 1-13.9-16.6c-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2a65.8 65.8 0 0 1 22.4-9 128.3 128.3 0 0 1 55.4.8v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3a142.7 142.7 0 0 0-43.1 6.9l-4.7-32.1a170.2 170.2 0 0 1 51.9-7.7zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8a93.2 93.2 0 0 0-36.1-1.9c-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2a13.6 13.6 0 0 0-3.2 9.6c0 9.2 3.2 14.5 9 18a44.9 44.9 0 0 0 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8a52.2 52.2 0 0 1 21.1 13.4 52.1 52.1 0 0 1 11.1 21.7 100 100 0 0 1 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6a283.4 283.4 0 0 1-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3a45 45 0 0 1-13.9-16.6c-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2a65.8 65.8 0 0 1 22.4-9 128.3 128.3 0 0 1 55.4.8v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7a26.3 26.3 0 0 0-10.6-7.2c-4.4-1.7-10-3-16.7-3a142.7 142.7 0 0 0-43.1 6.9l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8a93.2 93.2 0 0 0-36.1-1.9c-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2a13.6 13.6 0 0 0-3.2 9.6c0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z"/></svg>');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ais-search-box.ais-stalled-search .ais-search-box--magnifier-wrapper {
|
||||
display: none;
|
||||
}
|
||||
.ais-search-box.ais-stalled-search .ais-search-box--loading-indicator-wrapper {
|
||||
display: block;
|
||||
}
|
||||
.sbx-sffv {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
white-space: nowrap;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
}
|
||||
.sbx-sffv__wrapper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.sbx-sffv__input {
|
||||
display: inline-block;
|
||||
transition: box-shadow .4s ease, background .4s ease;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 0 0 1px #CCCCCC;
|
||||
background: #FFFFFF;
|
||||
padding: 0;
|
||||
padding-right: 20px;
|
||||
padding-left: 26px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
white-space: normal;
|
||||
font-size: inherit;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.sbx-sffv__input::-webkit-search-decoration, .sbx-sffv__input::-webkit-search-cancel-button, .sbx-sffv__input::-webkit-search-results-button, .sbx-sffv__input::-webkit-search-results-decoration {
|
||||
display: none;
|
||||
}
|
||||
.sbx-sffv__input:hover {
|
||||
box-shadow: inset 0 0 0 1px #b3b3b3;
|
||||
}
|
||||
.sbx-sffv__input:focus, .sbx-sffv__input:active {
|
||||
outline: 0;
|
||||
box-shadow: inset 0 0 0 1px #337AB7;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.sbx-sffv__input::-webkit-input-placeholder {
|
||||
color: #BBBBBB;
|
||||
}
|
||||
.sbx-sffv__input::-ms-input-placeholder {
|
||||
color: #BBBBBB;
|
||||
}
|
||||
.sbx-sffv__input::placeholder {
|
||||
color: #BBBBBB;
|
||||
}
|
||||
.sbx-sffv__submit {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: inherit;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 3px 0 0 3px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
padding: 0;
|
||||
width: 26px;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
font-size: inherit;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.sbx-sffv__submit::before {
|
||||
display: inline-block;
|
||||
margin-right: -4px;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
content: '';
|
||||
}
|
||||
.sbx-sffv__submit:hover, .sbx-sffv__submit:active {
|
||||
cursor: pointer;
|
||||
}
|
||||
.sbx-sffv__submit:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.sbx-sffv__submit svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
vertical-align: middle;
|
||||
fill: #337AB7;
|
||||
}
|
||||
.sbx-sffv__reset {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
fill: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.sbx-sffv__reset:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.sbx-sffv__reset svg {
|
||||
display: block;
|
||||
margin: 4px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
.sbx-sffv__input:valid ~ .sbx-sffv__reset {
|
||||
display: block;
|
||||
-webkit-animation-name: sbx-reset-in;
|
||||
animation-name: sbx-reset-in;
|
||||
-webkit-animation-duration: .15s;
|
||||
animation-duration: .15s;
|
||||
}
|
||||
@-webkit-keyframes sbx-reset-in {
|
||||
0% {
|
||||
-webkit-transform: translate3d(-20%, 0, 0);
|
||||
transform: translate3d(-20%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes sbx-reset-in {
|
||||
0% {
|
||||
-webkit-transform: translate3d(-20%, 0, 0);
|
||||
transform: translate3d(-20%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.ais-refinement-list--item em {
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ais-stats--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-stats--body {
|
||||
/* widget body */
|
||||
}
|
||||
.ais-stats--time {
|
||||
/* processing time */
|
||||
}
|
||||
.ais-stats--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-sort-by-selector--item {
|
||||
/* selector item */
|
||||
}
|
||||
.ais-hits__empty {
|
||||
/* empty container */
|
||||
}
|
||||
.ais-hits--item {
|
||||
/* hit item */
|
||||
}
|
||||
.ais-pagination--item {
|
||||
/* pagination item */
|
||||
display: inline-block;
|
||||
padding: 3px;
|
||||
}
|
||||
.ais-pagination--item__disabled {
|
||||
/* disabled pagination item */
|
||||
visibility: hidden;
|
||||
}
|
||||
.ais-pagination--item__active {
|
||||
/* active pagination item */
|
||||
}
|
||||
.ais-pagination--item__first {
|
||||
/* first pagination item */
|
||||
}
|
||||
.ais-pagination--item__previous {
|
||||
/* previous pagination item */
|
||||
}
|
||||
.ais-pagination--item__page {
|
||||
/* page pagination item */
|
||||
}
|
||||
.ais-pagination--item__next {
|
||||
/* next pagination item */
|
||||
}
|
||||
.ais-pagination--item__last {
|
||||
/* last pagination item */
|
||||
}
|
||||
.ais-pagination--link {
|
||||
/* pagination link */
|
||||
}
|
||||
.ais-refinement-list--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-refinement-list--body {
|
||||
/* wudget footer */
|
||||
}
|
||||
.ais-refinement-list--list {
|
||||
/* item list */
|
||||
}
|
||||
.ais-refinement-list--item {
|
||||
/* list item */
|
||||
}
|
||||
.ais-refinement-list--item__active {
|
||||
/* active list item */
|
||||
}
|
||||
.ais-refinement-list--label {
|
||||
/* item label */
|
||||
}
|
||||
.ais-refinement-list--checkbox {
|
||||
/* item checkbox */
|
||||
}
|
||||
.ais-refinement-list--count {
|
||||
/* item count */
|
||||
}
|
||||
.ais-refinement-list--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
/* Sub block for the show more of the refinement list */
|
||||
.ais-show-more__active {
|
||||
/* Show more button is activated */
|
||||
}
|
||||
.ais-show-more__inactive {
|
||||
/* Show more button is deactivated */
|
||||
}
|
||||
.ais-menu--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-menu--body {
|
||||
/* widget body */
|
||||
}
|
||||
.ais-menu--list {
|
||||
/* item list */
|
||||
}
|
||||
.ais-menu--item {
|
||||
/* list item */
|
||||
}
|
||||
.ais-menu--item__active {
|
||||
/* active list item */
|
||||
}
|
||||
.ais-menu--link {
|
||||
/* item link */
|
||||
}
|
||||
.ais-menu--count {
|
||||
/* item count */
|
||||
}
|
||||
.ais-menu--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-toggle--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-toggle--body {
|
||||
/* wudget body */
|
||||
}
|
||||
.ais-toggle--list {
|
||||
/* item list */
|
||||
}
|
||||
.ais-toggle--item {
|
||||
/* list item */
|
||||
}
|
||||
.ais-toggle--item__active {
|
||||
/* active list item */
|
||||
}
|
||||
.ais-toggle--label {
|
||||
/* item label */
|
||||
}
|
||||
.ais-toggle--checkbox {
|
||||
/* item checkbox */
|
||||
}
|
||||
.ais-toggle--count {
|
||||
/* item count */
|
||||
}
|
||||
.ais-toggle--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-hierarchical-menu--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-hierarchical-menu--body {
|
||||
/* widget body */
|
||||
}
|
||||
.ais-hierarchical-menu--list {
|
||||
/* item list */
|
||||
}
|
||||
.ais-hierarchical-menu--list__lvl0 {
|
||||
/* item list level 0 */
|
||||
}
|
||||
.ais-hierarchical-menu--list__lvl1 {
|
||||
/* item list level 1 */
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ais-hierarchical-menu--list__lvl2 {
|
||||
/* item list level 0 */
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ais-hierarchical-menu--item {
|
||||
/* list item */
|
||||
}
|
||||
.ais-hierarchical-menu--item__active {
|
||||
/* active list item */
|
||||
}
|
||||
.ais-hierarchical-menu--link {
|
||||
/* item link */
|
||||
}
|
||||
.ais-hierarchical-menu--count {
|
||||
/* item count */
|
||||
}
|
||||
.ais-hierarchical-menu--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-range-input--fieldset {
|
||||
/* custom fieldset */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.ais-range-input--labelMin {
|
||||
/* custom label min */
|
||||
display: inline-block;
|
||||
}
|
||||
.ais-range-input--inputMin {
|
||||
/* custom input min */
|
||||
min-width: 165px;
|
||||
}
|
||||
.ais-range-input--inputMin:hover:disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ais-range-input--separator {
|
||||
/* separator */
|
||||
margin: 0 5px;
|
||||
}
|
||||
.ais-range-input--labelMax {
|
||||
/* custom label max */
|
||||
display: inline-block;
|
||||
}
|
||||
.ais-range-input--inputMax {
|
||||
/* custom input max */
|
||||
min-width: 165px;
|
||||
}
|
||||
.ais-range-input--inputMax:hover:disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ais-range-input--submit {
|
||||
/* custom form button */
|
||||
margin-left: 5px;
|
||||
}
|
||||
.ais-range-input--submit:disabled, .ais-range-input--submit:hover:disabled {
|
||||
cursor: not-allowed;
|
||||
background-color: #C9C9C9;
|
||||
}
|
||||
.ais-range-slider .ais-range-slider--disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ais-range-slider .ais-range-slider--disabled .ais-range-slider--handle {
|
||||
border-color: #DDD;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ais-range-slider .ais-range-slider--disabled .rheostat-horizontal .rheostat-progress {
|
||||
background-color: #DDD;
|
||||
}
|
||||
.ais-range-slider .rheostat {
|
||||
overflow: visible;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.ais-range-slider .rheostat-background {
|
||||
background-color: #FFFFFF;
|
||||
border-top: 1px solid #DDD;
|
||||
border-bottom: 1px solid #DDD;
|
||||
border-left: 2px solid #DDD;
|
||||
border-right: 2px solid #DDD;
|
||||
position: relative;
|
||||
}
|
||||
.ais-range-slider .rheostat-horizontal .rheostat-background {
|
||||
height: 6px;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ais-range-slider .rheostat-horizontal .rheostat-progress {
|
||||
background-color: #46AEDA;
|
||||
position: absolute;
|
||||
height: 4px;
|
||||
top: 1px;
|
||||
}
|
||||
.ais-range-slider .rheostat-horizontal .rheostat-handle {
|
||||
margin-left: -12px;
|
||||
top: -7px;
|
||||
}
|
||||
.ais-range-slider .rheostat-horizontal .rheostat-handle .ais-range-slider--tooltip {
|
||||
text-align: center;
|
||||
margin-left: -10px;
|
||||
width: 40px;
|
||||
}
|
||||
.ais-range-slider .rheostat-horizontal .rheostat-handle::before, .ais-range-slider .rheostat-horizontal .rheostat-handle::after {
|
||||
top: 7px;
|
||||
height: 10px;
|
||||
width: 1px;
|
||||
}
|
||||
.ais-range-slider .rheostat-horizontal .rheostat-handle::before {
|
||||
left: 10px;
|
||||
}
|
||||
.ais-range-slider .rheostat-horizontal .rheostat-handle::after {
|
||||
left: 13px;
|
||||
}
|
||||
.ais-range-slider--handle {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #46AEDA;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ais-range-slider--tooltip {
|
||||
position: absolute;
|
||||
background: #FFFFFF;
|
||||
top: -22px;
|
||||
font-size: .8em;
|
||||
}
|
||||
.ais-range-slider--value {
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
margin-left: -20px;
|
||||
padding-top: 15px;
|
||||
font-size: .8em;
|
||||
}
|
||||
.ais-range-slider--marker {
|
||||
position: absolute;
|
||||
background: #DDD;
|
||||
margin-left: -1px;
|
||||
width: 1px;
|
||||
height: 5px;
|
||||
}
|
||||
.ais-star-rating--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-star-rating--body {
|
||||
/* wudget footer */
|
||||
}
|
||||
.ais-star-rating--list {
|
||||
/* item list */
|
||||
}
|
||||
.ais-star-rating--item {
|
||||
/* list item */
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ais-star-rating--item__active {
|
||||
/* active list item */
|
||||
font-weight: bold;
|
||||
}
|
||||
.ais-star-rating--star {
|
||||
/* item star */
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
.ais-star-rating--star::before {
|
||||
content: '\2605';
|
||||
color: #FBAE00;
|
||||
}
|
||||
.ais-star-rating--star__empty {
|
||||
/* empty star */
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
.ais-star-rating--star__empty::before {
|
||||
content: '\2606';
|
||||
color: #FBAE00;
|
||||
}
|
||||
.ais-star-rating--link {
|
||||
/* item link */
|
||||
}
|
||||
.ais-star-rating--link__disabled {
|
||||
/* disabled list item */
|
||||
}
|
||||
.ais-star-rating--link__disabled .ais-star-rating--star::before {
|
||||
color: #C9C9C9;
|
||||
}
|
||||
.ais-star-rating--link__disabled .ais-star-rating--star__empty::before {
|
||||
color: #C9C9C9;
|
||||
}
|
||||
.ais-star-rating--count {
|
||||
/* item count */
|
||||
}
|
||||
.ais-star-rating--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-price-ranges--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-price-ranges--body {
|
||||
/* widget body */
|
||||
}
|
||||
.ais-price-ranges--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-price-ranges--list {
|
||||
/* item list */
|
||||
}
|
||||
.ais-price-ranges--item {
|
||||
/* list item */
|
||||
}
|
||||
.ais-price-ranges--item__active {
|
||||
/* active list item */
|
||||
}
|
||||
.ais-price-ranges--link {
|
||||
/* item link */
|
||||
}
|
||||
.ais-price-ranges--form {
|
||||
/* custom form */
|
||||
}
|
||||
.ais-price-ranges--label {
|
||||
/* custom form label */
|
||||
}
|
||||
.ais-price-ranges--currency {
|
||||
/* currency */
|
||||
}
|
||||
.ais-price-ranges--input {
|
||||
/* custom form input */
|
||||
}
|
||||
.ais-price-ranges--separator {
|
||||
/* custom form separator */
|
||||
}
|
||||
.ais-price-ranges--button {
|
||||
/* custom form button */
|
||||
}
|
||||
.ais-clear-all--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-clear-all--body {
|
||||
/* widget body */
|
||||
}
|
||||
.ais-clear-all--link {
|
||||
/* widget link */
|
||||
}
|
||||
.ais-clear-all--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-current-refined-values--header {
|
||||
/* widget header */
|
||||
}
|
||||
.ais-current-refined-values--body {
|
||||
/* widget body */
|
||||
}
|
||||
.ais-current-refined-values--clear-all {
|
||||
/* widget clearAll link */
|
||||
}
|
||||
.ais-current-refined-values--list {
|
||||
/* widget list */
|
||||
}
|
||||
.ais-current-refined-values--item {
|
||||
/* widget item */
|
||||
}
|
||||
.ais-current-refined-values--link {
|
||||
/* widget link */
|
||||
}
|
||||
.ais-current-refined-values--count {
|
||||
/* widget count */
|
||||
}
|
||||
.ais-current-refined-values--footer {
|
||||
/* widget footer */
|
||||
}
|
||||
.ais-root__collapsible .ais-header {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ais-root__collapsed .ais-body, .ais-root__collapsed .ais-footer {
|
||||
display: none;
|
||||
}
|
||||
.ais-breadcrumb--label, .ais-breadcrumb--separator, .ais-breadcrumb--home {
|
||||
display: inline;
|
||||
color: #3369E7;
|
||||
}
|
||||
.ais-breadcrumb--item {
|
||||
display: inline;
|
||||
}
|
||||
.ais-breadcrumb--disabledLabel {
|
||||
color: #444444;
|
||||
display: inline;
|
||||
}
|
||||
.ais-geo-search {
|
||||
/* root element */
|
||||
height: 100%;
|
||||
}
|
||||
.ais-geo-search--map {
|
||||
/* map element */
|
||||
height: 100%;
|
||||
}
|
||||
.ais-geo-search--controls {
|
||||
/* map controls */
|
||||
}
|
||||
.ais-geo-search--clear {
|
||||
/* clear button */
|
||||
}
|
||||
.ais-geo-search--control {
|
||||
/* refine control */
|
||||
}
|
||||
.ais-geo-search--toggle-label {
|
||||
/* toggle label */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ais-geo-search--toggle-input {
|
||||
/* toggle input */
|
||||
}
|
||||
.ais-geo-search--redo {
|
||||
/* redo button */
|
||||
}
|
||||
|
||||
@@ -1,277 +0,0 @@
|
||||
/* ----------------------------------------------------------- */
|
||||
/* == tingle v0.13.2 */
|
||||
/* ----------------------------------------------------------- */
|
||||
|
||||
.tingle-modal * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.tingle-modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 100001;
|
||||
display: flex;
|
||||
visibility: hidden;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
transition: transform .2s ease;
|
||||
}
|
||||
|
||||
/* confirm and alerts
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
.tingle-modal--confirm .tingle-modal-box {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* modal
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
.tingle-modal--noOverlayClose {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.tingle-modal--noClose .tingle-modal__close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tingle-modal__close {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
right: 28px;
|
||||
z-index: 1000;
|
||||
padding: 0;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
color: #f0f0f0;
|
||||
font-size: 5rem;
|
||||
font-family: monospace;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
transition: color .3s ease;
|
||||
|
||||
@media (max-width: 540px) {
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
|
||||
.tingle-modal__closeIcon {
|
||||
margin-right: .25rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
.tingle-modal__closeLabel {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tingle-modal__closeLabel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tingle-modal__close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tingle-modal-box {
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
width: 60%;
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
opacity: 1;
|
||||
cursor: auto;
|
||||
transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
|
||||
transform: scale(.8);
|
||||
}
|
||||
|
||||
.tingle-modal-box__content {
|
||||
padding: 3rem 3rem;
|
||||
}
|
||||
|
||||
.tingle-modal-box__footer {
|
||||
padding: 1.5rem 2rem;
|
||||
width: auto;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
background-color: #f5f5f5;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.tingle-modal-box__footer::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.tingle-modal-box__footer--sticky {
|
||||
position: fixed;
|
||||
bottom: -200px; /* TODO : find a better way */
|
||||
z-index: 10001;
|
||||
opacity: 1;
|
||||
transition: bottom .3s ease-in-out .3s;
|
||||
}
|
||||
|
||||
/* state
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
.tingle-enabled {
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.tingle-modal--visible .tingle-modal-box__footer {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.tingle-enabled .tingle-content-wrapper {
|
||||
filter: blur(8px);
|
||||
}
|
||||
|
||||
.tingle-modal--visible {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tingle-modal--visible .tingle-modal-box {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.tingle-modal--overflow {
|
||||
overflow-y: scroll;
|
||||
padding-top: 8vh;
|
||||
}
|
||||
|
||||
/* btn
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
.tingle-btn {
|
||||
display: inline-block;
|
||||
margin: 0 .5rem;
|
||||
padding: 1rem 2rem;
|
||||
border: none;
|
||||
background-color: grey;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
line-height: normal;
|
||||
cursor: pointer;
|
||||
transition: background-color .4s ease;
|
||||
}
|
||||
|
||||
.tingle-btn--primary {
|
||||
background-color: #3498db;
|
||||
}
|
||||
|
||||
.tingle-btn--danger {
|
||||
background-color: #e74c3c;
|
||||
}
|
||||
|
||||
.tingle-btn--default {
|
||||
background-color: #34495e;
|
||||
}
|
||||
|
||||
.tingle-btn--pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tingle-btn--pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* responsive
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
@media (max-width : 540px) {
|
||||
.tingle-modal {
|
||||
top: 0px;
|
||||
display: block;
|
||||
padding-top: 60px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tingle-modal-box {
|
||||
width: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.tingle-modal-box__content {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.tingle-modal--noClose {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.tingle-modal--noOverlayClose {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.tingle-modal-box__footer .tingle-btn {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-bottom: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tingle-modal__close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
border: none;
|
||||
background-color: #2c3e50;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
.tingle-modal__closeLabel {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-size: 1.5rem;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.tingle-modal__closeIcon {
|
||||
display: inline-block;
|
||||
margin-right: .5rem;
|
||||
vertical-align: middle;
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@supports (backdrop-filter: blur(12px)) {
|
||||
.tingle-modal {
|
||||
backdrop-filter: blur(20px);
|
||||
}
|
||||
|
||||
@media (max-width : 540px) {
|
||||
.tingle-modal {
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
}
|
||||
|
||||
.tingle-enabled .tingle-content-wrapper {
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
@@ -1,78 +0,0 @@
|
||||
@charset 'UTF-8';
|
||||
|
||||
// 1. node
|
||||
@import
|
||||
// These are copied because go sass won't import plain .css files
|
||||
'tingle',
|
||||
'instantsearch',
|
||||
'instantsearch-theme-algolia',
|
||||
'izimodal',
|
||||
'alert',
|
||||
'../../node_modules/rancher-website-theme/assets/sass/theme';
|
||||
|
||||
.modal-content {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
pre > code {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.docs-cta-wrapper {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.docs-cta {
|
||||
padding: 10px;
|
||||
background-color: #0075A8;
|
||||
color: white;
|
||||
border-radius: 30px;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem;
|
||||
width: auto;
|
||||
float: right;
|
||||
transition: width 200ms ease-in-out;
|
||||
|
||||
.content {
|
||||
margin: 0 0.5rem;
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
border: 2px solid white;
|
||||
border-radius: 20px;
|
||||
color: white;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.close {
|
||||
font-size: 20px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 20px;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: background-color 250ms ease-in-out;
|
||||
color: white;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||