Merge pull request #474 from return42/simple-results

[simple theme] various improvements #474
This commit is contained in:
Markus Heiser 2021-11-04 07:22:59 +00:00 committed by GitHub
commit 523b3c0952
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 144 additions and 225 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -834,7 +834,6 @@ template {
--color-backtotop-font: #444;
--color-backtotop-border: #ddd;
--color-backtotop-background: #fff;
--color-backtotop-shadow: #ccc;
--color-btn-background: #3050ff;
--color-btn-font: #fff;
--color-search-border: #bbb;
@ -856,7 +855,6 @@ template {
--color-answer-border: #ddd;
--color-answer-font: #444;
--color-answer-background: #f7f7f7;
--color-result-shadow: #ccc;
--color-result-border: #ddd;
--color-result-url-font: #000;
--color-result-vim-selected: #f7f7f7;
@ -892,14 +890,12 @@ template {
--color-toolkit-select-border: #ddd;
--color-toolkit-select-border-hover: #bbb;
--color-toolkit-checkbox-onoff-background: #ddd;
--color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
--color-toolkit-checkbox-onoff-label-background: #3050ff;
--color-toolkit-checkbox-onoff-checked-background: #ddd;
--color-toolkit-checkbox-onoff-checked-background: #aaa;
--color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #ddd;
--color-toolkit-checkbox-input-border: #3050ff;
--color-toolkit-engine-tooltip-border: #ddd;
--color-toolkit-engine-tooltip-shadow: #ccc;
--color-toolkit-engine-tooltip-background: #fff;
--color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
--color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
@ -920,7 +916,6 @@ template {
--color-backtotop-font: #bbb;
--color-backtotop-border: #333;
--color-backtotop-background: #181818;
--color-backtotop-shadow: #333;
--color-btn-background: #58f;
--color-btn-font: #222;
--color-search-border: #555;
@ -942,7 +937,6 @@ template {
--color-answer-border: #333;
--color-answer-font: #bbb;
--color-answer-background: #181818;
--color-result-shadow: #333;
--color-result-border: #333;
--color-result-url-font: #fff;
--color-result-vim-selected: #181818;
@ -978,14 +972,12 @@ template {
--color-toolkit-select-border: #555;
--color-toolkit-select-border-hover: #777;
--color-toolkit-checkbox-onoff-background: #3c3b31;
--color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
--color-toolkit-checkbox-onoff-label-background: #58f;
--color-toolkit-checkbox-onoff-checked-background: #ddd;
--color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #333;
--color-toolkit-checkbox-input-border: #58f;
--color-toolkit-engine-tooltip-border: #333;
--color-toolkit-engine-tooltip-shadow: #333;
--color-toolkit-engine-tooltip-background: #222;
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
--color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
@ -1423,6 +1415,9 @@ div.selectable_url {
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.selectable_url pre {
display: block;
@ -1553,7 +1548,6 @@ div.selectable_url pre {
transform: translate(-50%, -50%);
z-index: 100000;
margin: 0 50% 0 0;
box-shadow: 0 0 1em;
}
.dialog-modal::before {
position: absolute;
@ -1736,7 +1730,6 @@ select:focus {
top: -5px;
cursor: pointer;
border-radius: 50px;
box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow);
transition: all 0.4s ease;
left: 27px;
background-color: var(--color-toolkit-checkbox-onoff-label-background);
@ -1791,7 +1784,6 @@ select:focus {
}
.checkbox input[disabled] + label {
background-color: transparent !important;
box-shadow: none !important;
cursor: inherit;
}
.checkbox input:not(:checked):not([readonly]):not([disabled]) + label:hover::after {
@ -1852,7 +1844,6 @@ select:focus {
padding: 0.5rem 1rem;
margin: 0 0 0 2rem;
border: 1px solid var(--color-toolkit-engine-tooltip-border);
box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow);
background: var(--color-toolkit-engine-tooltip-background);
font-size: 14px;
font-weight: normal;
@ -2396,11 +2387,6 @@ article.result-images .detail {
display: inline-flex;
flex-direction: row;
white-space: nowrap;
/*
&:has(q:focus) {
box-shadow: 0px 0px 5px #CCC;
}
*/
}
#clear_search {
display: block;
@ -2584,9 +2570,6 @@ article.result-images .detail {
-ms-user-select: none;
user-select: none;
}
.category input[type="checkbox"]:focus + label {
box-shadow: 0 0 8px var(--color-categories-item-border-selected);
}
.category input[type="checkbox"]:checked + label {
color: var(--color-categories-item-selected-font);
border-bottom: 2px solid var(--color-categories-item-border-selected);
@ -2707,6 +2690,17 @@ article.result-images[data-vim-selected] {
article.result-images[data-vim-selected] .image_thumbnail {
filter: opacity(60%);
}
article[data-vim-selected].category-videos,
article[data-vim-selected].category-news,
article[data-vim-selected].category-map,
article[data-vim-selected].category-music,
article[data-vim-selected].category-files,
article[data-vim-selected].category-social {
border: 1px solid var(--color-result-vim-arrow);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.result {
margin: 0.125rem 0;
padding: 1rem;
@ -2730,8 +2724,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
.result h3 a:hover {
text-decoration: underline;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.result .cache_link,
@ -2790,6 +2782,18 @@ article.result-images[data-vim-selected] .image_thumbnail {
.result .break {
clear: both;
}
.category-videos,
.category-news,
.category-map,
.category-music,
.category-files,
.category-social {
border: 1px solid var(--color-result-border);
margin: 1rem 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.category-social .image {
width: auto !important;
min-width: 48px;
@ -2820,7 +2824,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
padding: 0;
position: relative;
max-height: 200px;
border: none;
border: none !important;
}
.result-images img {
float: inherit;
@ -2876,7 +2880,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
gap: 0 5rem;
grid-template-areas: "corrections sidebar" "answers sidebar" "urls sidebar" "pagination sidebar";
}
#results #answers *:first-child,
#results #sidebar *:first-child,
#results #urls *:first-child {
margin-top: 0;
@ -2895,9 +2898,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
flex: 1 1 50%;
}
#suggestions input,
#answers input,
#infoboxes input,
#corrections input {
#infoboxes input {
padding: 0;
margin: 3px;
font-size: 0.9em;
@ -2907,25 +2908,17 @@ article.result-images[data-vim-selected] .image_thumbnail {
cursor: pointer;
}
#suggestions input[type="submit"],
#answers input[type="submit"],
#infoboxes input[type="submit"],
#corrections input[type="submit"],
#suggestions .infobox .url a,
#answers .infobox .url a,
#infoboxes .infobox .url a,
#corrections .infobox .url a {
#infoboxes .infobox .url a {
color: var(--color-result-link-font);
text-decoration: none;
font-size: 0.9rem;
}
#suggestions input[type="submit"]:hover,
#answers input[type="submit"]:hover,
#infoboxes input[type="submit"]:hover,
#corrections input[type="submit"]:hover,
#suggestions .infobox .url a:hover,
#answers .infobox .url a:hover,
#infoboxes .infobox .url a:hover,
#corrections .infobox .url a:hover {
#infoboxes .infobox .url a:hover {
text-decoration: underline;
}
#corrections {
@ -2937,10 +2930,14 @@ article.result-images[data-vim-selected] .image_thumbnail {
#corrections h4,
#corrections input[type="submit"] {
display: inline-block;
margin: 0 0.5em 0 0;
padding: 0.5rem;
margin: 0.5rem;
}
#corrections input[type="submit"]::after {
content: ", ";
#corrections input[type="submit"] {
font-size: 0.8rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#suggestions .title,
#search_url .title,
@ -2952,8 +2949,9 @@ article.result-images[data-vim-selected] .image_thumbnail {
grid-area: answers;
border: 1px solid var(--color-answer-border);
background: var(--color-answer-background);
padding: 0.9em;
margin-bottom: 0.125rem;
padding: 1rem;
margin: 1rem 0.5rem;
margin-top: 0;
color: var(--color-answer-font);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
@ -2962,10 +2960,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
#answers h4 {
display: none;
}
#answers .answer {
display: block;
}
#answers form,
#infoboxes form {
min-width: 210px;
}
@ -3054,7 +3048,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
margin: 0;
padding: 0;
font-size: 1em;
box-shadow: 0 0 5px var(--color-backtotop-shadow);
background: var(--color-backtotop-background);
position: fixed;
bottom: 8rem;
@ -3152,9 +3145,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
gap: 0;
grid-template-areas: "corrections" "answers" "sidebar" "urls" "pagination";
}
article[data-vim-selected]::before {
left: calc(((100% - 45rem) / 2) - 20px);
}
}
#main_results div#results.only_template_images {
margin: 2rem 0.5rem 0 0.5rem;
@ -3178,11 +3168,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
@media screen and (max-width: 50em) {
#main_results div#results {
grid-template-columns: 100%;
margin: 2rem 0 0 0;
}
article[data-vim-selected]::before {
display: none;
content: "";
margin: 2rem 0.5rem 0 0.5rem;
}
#linkto_preferences {
display: none;
@ -3190,17 +3176,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
top: 100px;
right: 0;
}
#sidebar {
margin: 0 5px 2px 5px;
}
.infobox {
box-shadow: 0 0 5px var(--color-result-shadow);
}
#corrections,
#answers {
margin: 1rem 0.5rem;
box-shadow: 0 0 5px var(--color-result-shadow);
}
#results {
margin: 0;
padding: 0;
@ -3208,16 +3183,15 @@ article.result-images[data-vim-selected] .image_thumbnail {
#pagination {
margin: 2rem 1rem 0 1rem !important;
}
.result {
margin: 1rem 0.5rem;
border: 1px solid var(--color-result-border);
box-shadow: 0 0 5px var(--color-result-shadow);
article[data-vim-selected] {
border: 1px solid var(--color-result-vim-arrow);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
article[data-vim-selected] {
.result {
border: 1px solid var(--color-result-border);
margin: 1rem 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
@ -3226,7 +3200,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
}
}
@media screen and (max-width: 35em) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -834,7 +834,6 @@ template {
--color-backtotop-font: #444;
--color-backtotop-border: #ddd;
--color-backtotop-background: #fff;
--color-backtotop-shadow: #ccc;
--color-btn-background: #3050ff;
--color-btn-font: #fff;
--color-search-border: #bbb;
@ -856,7 +855,6 @@ template {
--color-answer-border: #ddd;
--color-answer-font: #444;
--color-answer-background: #f7f7f7;
--color-result-shadow: #ccc;
--color-result-border: #ddd;
--color-result-url-font: #000;
--color-result-vim-selected: #f7f7f7;
@ -892,14 +890,12 @@ template {
--color-toolkit-select-border: #ddd;
--color-toolkit-select-border-hover: #bbb;
--color-toolkit-checkbox-onoff-background: #ddd;
--color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
--color-toolkit-checkbox-onoff-label-background: #3050ff;
--color-toolkit-checkbox-onoff-checked-background: #ddd;
--color-toolkit-checkbox-onoff-checked-background: #aaa;
--color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #ddd;
--color-toolkit-checkbox-input-border: #3050ff;
--color-toolkit-engine-tooltip-border: #ddd;
--color-toolkit-engine-tooltip-shadow: #ccc;
--color-toolkit-engine-tooltip-background: #fff;
--color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
--color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
@ -920,7 +916,6 @@ template {
--color-backtotop-font: #bbb;
--color-backtotop-border: #333;
--color-backtotop-background: #181818;
--color-backtotop-shadow: #333;
--color-btn-background: #58f;
--color-btn-font: #222;
--color-search-border: #555;
@ -942,7 +937,6 @@ template {
--color-answer-border: #333;
--color-answer-font: #bbb;
--color-answer-background: #181818;
--color-result-shadow: #333;
--color-result-border: #333;
--color-result-url-font: #fff;
--color-result-vim-selected: #181818;
@ -978,14 +972,12 @@ template {
--color-toolkit-select-border: #555;
--color-toolkit-select-border-hover: #777;
--color-toolkit-checkbox-onoff-background: #3c3b31;
--color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
--color-toolkit-checkbox-onoff-label-background: #58f;
--color-toolkit-checkbox-onoff-checked-background: #ddd;
--color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #333;
--color-toolkit-checkbox-input-border: #58f;
--color-toolkit-engine-tooltip-border: #333;
--color-toolkit-engine-tooltip-shadow: #333;
--color-toolkit-engine-tooltip-background: #222;
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
--color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
@ -1423,6 +1415,9 @@ div.selectable_url {
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.selectable_url pre {
display: block;
@ -1553,7 +1548,6 @@ div.selectable_url pre {
transform: translate(-50%, -50%);
z-index: 100000;
margin: 0 50% 0 0;
box-shadow: 0 0 1em;
}
.dialog-modal::before {
position: absolute;
@ -1736,7 +1730,6 @@ select:focus {
top: -5px;
cursor: pointer;
border-radius: 50px;
box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow);
transition: all 0.4s ease;
left: 27px;
background-color: var(--color-toolkit-checkbox-onoff-label-background);
@ -1791,7 +1784,6 @@ select:focus {
}
.checkbox input[disabled] + label {
background-color: transparent !important;
box-shadow: none !important;
cursor: inherit;
}
.checkbox input:not(:checked):not([readonly]):not([disabled]) + label:hover::after {
@ -1852,7 +1844,6 @@ select:focus {
padding: 0.5rem 1rem;
margin: 0 0 0 2rem;
border: 1px solid var(--color-toolkit-engine-tooltip-border);
box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow);
background: var(--color-toolkit-engine-tooltip-background);
font-size: 14px;
font-weight: normal;
@ -2396,11 +2387,6 @@ article.result-images .detail {
display: inline-flex;
flex-direction: row;
white-space: nowrap;
/*
&:has(q:focus) {
box-shadow: 0px 0px 5px #CCC;
}
*/
}
#clear_search {
display: block;
@ -2584,9 +2570,6 @@ article.result-images .detail {
-ms-user-select: none;
user-select: none;
}
.category input[type="checkbox"]:focus + label {
box-shadow: 0 0 8px var(--color-categories-item-border-selected);
}
.category input[type="checkbox"]:checked + label {
color: var(--color-categories-item-selected-font);
border-bottom: 2px solid var(--color-categories-item-border-selected);
@ -2707,6 +2690,17 @@ article.result-images[data-vim-selected] {
article.result-images[data-vim-selected] .image_thumbnail {
filter: opacity(60%);
}
article[data-vim-selected].category-videos,
article[data-vim-selected].category-news,
article[data-vim-selected].category-map,
article[data-vim-selected].category-music,
article[data-vim-selected].category-files,
article[data-vim-selected].category-social {
border: 1px solid var(--color-result-vim-arrow);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.result {
margin: 0.125rem 0;
padding: 1rem;
@ -2730,8 +2724,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
.result h3 a:hover {
text-decoration: underline;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.result .cache_link,
@ -2790,6 +2782,18 @@ article.result-images[data-vim-selected] .image_thumbnail {
.result .break {
clear: both;
}
.category-videos,
.category-news,
.category-map,
.category-music,
.category-files,
.category-social {
border: 1px solid var(--color-result-border);
margin: 1rem 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.category-social .image {
width: auto !important;
min-width: 48px;
@ -2820,7 +2824,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
padding: 0;
position: relative;
max-height: 200px;
border: none;
border: none !important;
}
.result-images img {
float: inherit;
@ -2876,7 +2880,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
gap: 0 5rem;
grid-template-areas: "corrections sidebar" "answers sidebar" "urls sidebar" "pagination sidebar";
}
#results #answers *:first-child,
#results #sidebar *:first-child,
#results #urls *:first-child {
margin-top: 0;
@ -2895,9 +2898,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
flex: 1 1 50%;
}
#suggestions input,
#answers input,
#infoboxes input,
#corrections input {
#infoboxes input {
padding: 0;
margin: 3px;
font-size: 0.9em;
@ -2907,25 +2908,17 @@ article.result-images[data-vim-selected] .image_thumbnail {
cursor: pointer;
}
#suggestions input[type="submit"],
#answers input[type="submit"],
#infoboxes input[type="submit"],
#corrections input[type="submit"],
#suggestions .infobox .url a,
#answers .infobox .url a,
#infoboxes .infobox .url a,
#corrections .infobox .url a {
#infoboxes .infobox .url a {
color: var(--color-result-link-font);
text-decoration: none;
font-size: 0.9rem;
}
#suggestions input[type="submit"]:hover,
#answers input[type="submit"]:hover,
#infoboxes input[type="submit"]:hover,
#corrections input[type="submit"]:hover,
#suggestions .infobox .url a:hover,
#answers .infobox .url a:hover,
#infoboxes .infobox .url a:hover,
#corrections .infobox .url a:hover {
#infoboxes .infobox .url a:hover {
text-decoration: underline;
}
#corrections {
@ -2937,10 +2930,14 @@ article.result-images[data-vim-selected] .image_thumbnail {
#corrections h4,
#corrections input[type="submit"] {
display: inline-block;
margin: 0 0.5em 0 0;
padding: 0.5rem;
margin: 0.5rem;
}
#corrections input[type="submit"]::after {
content: ", ";
#corrections input[type="submit"] {
font-size: 0.8rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#suggestions .title,
#search_url .title,
@ -2952,8 +2949,9 @@ article.result-images[data-vim-selected] .image_thumbnail {
grid-area: answers;
border: 1px solid var(--color-answer-border);
background: var(--color-answer-background);
padding: 0.9em;
margin-bottom: 0.125rem;
padding: 1rem;
margin: 1rem 0.5rem;
margin-top: 0;
color: var(--color-answer-font);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
@ -2962,10 +2960,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
#answers h4 {
display: none;
}
#answers .answer {
display: block;
}
#answers form,
#infoboxes form {
min-width: 210px;
}
@ -3054,7 +3048,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
margin: 0;
padding: 0;
font-size: 1em;
box-shadow: 0 0 5px var(--color-backtotop-shadow);
background: var(--color-backtotop-background);
position: fixed;
bottom: 8rem;
@ -3152,9 +3145,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
gap: 0;
grid-template-areas: "corrections" "answers" "sidebar" "urls" "pagination";
}
article[data-vim-selected]::before {
left: calc(((100% - 45rem) / 2) - 20px);
}
}
#main_results div#results.only_template_images {
margin: 2rem 0.5rem 0 0.5rem;
@ -3178,11 +3168,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
@media screen and (max-width: 50em) {
#main_results div#results {
grid-template-columns: 100%;
margin: 2rem 0 0 0;
}
article[data-vim-selected]::before {
display: none;
content: "";
margin: 2rem 0.5rem 0 0.5rem;
}
#linkto_preferences {
display: none;
@ -3190,17 +3176,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
top: 100px;
right: 0;
}
#sidebar {
margin: 0 5px 2px 5px;
}
.infobox {
box-shadow: 0 0 5px var(--color-result-shadow);
}
#corrections,
#answers {
margin: 1rem 0.5rem;
box-shadow: 0 0 5px var(--color-result-shadow);
}
#results {
margin: 0;
padding: 0;
@ -3208,16 +3183,15 @@ article.result-images[data-vim-selected] .image_thumbnail {
#pagination {
margin: 2rem 1rem 0 1rem !important;
}
.result {
margin: 1rem 0.5rem;
border: 1px solid var(--color-result-border);
box-shadow: 0 0 5px var(--color-result-shadow);
article[data-vim-selected] {
border: 1px solid var(--color-result-vim-arrow);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
article[data-vim-selected] {
.result {
border: 1px solid var(--color-result-border);
margin: 1rem 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
@ -3226,7 +3200,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
}
}
@media screen and (max-width: 35em) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -25,7 +25,6 @@
--color-backtotop-font: #444;
--color-backtotop-border: #ddd;
--color-backtotop-background: #fff;
--color-backtotop-shadow: #ccc;
/// Button Colors
--color-btn-background: #3050ff;
--color-btn-font: #fff;
@ -54,7 +53,6 @@
--color-answer-font: #444; // same as --color-base-font
--color-answer-background: #f7f7f7; // same as --color-header-background:
/// Results Colors
--color-result-shadow: #ccc;
--color-result-border: #ddd;
--color-result-url-font: #000;
--color-result-vim-selected: #f7f7f7;
@ -94,14 +92,12 @@
--color-toolkit-select-border: #ddd;
--color-toolkit-select-border-hover: #bbb;
--color-toolkit-checkbox-onoff-background: #ddd;
--color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
--color-toolkit-checkbox-onoff-label-background: #3050ff;
--color-toolkit-checkbox-onoff-checked-background: #ddd;
--color-toolkit-checkbox-onoff-checked-background: #aaa;
--color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #ddd;
--color-toolkit-checkbox-input-border: #3050ff;
--color-toolkit-engine-tooltip-border: #ddd;
--color-toolkit-engine-tooltip-shadow: #ccc;
--color-toolkit-engine-tooltip-background: #fff;
--color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
--color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
@ -129,7 +125,6 @@
--color-backtotop-font: #bbb;
--color-backtotop-border: #333;
--color-backtotop-background: #181818;
--color-backtotop-shadow: #333;
/// Button Colors
--color-btn-background: #58f;
--color-btn-font: #222;
@ -158,7 +153,6 @@
--color-answer-font: #bbb; // same as --color-base-font
--color-answer-background: #181818; // same as --color-header-background:
/// Results Colors
--color-result-shadow: #333;
--color-result-border: #333;
--color-result-url-font: #fff;
--color-result-vim-selected: #181818;
@ -198,14 +192,12 @@
--color-toolkit-select-border: #555;
--color-toolkit-select-border-hover: #777;
--color-toolkit-checkbox-onoff-background: #3c3b31;
--color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
--color-toolkit-checkbox-onoff-label-background: #58f;
--color-toolkit-checkbox-onoff-checked-background: #ddd;
--color-toolkit-checkbox-label-background: #fff;
--color-toolkit-checkbox-label-border: #333;
--color-toolkit-checkbox-input-border: #58f;
--color-toolkit-engine-tooltip-border: #333;
--color-toolkit-engine-tooltip-shadow: #333;
--color-toolkit-engine-tooltip-background: #222;
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
--color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);

View file

@ -22,6 +22,12 @@
border-radius: @radius;
}
.rounded-corners-tiny (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
// disable user selection
.disable-user-select () {
-webkit-touch-callout: none;

View file

@ -38,12 +38,6 @@
display: inline-flex;
flex-direction: row;
white-space: nowrap;
/*
&:has(q:focus) {
box-shadow: 0px 0px 5px #CCC;
}
*/
}
#clear_search {
@ -252,10 +246,6 @@
.disable-user-select;
}
input[type="checkbox"]:focus + label {
box-shadow: 0 0 8px var(--color-categories-item-border-selected);
}
input[type="checkbox"]:checked + label {
color: var(--color-categories-item-selected-font);
border-bottom: 2px solid var(--color-categories-item-border-selected);

View file

@ -140,6 +140,16 @@ article.result-images[data-vim-selected] {
}
}
article[data-vim-selected].category-videos,
article[data-vim-selected].category-news,
article[data-vim-selected].category-map,
article[data-vim-selected].category-music,
article[data-vim-selected].category-files,
article[data-vim-selected].category-social {
border: 1px solid var(--color-result-vim-arrow);
.rounded-corners;
}
.result {
margin: @results-margin 0;
padding: @result-padding;
@ -164,8 +174,6 @@ article.result-images[data-vim-selected] {
&:hover {
text-decoration: underline;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
}
@ -239,6 +247,17 @@ article.result-images[data-vim-selected] {
}
}
.category-videos,
.category-news,
.category-map,
.category-music,
.category-files,
.category-social {
border: 1px solid var(--color-result-border);
margin: 1rem 0;
.rounded-corners;
}
.category-social .image {
width: auto !important;
min-width: 48px;
@ -275,7 +294,7 @@ article.result-images[data-vim-selected] {
padding: 0;
position: relative;
max-height: 200px;
border: none;
border: none !important;
img {
float: inherit;
@ -348,7 +367,6 @@ article.result-images[data-vim-selected] {
"pagination sidebar";
}
#results #answers *:first-child,
#results #sidebar *:first-child,
#results #urls *:first-child {
margin-top: 0;
@ -373,9 +391,7 @@ article.result-images[data-vim-selected] {
}
#suggestions,
#answers,
#infoboxes,
#corrections {
#infoboxes {
input {
padding: 0;
margin: 3px;
@ -407,11 +423,13 @@ article.result-images[data-vim-selected] {
h4,
input[type="submit"] {
display: inline-block;
margin: 0 0.5em 0 0;
padding: 0.5rem;
margin: 0.5rem;
}
input[type="submit"]::after {
content: ", ";
input[type="submit"] {
font-size: 0.8rem;
.rounded-corners-tiny;
}
}
@ -426,21 +444,17 @@ article.result-images[data-vim-selected] {
grid-area: answers;
border: 1px solid var(--color-answer-border);
background: var(--color-answer-background);
padding: 0.9em;
margin-bottom: @results-margin;
padding: @result-padding;
margin: 1rem @results-tablet-offset;
margin-top: 0;
color: var(--color-answer-font);
.rounded-corners;
h4 {
display: none;
}
.answer {
display: block;
}
}
#answers,
#infoboxes {
form {
min-width: 210px;
@ -549,7 +563,6 @@ article.result-images[data-vim-selected] {
margin: 0;
padding: 0;
font-size: 1em;
box-shadow: 0 0 5px var(--color-backtotop-shadow);
background: var(--color-backtotop-background);
position: fixed;
bottom: 8rem;
@ -674,10 +687,6 @@ article.result-images[data-vim-selected] {
"urls"
"pagination";
}
article[data-vim-selected]::before {
left: calc(((100% - @results-width) / 2) - 20px);
}
}
#main_results div#results.only_template_images {
@ -711,12 +720,7 @@ article.result-images[data-vim-selected] {
@media screen and (max-width: @phone) {
#main_results div#results {
grid-template-columns: 100%;
margin: 2rem 0 0 0;
}
article[data-vim-selected]::before {
display: none;
content: "";
margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
}
#linkto_preferences {
@ -726,20 +730,6 @@ article.result-images[data-vim-selected] {
right: 0;
}
#sidebar {
margin: 0 5px 2px 5px;
}
.infobox {
box-shadow: 0 0 5px var(--color-result-shadow);
}
#corrections,
#answers {
margin: 1rem @results-tablet-offset;
box-shadow: 0 0 5px var(--color-result-shadow);
}
#results {
margin: 0;
padding: 0;
@ -749,15 +739,14 @@ article.result-images[data-vim-selected] {
margin: 2rem 1rem 0 1rem !important;
}
.result {
margin: 1rem @results-tablet-offset;
border: 1px solid var(--color-result-border);
box-shadow: 0 0 5px var(--color-result-shadow);
article[data-vim-selected] {
border: 1px solid var(--color-result-vim-arrow);
.rounded-corners;
}
article[data-vim-selected] {
.result {
border: 1px solid var(--color-result-border);
margin: 1rem 0;
.rounded-corners;
}
@ -765,7 +754,6 @@ article.result-images[data-vim-selected] {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
}
}

View file

@ -111,6 +111,7 @@ div.selectable_url {
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
.rounded-corners-tiny;
pre {
.pre();
@ -200,7 +201,6 @@ div.selectable_url {
transform: translate(-50%, -50%);
z-index: 100000;
margin: 0 50% 0 0;
box-shadow: 0 0 1em;
}
// btn-collapse
@ -370,7 +370,6 @@ select {
top: -5px;
cursor: pointer;
border-radius: 50px;
box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow);
transition: all 0.4s ease;
left: 27px;
background-color: var(--color-toolkit-checkbox-onoff-label-background);
@ -432,7 +431,6 @@ select {
// disabled : can''t be focused, show only the check mark
input[disabled] + label {
background-color: transparent !important;
box-shadow: none !important;
cursor: inherit;
}
@ -504,7 +502,6 @@ select {
padding: 0.5rem 1rem;
margin: 0 0 0 2rem;
border: 1px solid var(--color-toolkit-engine-tooltip-border);
box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow);
background: var(--color-toolkit-engine-tooltip-background);
font-size: 14px;
font-weight: normal;