summaryrefslogtreecommitdiff
path: root/searx/static/themes/oscar/css/logicodev.css
diff options
context:
space:
mode:
Diffstat (limited to 'searx/static/themes/oscar/css/logicodev.css')
-rw-r--r--searx/static/themes/oscar/css/logicodev.css122
1 files changed, 109 insertions, 13 deletions
diff --git a/searx/static/themes/oscar/css/logicodev.css b/searx/static/themes/oscar/css/logicodev.css
index 5e78ac749..45a2597ae 100644
--- a/searx/static/themes/oscar/css/logicodev.css
+++ b/searx/static/themes/oscar/css/logicodev.css
@@ -43,7 +43,21 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
-ms-user-select: none;
}
.onoffswitch-checkbox {
- display: none;
+ opacity: 0;
+ position: absolute;
+}
+.onoffswitch-checkbox:before {
+ content: "";
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ position: absolute;
+ left: 0;
+ bottom: 1px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 0px;
}
.onoffswitch-label {
display: block;
@@ -77,7 +91,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
top: 0;
bottom: 0;
right: 0px;
- border: 2px solid #FFFFFF !important;
+ border: 2px solid #FFFFFF;
border-radius: 50px !important;
transition: all 0.3s ease-in 0s;
}
@@ -88,6 +102,9 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
right: 71px;
background-color: #A1A1A1;
}
+.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch {
+ border: 3px solid #444444;
+}
.result_header {
margin-top: 0px;
margin-bottom: 2px;
@@ -132,7 +149,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
float: right;
}
.external-link {
- color: #069025;
+ color: #068922;
font-size: 12px;
margin-bottom: 15px;
}
@@ -145,7 +162,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
.result-videos,
.result-map {
clear: both;
- padding: 2px 4px;
+ padding: 0.5em 4px;
}
.result-default:hover,
.result-code:hover,
@@ -222,7 +239,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
padding-bottom: 60px;
}
.label-default {
- color: #a4a4a4;
+ color: #666666;
background: transparent;
}
.result .text-muted small {
@@ -240,18 +257,32 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
outline: 0 none;
position: relative;
}
+@media screen and (max-width: 75em) {
+ .img-thumbnail {
+ object-fit: cover;
+ }
+}
.infobox .panel-heading {
background-color: #f6f9fa;
}
.infobox .panel-heading .panel-title {
font-weight: 700;
}
+.infobox .header_url {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: block;
+}
.infobox p {
font-family: "DejaVu Serif", Georgia, Cambria, "Times New Roman", Times, serif !important;
font-style: italic;
}
+.infobox img {
+ max-height: "250px";
+}
.infobox .btn {
- background-color: #2ecc71;
+ background-color: #007ab8;
border: none;
}
.infobox .btn a {
@@ -266,6 +297,36 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
.infobox .infobox_part:last-child {
margin-bottom: 0;
}
+.infobox .infobox_toggle {
+ width: 100%;
+ text-align: center;
+ margin-bottom: 0px;
+}
+.infobox .infobox_checkbox ~ .infobox_body {
+ max-height: 300px;
+ overflow: hidden;
+}
+.infobox .infobox_checkbox:checked ~ .infobox_body {
+ max-height: none;
+}
+.infobox .infobox_checkbox ~ .infobox_toggle .infobox_label_down {
+ display: block;
+}
+.infobox .infobox_checkbox ~ .infobox_toggle .infobox_label_up {
+ display: none;
+}
+.infobox .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_up {
+ display: block;
+}
+.infobox .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_down {
+ display: none;
+}
+.infobox .infobox_checkbox ~ .infobox_body img.infobox_part {
+ display: none;
+}
+.infobox .infobox_checkbox:checked ~ .infobox_body img.infobox_part {
+ display: block;
+}
.search_categories,
#categories {
text-transform: capitalize;
@@ -315,23 +376,24 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
#q {
box-shadow: none;
border-right: none;
- border-color: #a4a4a4;
+ border-color: #888888;
}
#search_form .input-group-btn .btn {
- border-color: #a4a4a4;
+ border-color: #888888;
}
#search_form .input-group-btn .btn:hover {
- background-color: #2ecc71;
+ background-color: #068922;
color: white;
}
-.custom-select {
+.custom-select,
+.custom-select-rtl {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 1.2rem;
font-weight: normal;
background-color: white;
- border: #dddddd 1px solid;
+ border: #888888 1px solid;
color: #666666;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ
@@ -342,9 +404,34 @@ ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0w
Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb
7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
}
+.custom-select-rtl {
+ background-position-x: 4%;
+}
.search-margin {
margin-bottom: 0.6em;
}
+.visually-hidden {
+ position: absolute !important;
+ height: 1px;
+ width: 1px;
+ overflow: hidden;
+ clip: rect(1px 1px 1px 1px);
+ /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ white-space: nowrap;
+ /* added line */
+}
+.label-danger,
+.btn-danger {
+ background: #c9432f;
+}
+.label-success,
+.btn-success {
+ background: #068922;
+}
+select.form-control {
+ border-color: #888888 !important;
+}
#advanced-search-container {
display: none;
text-align: left;
@@ -375,8 +462,8 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb
font-weight: bold;
border-bottom: #01d7d4 5px solid;
}
-#check-advanced {
- display: none;
+#check-advanced:focus + label {
+ text-decoration: underline;
}
#check-advanced:checked ~ #advanced-search-container {
display: block;
@@ -703,6 +790,15 @@ code {
.table > tbody > tr > th {
vertical-align: middle !important;
}
+.nav-tabs.nav-justified {
+ margin-bottom: 20px;
+}
+p {
+ margin: 10px 0;
+}
+input.cursor-text {
+ margin: 10px 0;
+}
/*Global*/
body {
background: #1d1f21 none !important;