forked from Ponysearch/Ponysearch
e4e8e6da4c
Add image format and source information to display - needs changes to engines to actually display something. Displays result.source (website from which the image was taken) and result.img_format (image type and size). Result is styled with result-format and result-source classes. See PR #1566 for an example of an engine which has the necessary changes. Strip <span class="highlight">...</span> in the oscar image template.
245 lines
5.1 KiB
Text
245 lines
5.1 KiB
Text
@import "../logicodev/variables.less";
|
|
@import "../logicodev/footer.less";
|
|
@import "../logicodev/checkbox.less";
|
|
@import "../logicodev/onoff.less";
|
|
@import "../logicodev/results.less";
|
|
@import "../logicodev/infobox.less";
|
|
@import "../logicodev/search.less";
|
|
@import "../logicodev/advanced.less";
|
|
@import "../logicodev/cursor.less";
|
|
@import "../logicodev/code.less";
|
|
@import "../logicodev/preferences.less";
|
|
|
|
/*Global*/
|
|
body {
|
|
background:#1d1f21 none !important;
|
|
color:#D5D8D7 !important;
|
|
}
|
|
|
|
a {
|
|
color:#41a2ce !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
a:hover {
|
|
color:#5F89AC !important;
|
|
}
|
|
|
|
input, button, textarea, select {
|
|
border: 1px solid #282a2e !important;
|
|
background-color: #444 !important;
|
|
color: #BBB !important;
|
|
}
|
|
|
|
input:focus, button:focus, textarea:focus, select:focus {
|
|
border: 1px solid #C5C8C6 !important;
|
|
box-shadow: initial !important;
|
|
}
|
|
|
|
div#advanced-search-container div#categories label{
|
|
background:none;
|
|
border: 1px solid #282a2e;
|
|
}
|
|
|
|
ul.nav li a {
|
|
border: 0 !important;
|
|
border-bottom: 1px solid #4d3f43 !important;
|
|
}
|
|
|
|
#categories *, .modal-wrapper * {
|
|
background:#1d1f21 none !important;
|
|
color:#D5D8D7 !important;
|
|
}
|
|
|
|
#categories *, {
|
|
border: 1px solid #3d3f43 !important;
|
|
}
|
|
|
|
#categories *:checked + label {
|
|
border-bottom: 4px solid #3d9f94 !important;
|
|
}
|
|
|
|
.result-content, .result-source, .result-format {
|
|
color:#B5B8B7 !important;
|
|
}
|
|
|
|
.external-link {
|
|
color:#35B887 !important;
|
|
}
|
|
|
|
.table-striped tr td, .table-striped tr th {
|
|
border-color: #4d3f43 !important;
|
|
}
|
|
|
|
.highlight {
|
|
background: #333333 !important;
|
|
}
|
|
|
|
/*nav*/
|
|
.navbar{
|
|
background:#1d1f21 none;
|
|
border: none;
|
|
}
|
|
|
|
.navbar .active, .menu {
|
|
background: none !important;
|
|
}
|
|
|
|
.label-default {
|
|
background: none;
|
|
color: #BBB;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .nav-tabs.nav-justified > .active > a{
|
|
background-color: #282a2e !important;
|
|
|
|
}
|
|
|
|
/*Search Page*/
|
|
.result-default:hover, .result-code:hover, .result-torrent:hover, .result-videos:hover, .result-map:hover {
|
|
background-color: #222426;
|
|
}
|
|
|
|
/*buttons*/
|
|
.btn {
|
|
color: #BBB;
|
|
background-color: #444 ;
|
|
border: 1px solid #282a2e;
|
|
}
|
|
|
|
.btn:hover {
|
|
color:#444 !important;
|
|
background-color: #BBB !important;
|
|
}
|
|
|
|
.btn-primary.active {
|
|
color: #C5C8C6;
|
|
background-color: #5F89AC;
|
|
border-color: #5F89AC;
|
|
}
|
|
|
|
/*Right Pannels*/
|
|
.panel {
|
|
border: 1px solid #111;
|
|
background: none;
|
|
}
|
|
|
|
.panel-heading {
|
|
color: #C5C8C6 !important;
|
|
background: #282a2e !important;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.panel-body {
|
|
color: #C5C8C6 !important;
|
|
background: #1d1f21 !important;
|
|
border-color: #111 !important;
|
|
}
|
|
|
|
p.btn.btn-default{
|
|
background: none;
|
|
}
|
|
|
|
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th, .table-striped>thead>tr:nth-child(odd)>th {
|
|
background:#2d2f32 none !important;
|
|
color:#D5D8D7 !important;
|
|
}
|
|
|
|
.label-success {
|
|
background:#1d6f42 none !important;
|
|
}
|
|
|
|
.label-danger {
|
|
background:#ad1f12 none !important;
|
|
}
|
|
|
|
.searx-navbar {
|
|
background: #333334;
|
|
height: 2.3rem;
|
|
font-size: 1.3rem;
|
|
line-height: 1.3rem;
|
|
padding: 0.5rem;
|
|
font-weight: bold;
|
|
margin-bottom: 0.8rem;
|
|
|
|
a, a:hover {
|
|
margin-right: 2.0rem;
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.instance a {
|
|
color: @light-green;
|
|
margin-left: 2.0rem;
|
|
}
|
|
}
|
|
|
|
#main-logo {
|
|
margin-top: 20vh;
|
|
margin-bottom: 25px;
|
|
|
|
& > img {
|
|
max-width: 350px;
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
.onoffswitch-inner:before, .onoffswitch-inner:after {
|
|
background:#1d1f21 none !important;
|
|
}
|
|
|
|
.onoffswitch-switch, .onoffswitch-label {
|
|
border: 2px solid #3d3f43 !important;
|
|
}
|
|
|
|
.nav>li>a:hover, .nav>li>a:focus {
|
|
background-color: #3d3f43 !important;
|
|
}
|
|
|
|
/*Images search*/
|
|
.img-thumbnail, .thumbnail {
|
|
padding: 0px;
|
|
line-height: 1.42857143;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
.modal-content {
|
|
background:#1d1f21 none !important;
|
|
}
|
|
|
|
/*Preferences*/
|
|
|
|
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
|
|
background: RGBA(240, 0, 0, 0.56) !important;
|
|
color: #C5C8C6 !important;
|
|
}
|
|
|
|
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
|
|
background: RGBA(237, 59, 59, 0.61) !important;
|
|
color: #C5C8C6 !important;
|
|
}
|
|
|
|
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
|
|
background: rgb(102, 105, 110) !important;
|
|
}
|
|
|
|
.btn-success {
|
|
color: #C5C8C6;
|
|
background: #449d44;
|
|
}
|
|
|
|
.btn-danger {
|
|
color: #C5C8C6;
|
|
background: #d9534f;
|
|
|
|
}
|
|
|
|
.well {
|
|
background: #444;
|
|
border-color: #282a2e;
|
|
}
|
|
|
|
.highlight {
|
|
background-color: transparent !important;
|
|
}
|