simple theme update

- npm package update
- apply #1226
- implement vim help dialog
- display cookies and search URL with preferences
- allow to enable / disable Open Access DOI rewrite
- add a clear text button on the left of the search button
- implement #1011 : the HTML title page is not set when using POST
- remove searx/static/themes/simple/img/loader.gif
- use full width when only there are only images as result
This commit is contained in:
Alex 2018-08-09 16:13:50 +02:00 committed by Alexandre Flament
parent 845ba79e75
commit 3ba0d0516e
39 changed files with 1755 additions and 1211 deletions

View file

@ -1,44 +1,30 @@
/*! searx | 03-12-2017 | https://github.com/asciimoo/searx */
/*! searx | 14-08-2018 | https://github.com/asciimoo/searx */
/*
* searx, A privacy-respecting, hackable metasearch engine
*
* To convert "style.less" to "style.css" run: $make styles
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
@ -49,22 +35,6 @@ h1 {
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
@ -90,17 +60,13 @@ pre {
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
@ -111,13 +77,6 @@ abbr[title] {
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
@ -137,19 +96,6 @@ samp {
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
@ -176,35 +122,15 @@ sup {
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
@ -212,7 +138,7 @@ input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
@ -240,16 +166,13 @@ select {
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
@ -297,24 +220,20 @@ legend {
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
@ -341,9 +260,8 @@ textarea {
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
@ -360,11 +278,9 @@ textarea {
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details,
menu {
details {
display: block;
}
/*
@ -373,24 +289,16 @@ menu {
summary {
display: list-item;
}
/* Scripting
/* Misc
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
@ -706,7 +614,14 @@ html.js .show_if_nojs {
float: left;
}
.invisible {
display: none;
display: none !important;
}
.list-unstyled {
list-style-type: none;
}
.list-unstyled li {
margin-top: 4px;
margin-bottom: 4px;
}
.danger {
background-color: #fae1e1;
@ -722,6 +637,13 @@ html.js .show_if_nojs {
padding: 1px 5px;
border-radius: 5px;
}
kbd {
padding: 2px 4px;
margin: 1px;
font-size: 90%;
color: white;
background: black;
}
table {
width: 100%;
}
@ -737,6 +659,27 @@ td {
tr:hover {
background: #ececec;
}
div.selectable_url {
border: 1px solid #888;
padding: 4px;
color: #444;
width: 100%;
display: block;
margin: 0.1em;
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
}
div.selectable_url pre {
display: block;
font-size: 0.8em;
word-break: break-all;
margin: 0.1em;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: element;
user-select: all;
}
.dialog-error {
position: relative;
width: 70%;
@ -768,6 +711,22 @@ tr:hover {
.dialog-error p {
margin: 1px 0 0 0;
}
.dialog-error table {
width: auto;
}
.dialog-error tr {
vertical-align: text-top;
}
.dialog-error tr:hover {
background: transparent;
}
.dialog-error td {
padding: 0 1em 0 0;
}
.dialog-error h4 {
margin-top: 0.3em;
margin-bottom: 0.3em;
}
.dialog-error:before {
content: "\f110";
}
@ -802,9 +761,78 @@ tr:hover {
.dialog-warning p {
margin: 1px 0 0 0;
}
.dialog-warning table {
width: auto;
}
.dialog-warning tr {
vertical-align: text-top;
}
.dialog-warning tr:hover {
background: transparent;
}
.dialog-warning td {
padding: 0 1em 0 0;
}
.dialog-warning h4 {
margin-top: 0.3em;
margin-bottom: 0.3em;
}
.dialog-warning:before {
content: "\f10f";
}
.dialog-modal {
position: relative;
width: 70%;
padding: 1em 1em 1em 2.7em;
margin: 0em 8% 1em 8%;
border: 1px solid black;
border-radius: 4px;
text-align: left;
background: white;
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
z-index: 100000;
margin: 0 50% 0 0;
box-shadow: 0 0 1em;
}
.dialog-modal:before {
position: absolute;
top: 0.5em;
left: 0.5em;
font-family: "ion";
font-size: 1.5em;
}
.dialog-modal .close {
float: right;
position: relative;
top: -3px;
color: inherit;
font-size: 1.5em;
}
.dialog-modal ul,
.dialog-modal ol,
.dialog-modal p {
margin: 1px 0 0 0;
}
.dialog-modal table {
width: auto;
}
.dialog-modal tr {
vertical-align: text-top;
}
.dialog-modal tr:hover {
background: transparent;
}
.dialog-modal td {
padding: 0 1em 0 0;
}
.dialog-modal h4 {
margin-top: 0.3em;
margin-bottom: 0.3em;
}
.btn-collapse {
cursor: pointer;
}
@ -816,6 +844,7 @@ tr:hover {
margin: 0;
border: none;
}
/* -- tabs --*/
.tabs .tabs > label {
font-size: 90%;
}
@ -894,6 +923,7 @@ html body .tabs > input:checked + label {
html body .tabs > input:checked + label + section {
display: block;
}
/* -- select -- */
select {
height: 28px;
margin: 0 1em 0 0;
@ -924,6 +954,7 @@ select:focus {
border-bottom: 1px solid #3498DB;
}
}
/* -- checkbox-onoff -- */
@supports (border-radius: 50px) {
.checkbox-onoff {
display: inline-block;
@ -955,6 +986,7 @@ select:focus {
background: #dcdcdc;
}
}
/* -- checkbox --*/
@supports (transform: rotate(-45deg)) {
.checkbox {
width: 20px;
@ -1007,6 +1039,48 @@ select:focus {
width: 100%;
}
}
/* -- loader -- */
.loader,
.loader:after {
border-radius: 50%;
width: 2em;
height: 2em;
}
.loader {
margin: 1em auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
border-right: 0.5em solid rgba(0, 0, 0, 0.2);
border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
border-left: 0.5em solid rgba(255, 255, 255, 0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.2s infinite linear;
animation: load8 1.2s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
.autocomplete {
position: absolute;
@ -1073,8 +1147,8 @@ select:focus {
}
@font-face {
font-family: "ion";
src: url("../fonts/ion.eot?94af7082ea096aefe3a7b6642834716e");
src: url("../fonts/ion.eot?#iefix") format("embedded-opentype"), url("../fonts/ion.woff2?94af7082ea096aefe3a7b6642834716e") format("woff2"), url("../fonts/ion.woff?94af7082ea096aefe3a7b6642834716e") format("woff"), url("../fonts/ion.ttf?94af7082ea096aefe3a7b6642834716e") format("truetype"), url("../fonts/ion.svg?94af7082ea096aefe3a7b6642834716e#ion") format("svg");
src: url("../fonts/ion.eot?ce7a0ead692560b4405a96d5b8471f51");
src: url("../fonts/ion.eot?#iefix") format("embedded-opentype"), url("../fonts/ion.woff2?ce7a0ead692560b4405a96d5b8471f51") format("woff2"), url("../fonts/ion.woff?ce7a0ead692560b4405a96d5b8471f51") format("woff"), url("../fonts/ion.ttf?ce7a0ead692560b4405a96d5b8471f51") format("truetype"), url("../fonts/ion.svg?ce7a0ead692560b4405a96d5b8471f51#ion") format("svg");
font-weight: normal;
font-style: normal;
}
@ -1154,6 +1228,9 @@ select:focus {
.ion-magnet:before {
content: "\f114";
}
.ion-close:before {
content: "\f115";
}
.ion-icon-big {
display: inline-block;
vertical-align: middle;
@ -1240,6 +1317,22 @@ select:focus {
#main_preferences table td {
text-align: center;
}
#main_preferences table.cookies {
width: auto;
}
#main_preferences table.cookies th,
#main_preferences table.cookies td {
text-align: left;
padding: 0.25em;
}
#main_preferences table.cookies th:first-child,
#main_preferences table.cookies td:first-child {
padding-right: 4em;
}
#main_preferences table.cookies > tbody > tr:nth-child(even) > th,
#main_preferences table.cookies > tbody > tr:nth-child(even) > td {
background-color: #ececec;
}
#main_preferences .name,
#main_preferences .shortcut {
text-align: left;
@ -1263,6 +1356,9 @@ select:focus {
#main_preferences .preferences_back a::first-letter {
text-transform: uppercase;
}
#main_preferences div.selectable_url pre {
width: 100%;
}
@media screen and (max-width: 75em) {
.preferences_back {
clear: both;
@ -1291,12 +1387,40 @@ select:focus {
}
*/
}
#clear_search {
display: block;
border-collapse: separate;
box-sizing: border-box;
width: 1.8em;
margin: 0;
padding: 2px;
height: 2.2em;
background: none repeat scroll 0 0 #FFF;
border-top: 1px solid #3498DB;
border-bottom: 1px solid #3498DB;
border-right: none;
border-left: none;
border-radius: 0px;
outline: none;
color: #222;
font-size: 16px;
z-index: 10000;
}
#clear_search:hover {
color: #3498DB;
}
#clear_search.empty * {
display: none;
}
#q::-ms-clear,
#q::-webkit-search-cancel-button {
display: none;
}
#q,
#send_search {
display: block !important;
border-collapse: separate;
box-sizing: border-box;
position: relative;
margin: 0;
padding: 2px;
height: 2.2em;
@ -1857,27 +1981,8 @@ article.result-images[data-vim-selected]::before {
#search_url {
margin-top: 8px;
}
#search_url div {
border: 1px solid #888;
padding: 4px;
color: #444;
width: 100%;
display: block;
margin: 0.1em;
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
}
#search_url div pre {
display: block;
#search_url div.selectable_url pre {
width: 200em;
font-size: 0.8em;
word-break: break-all;
margin: 0.1em;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
#linkto_preferences {
position: absolute;
@ -2001,6 +2106,28 @@ article.result-images[data-vim-selected]::before {
max-width: 98%;
}
}
#main_results div#results.only_template_images {
flex-direction: column;
width: auto;
display: flex;
}
#main_results div#results.only_template_images #sidebar {
position: relative;
top: auto;
order: 2;
}
#main_results div#results.only_template_images #urls {
position: relative;
order: 1;
}
#main_results div#results.only_template_images #backToTop {
right: 0.5em;
left: auto;
}
#main_results div#results.only_template_images #pagination {
position: relative;
order: 3;
}
@media screen and (max-width: 50em) {
article[data-vim-selected]::before {
display: none;

File diff suppressed because one or more lines are too long

View file

@ -1,44 +1,30 @@
/*! searx | 03-12-2017 | https://github.com/asciimoo/searx */
/*! searx | 14-08-2018 | https://github.com/asciimoo/searx */
/*
* searx, A privacy-respecting, hackable metasearch engine
*
* To convert "style.less" to "style.css" run: $make styles
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
@ -49,22 +35,6 @@ h1 {
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
@ -90,17 +60,13 @@ pre {
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
@ -111,13 +77,6 @@ abbr[title] {
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
@ -137,19 +96,6 @@ samp {
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
@ -176,35 +122,15 @@ sup {
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
@ -212,7 +138,7 @@ input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
@ -240,16 +166,13 @@ select {
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
@ -297,24 +220,20 @@ legend {
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
@ -341,9 +260,8 @@ textarea {
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
@ -360,11 +278,9 @@ textarea {
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details,
menu {
details {
display: block;
}
/*
@ -373,24 +289,16 @@ menu {
summary {
display: list-item;
}
/* Scripting
/* Misc
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
@ -706,7 +614,14 @@ html.js .show_if_nojs {
float: left;
}
.invisible {
display: none;
display: none !important;
}
.list-unstyled {
list-style-type: none;
}
.list-unstyled li {
margin-top: 4px;
margin-bottom: 4px;
}
.danger {
background-color: #fae1e1;
@ -722,6 +637,13 @@ html.js .show_if_nojs {
padding: 1px 5px;
border-radius: 5px;
}
kbd {
padding: 2px 4px;
margin: 1px;
font-size: 90%;
color: white;
background: black;
}
table {
width: 100%;
}
@ -737,6 +659,27 @@ td {
tr:hover {
background: #ececec;
}
div.selectable_url {
border: 1px solid #888;
padding: 4px;
color: #444;
width: 100%;
display: block;
margin: 0.1em;
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
}
div.selectable_url pre {
display: block;
font-size: 0.8em;
word-break: break-all;
margin: 0.1em;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: element;
user-select: all;
}
.dialog-error {
position: relative;
width: 70%;
@ -768,6 +711,22 @@ tr:hover {
.dialog-error p {
margin: 1px 0 0 0;
}
.dialog-error table {
width: auto;
}
.dialog-error tr {
vertical-align: text-top;
}
.dialog-error tr:hover {
background: transparent;
}
.dialog-error td {
padding: 0 1em 0 0;
}
.dialog-error h4 {
margin-top: 0.3em;
margin-bottom: 0.3em;
}
.dialog-error:before {
content: "\f110";
}
@ -802,9 +761,78 @@ tr:hover {
.dialog-warning p {
margin: 1px 0 0 0;
}
.dialog-warning table {
width: auto;
}
.dialog-warning tr {
vertical-align: text-top;
}
.dialog-warning tr:hover {
background: transparent;
}
.dialog-warning td {
padding: 0 1em 0 0;
}
.dialog-warning h4 {
margin-top: 0.3em;
margin-bottom: 0.3em;
}
.dialog-warning:before {
content: "\f10f";
}
.dialog-modal {
position: relative;
width: 70%;
padding: 1em 1em 1em 2.7em;
margin: 0em 8% 1em 8%;
border: 1px solid black;
border-radius: 4px;
text-align: left;
background: white;
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
z-index: 100000;
margin: 0 50% 0 0;
box-shadow: 0 0 1em;
}
.dialog-modal:before {
position: absolute;
top: 0.5em;
left: 0.5em;
font-family: "ion";
font-size: 1.5em;
}
.dialog-modal .close {
float: right;
position: relative;
top: -3px;
color: inherit;
font-size: 1.5em;
}
.dialog-modal ul,
.dialog-modal ol,
.dialog-modal p {
margin: 1px 0 0 0;
}
.dialog-modal table {
width: auto;
}
.dialog-modal tr {
vertical-align: text-top;
}
.dialog-modal tr:hover {
background: transparent;
}
.dialog-modal td {
padding: 0 1em 0 0;
}
.dialog-modal h4 {
margin-top: 0.3em;
margin-bottom: 0.3em;
}
.btn-collapse {
cursor: pointer;
}
@ -816,6 +844,7 @@ tr:hover {
margin: 0;
border: none;
}
/* -- tabs --*/
.tabs .tabs > label {
font-size: 90%;
}
@ -894,6 +923,7 @@ html body .tabs > input:checked + label {
html body .tabs > input:checked + label + section {
display: block;
}
/* -- select -- */
select {
height: 28px;
margin: 0 1em 0 0;
@ -924,6 +954,7 @@ select:focus {
border-bottom: 1px solid #3498DB;
}
}
/* -- checkbox-onoff -- */
@supports (border-radius: 50px) {
.checkbox-onoff {
display: inline-block;
@ -955,6 +986,7 @@ select:focus {
background: #dcdcdc;
}
}
/* -- checkbox --*/
@supports (transform: rotate(-45deg)) {
.checkbox {
width: 20px;
@ -1007,6 +1039,48 @@ select:focus {
width: 100%;
}
}
/* -- loader -- */
.loader,
.loader:after {
border-radius: 50%;
width: 2em;
height: 2em;
}
.loader {
margin: 1em auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
border-right: 0.5em solid rgba(0, 0, 0, 0.2);
border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
border-left: 0.5em solid rgba(255, 255, 255, 0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.2s infinite linear;
animation: load8 1.2s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
.autocomplete {
position: absolute;
@ -1073,8 +1147,8 @@ select:focus {
}
@font-face {
font-family: "ion";
src: url("../fonts/ion.eot?94af7082ea096aefe3a7b6642834716e");
src: url("../fonts/ion.eot?#iefix") format("embedded-opentype"), url("../fonts/ion.woff2?94af7082ea096aefe3a7b6642834716e") format("woff2"), url("../fonts/ion.woff?94af7082ea096aefe3a7b6642834716e") format("woff"), url("../fonts/ion.ttf?94af7082ea096aefe3a7b6642834716e") format("truetype"), url("../fonts/ion.svg?94af7082ea096aefe3a7b6642834716e#ion") format("svg");
src: url("../fonts/ion.eot?ce7a0ead692560b4405a96d5b8471f51");
src: url("../fonts/ion.eot?#iefix") format("embedded-opentype"), url("../fonts/ion.woff2?ce7a0ead692560b4405a96d5b8471f51") format("woff2"), url("../fonts/ion.woff?ce7a0ead692560b4405a96d5b8471f51") format("woff"), url("../fonts/ion.ttf?ce7a0ead692560b4405a96d5b8471f51") format("truetype"), url("../fonts/ion.svg?ce7a0ead692560b4405a96d5b8471f51#ion") format("svg");
font-weight: normal;
font-style: normal;
}
@ -1154,6 +1228,9 @@ select:focus {
.ion-magnet:before {
content: "\f114";
}
.ion-close:before {
content: "\f115";
}
.ion-icon-big {
display: inline-block;
vertical-align: middle;
@ -1240,6 +1317,22 @@ select:focus {
#main_preferences table td {
text-align: center;
}
#main_preferences table.cookies {
width: auto;
}
#main_preferences table.cookies th,
#main_preferences table.cookies td {
text-align: left;
padding: 0.25em;
}
#main_preferences table.cookies th:first-child,
#main_preferences table.cookies td:first-child {
padding-right: 4em;
}
#main_preferences table.cookies > tbody > tr:nth-child(even) > th,
#main_preferences table.cookies > tbody > tr:nth-child(even) > td {
background-color: #ececec;
}
#main_preferences .name,
#main_preferences .shortcut {
text-align: left;
@ -1263,6 +1356,9 @@ select:focus {
#main_preferences .preferences_back a::first-letter {
text-transform: uppercase;
}
#main_preferences div.selectable_url pre {
width: 100%;
}
@media screen and (max-width: 75em) {
.preferences_back {
clear: both;
@ -1291,12 +1387,40 @@ select:focus {
}
*/
}
#clear_search {
display: block;
border-collapse: separate;
box-sizing: border-box;
width: 1.8em;
margin: 0;
padding: 2px;
height: 2.2em;
background: none repeat scroll 0 0 #FFF;
border-top: 1px solid #3498DB;
border-bottom: 1px solid #3498DB;
border-right: none;
border-left: none;
border-radius: 0px;
outline: none;
color: #222;
font-size: 16px;
z-index: 10000;
}
#clear_search:hover {
color: #3498DB;
}
#clear_search.empty * {
display: none;
}
#q::-ms-clear,
#q::-webkit-search-cancel-button {
display: none;
}
#q,
#send_search {
display: block !important;
border-collapse: separate;
box-sizing: border-box;
position: relative;
margin: 0;
padding: 2px;
height: 2.2em;
@ -1857,27 +1981,8 @@ article.result-images[data-vim-selected]::before {
#search_url {
margin-top: 8px;
}
#search_url div {
border: 1px solid #888;
padding: 4px;
color: #444;
width: 100%;
display: block;
margin: 0.1em;
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
}
#search_url div pre {
display: block;
#search_url div.selectable_url pre {
width: 200em;
font-size: 0.8em;
word-break: break-all;
margin: 0.1em;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
#linkto_preferences {
position: absolute;
@ -2001,6 +2106,28 @@ article.result-images[data-vim-selected]::before {
max-width: 98%;
}
}
#main_results div#results.only_template_images {
flex-direction: column;
width: auto;
display: flex;
}
#main_results div#results.only_template_images #sidebar {
position: relative;
top: auto;
order: 2;
}
#main_results div#results.only_template_images #urls {
position: relative;
order: 1;
}
#main_results div#results.only_template_images #backToTop {
right: 0.5em;
left: auto;
}
#main_results div#results.only_template_images #pagination {
position: relative;
order: 3;
}
@media screen and (max-width: 50em) {
article[data-vim-selected]::before {
display: none;

File diff suppressed because one or more lines are too long