Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit fb48a988 authored by Daniel J. Ramirez's avatar Daniel J. Ramirez
Browse files

First steps towards the eelo theme. 

Removed bootstrap dependency, there are many many things, but it is worth it.
parent 4980f4f0

.gitignore

+4 −1
Original line number Diff line number Diff line
@@ -15,6 +15,9 @@ setup.cfg 
*~



node_modules/

yarn.lock

yarn-error.log



.tx/

.idea
 


.vscode

searx/settings.yml

+3 −3
Original line number Diff line number Diff line 
general:

    debug : False # Debug mode, only for development

    instance_name : "searx" # displayed name

    debug : debug # Debug mode, only for development

    instance_name : "eelo" # displayed name



search:

    safe_search : 0 # Filter results. 0: None, 1: Moderate, 2: Strict
@@ -18,7 +18,7 @@ server: 
ui:

    static_path : "" # Custom static path - leave it blank if you didn't change

    templates_path : "" # Custom templates path - leave it blank if you didn't change

    default_theme : oscar # ui theme

    default_theme : eelo # ui theme

    default_locale : "" # Default interface locale - leave blank to detect from browser information or use codes from the 'locales' config section



# searx supports result proxification using an external service: https://github.com/asciimoo/morty

searx/static/themes/eelo/README.rst

0 → 100644
+17 −0
Original line number Diff line number Diff line 
install dependencies

~~~~~~~~~~~~~~~~~~~~



run this command in the directory ``searx/static/themes/oscar``



``npm install``



compile sources

~~~~~~~~~~~~~~~



run this command in the directory ``searx/static/themes/oscar``



``grunt``



or in the root directory:



``make grunt``

searx/static/themes/eelo/css/eelo.css

0 → 100644
+348 −0
Original line number Diff line number Diff line 
#pagination {

  display: flex;

  justify-content: space-between;

}

.container {

  max-width: 1100px;

  padding-left: 16px;

  padding-right: 16px;

  display: flex;

  justify-content: space-between;

}

.container > :first-child {

  max-width: 600px;

  width: 600px;

}

.container > :last-child:not(:first-child) {

  max-width: 400px;

  width: 400px;

}

#index {

  max-width: 600px;

  margin: auto;

}

#index img {

  width: 300px;

  display: block;

  margin: auto;

  margin-top: 64px;

  margin-bottom: 64px;

}

.inline {

  display: flex;

  flex-direction: row;

}

.rtl {

  flex-direction: row-reverse;

}

html {

  position: relative;

  min-height: 100%;

  color: #60686f;

}

body {

  /* Margin bottom by footer height */

  margin: 0px;

  padding: 0px;

  font-size: 16px;

  margin-bottom: 80px;

  background-color: white;

}

body,

body * {

  font-family: 'Roboto', "Cantarell", Helvetica, Arial, sans-serif;

}

a {

  color: #3889f4;

}

input,

select {

  box-shadow: none !important;

}

.text-muted {

  color: rgba(0, 0, 0, 0.4);

}

.danger,

.btn.danger {

  color: #e06572;

}

a,

a:hover,

a:focus,

a:active,

select:hover,

select:focus,

select:active {

  outline: none;

  text-decoration: none;

}

.btn {

  text-transform: uppercase;

  padding: 8px 14px;

  background-color: transparent;

  border: 2px solid rgba(0, 0, 0, 0.2);

  border-radius: 8px;

  text-align: center;

  font-size: 16px;

  font-weight: bold;

  color: #5c6469;

}

.btn.btn-block,

.block {

  display: block;

  width: 100%;

  box-sizing: border-box;

}

.btn.primary,

input.btn[type="submit"] {

  color: #5068dd;

}

.btn.btn-flat {

  border: none;

  border-radius: 0;

}

.btn.btn-flat:hover {

  background-color: transparent;

  color: blue;

}

.hidden,

#icons {

  display: none;

}

.custom-select {

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  border: none;

  font-weight: normal;

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJN

AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ

cwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGn

sAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW8

6/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0

ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0w

Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb

7jwaAAAAAElFTkSuQmCC) 96% no-repeat;

}

nav {

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-left: 16px;

  padding-right: 16px;

  text-transform: capitalize;

  margin-bottom: 24px;

}

nav a {

  color: #868686;

  transition: color 0.2s ease-in-out;

  text-decoration: none;

}

nav a:hover {

  text-decoration: none;

  color: #5068dd;

}

#eelo_links > * {

  margin-right: 32px;

}

footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: auto;

  text-align: center;

  color: #c1c1c1;

  padding-bottom: 16px;

}

#q {

  border: 2px solid rgba(0, 0, 0, 0.3);

  border-radius: 50px;

  height: 42px;

  line-height: 42px;

  width: 100%;

  padding-left: 16px;

  font-size: 16px;

}

#search_input_container {

  position: relative;

  display: flex;

  align-items: center;

}

#search_input_container button[type="submit"] {

  position: absolute;

  right: 10px;

  height: 24px;

  border: none;

  background: none;

}

#search_input_container .icon {

  width: 20px;

}

#search_params {

  display: flex;

  justify-content: space-between;

  font-size: 11px;

  margin-bottom: 16px;

  margin-top: 16px;

}

.search_categories,

#categories {

  text-transform: capitalize;

  display: flex;

  flex-wrap: wrap;

  flex-flow: row wrap;

  align-content: stretch;

  align-items: center;

}

.search_categories label,

#categories label {

  flex-grow: 1;

  flex-basis: auto;

  font-size: 14px;

  font-weight: normal;

  margin-right: 16px;

}

.search_categories input[type="checkbox"]:checked + label,

#categories input[type="checkbox"]:checked + label {

  color: #5068dd;

  font-weight: bold;

}

#logo_link {

  position: absolute;

  left: 6px;

}

#logo,

#logo_link {

  height: 32px;

}

.inline-search #q {

  padding-left: 56px;

}

#main-logo {

  margin-top: 12vh;

  margin-bottom: 25px;

}

#main-logo > img {

  max-width: 250px;

  width: 80%;

}

.result.result-default {

  margin-bottom: 32px;

}

.result_header {

  margin-bottom: 8px;

}

.result_header .favicon {

  width: 16px;

  height: 16px;

}

.result-content {

  margin-bottom: 2px;

}

.external-link {

  color: #39a441;

}

.infobox {

  border-radius: 8px;

}

.infobox .panel-heading {

  background-color: transparent;

  border: none;

  padding-top: 16px;

  padding-bottom: 0px;

}

.infobox img {

  margin-top: 18px;

  width: 100%;

}

.infobox .panel-title {

  font-size: 22px;

  color: #5c6469;

}

.extras {

  margin-top: 48px;

}

.result-images {

  display: inline;

}

#default_images_container {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-end;

}

#default_images_container > .result.result-images {

  flex: 20%;

}

.img-thumbnail {

  border: none;

}

#preferences h1 {

  margin-bottom: 32px;

}

#preferences .nav-tabs {

  margin-bottom: 32px;

}

#preferences .options {

  margin-top: 32px;

}

#preferences label {

  color: #5c6469;

}

#preferences div.row.form-group {

  margin-bottom: 24px;

}

#preferences div.tab-content {

  margin-bottom: 48px;

}

#preferences #notice {

  margin-bottom: 32px;

}

#preferences .tab-content {

  display: none;

}

#preferences input.tab-radio[type="radio"] {

  display: none;

}

#preferences input.tab-radio[type="radio"]:checked + .tab-content {

  display: block;

}

#preferences .preference {

  margin-bottom: 16px;

}

#preferences .preference.inline {

  justify-content: space-between;

}

#preferences #tabs {

  margin-bottom: 32px;

}

#preferences #tabs > * {

  margin-right: 32px;

}

#preferences #controls {

  display: flex;

  flex-direction: column-reverse;

  justify-content: flex-end;

}

#preferences section {

  margin-bottom: 32px;

}

#preferences ul > li {

  margin-bottom: 8px;

}

#preferences fieldset {

  border: none;

  padding: 0px;

}

#preferences #cookies_list .cookie-value {

  word-wrap: break-word;

}

#preferences #action_buttons {

  margin-top: 48px;

}

#preferences #action_buttons > div {

  margin-bottom: 24px;

}

#preferences #action_buttons > div > * {

  margin-bottom: 8px;

}

searx/static/themes/eelo/css/eelo.min.css

0 → 100644
+0 −0

File added.

Preview suppressed by a .gitattributes entry or the file's encoding is unsupported.

View file