add multi theming support

5 files changed, 0 insertions, 807 deletions

diff --git a/searx/static/less/autocompleter.less b/searx/static/less/autocompleter.less
deleted file mode 100644
index db9601aeb..000000000
--- a/searx/static/less/autocompleter.less
+++ /dev/null
@@ -1,61 +0,0 @@
-/*

- * searx, A privacy-respecting, hackable metasearch engine

- */

-

-ul {

-	&.autocompleter-choices {

-		position: absolute;

-		margin: 0;

-		padding: 0;

-		list-style: none;

-		border: 1px solid @color-autocompleter-choices-border;

-		border-left-color: @color-autocompleter-choices-border-left-right;

-		border-right-color: @color-autocompleter-choices-border-left-right;

-		border-bottom-color: @color-autocompleter-choices-border-bottom;

-		text-align: left;

-		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

-		z-index: 50;

-		background-color: @color-autocompleter-choices-background;

-	    color: @color-autocompleter-choices-font;

-	    

-		li {

-			position: relative;

-			margin: -2px 0 0 0;

-			padding: 0.2em 1.5em 0.2em 1em;

-			display: block;

-			float: none !important; 

-			cursor: pointer;

-			font-weight: normal;

-			white-space: nowrap;

-			font-size: 1em;

-			line-height: 1.5em;

-

-			&.autocompleter-selected {

-				background-color: @color-autocompleter-selected-background;

-				color: @color-autocompleter-selected-font;

-

-				span.autocompleter-queried {

-					color: @color-autocompleter-selected-queried-font;

-				}

-			}

-		}

-

-		span.autocompleter-queried {

-			display: inline;

-			float: none;

-			font-weight: bold;

-			margin: 0;

-			padding: 0;

-		}

-	}

-}

-

-/*.autocompleter-loading {

-	//background-image: url(images/spinner.gif);

-	background-repeat: no-repeat;

-	background-position: right 50%;

-}*/

-

-/*textarea.autocompleter-loading {

-	background-position: right bottom;

-}*/

diff --git a/searx/static/less/definitions.less b/searx/static/less/definitions.less
deleted file mode 100644
index 3e0b6579d..000000000
--- a/searx/static/less/definitions.less
+++ /dev/null
@@ -1,113 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- *
- * To change the colors of the site, simple edit this variables
- */
-
-/// Basic Colors
-
-@color-base: #3498DB;
-@color-base-dark: #2980B9;
-@color-base-light: #ECF0F1;
-@color-highlight: #094089;
-@color-black: #000000;
-
-/// General
-
-@color-font: #444;
-
-@color-url-font: #1a11be;
-@color-url-visited-font: #8E44AD;
-@results-width: 50em;
-
-
-/// Start-Screen
-
-// hmarg
-@color-hmarg-border: @color-base;
-@color-hmarg-font: @color-base;
-@color-hmarg-font-hover: @color-base;
-
-
-/// Search-Input
-
-@color-search-border: @color-base;
-@color-search-background: #FFF;
-@color-search-font: #222;
-
-/// Autocompleter
-
-@color-autocompleter-choices-background: #FFF;
-@color-autocompleter-choices-border: @color-base;
-@color-autocompleter-choices-border-left-right: @color-base;
-@color-autocompleter-choices-border-bottom: @color-base;
-
-@color-autocompleter-choices-font: #444;
-
-// Selected
-@color-autocompleter-selected-background: #444;
-@color-autocompleter-selected-font: #FFF;
-@color-autocompleter-selected-queried-font: #9FCFFF;
-
-/// Categories
-
-@color-categories-item-selected: @color-base;
-@color-categories-item-selected-font: #FFF;
-
-@color-categories-item-border-selected: @color-base-dark;
-@color-categories-item-border-unselected: #E8E7E6;
-@color-categories-item-border-unselected-hover: @color-base;
-
-
-/// Results
-
-@color-suggestions-button-background: @color-base;
-@color-suggestions-button-font: #FFF;
-
-@color-download-button-background: @color-base;
-@color-download-button-font: #FFF;
-
-@color-result-search-background: @color-base-light;
-
-@color-result-definition-border: gray;
-@color-result-torrent-border: lightgray;
-@color-result-top-border: #E8E7E6;
-
-// Link to result
-@color-result-link-font: @color-base-dark;
-@color-result-link-visited-font: @color-url-visited-font;
-
-// Url to result
-@color-result-url-font: #C0392B;
-
-// Publish Date
-@color-result-publishdate-font: #888;
-
-// Images
-@color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
-@color-result-image-span-font: #FFF;
-
-// Search-URL
-@color-result-search-url-border: #888;
-@color-result-search-url-font: #444;
-
-
-/// Settings
-
-@color-settings-fieldset: @color-base;
-@color-settings-tr-hover: #DDD;
-
-// Labels
-@color-settings-label-allowed-background: #E74C3C;
-@color-settings-label-allowed-font: #FFF;
-
-@color-settings-label-deny-background: #2ECC71;
-@color-settings-label-deny-font: @color-font;
-
-@color-settings-return-background: @color-base;
-@color-settings-return-font: #FFF;
-
-/// Other
-
-@color-engines-font: #888;
-@color-percentage-div-background: #444;
diff --git a/searx/static/less/mixins.less b/searx/static/less/mixins.less
deleted file mode 100644
index dbccce6e3..000000000
--- a/searx/static/less/mixins.less
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- */
-
-// Mixins
-
-.text-size-adjust (@property: 100%) {  	
-	-webkit-text-size-adjust: @property;
-	-ms-text-size-adjust: @property;
-	-moz-text-size-adjust: @property;
-	text-size-adjust: @property;
-}
-
-.rounded-corners (@radius: 4px) {	
-	-webkit-border-radius: @radius;
-	-moz-border-radius: @radius;
-	border-radius: @radius;
-}
-
-.user-select () {
-	-webkit-touch-callout: none;
-	-webkit-user-select: none;
-	-khtml-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-}
diff --git a/searx/static/less/search.less b/searx/static/less/search.less
deleted file mode 100644
index d285ca734..000000000
--- a/searx/static/less/search.less
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- */
-
-.search  {
-	padding: 0;
-	margin: 0;
-	.checkbox_container label {
-        font-size: 0.9em;
-		border-bottom: 2px solid @color-categories-item-border-unselected;
-	}
-
-	.checkbox_container label:hover {
-		border-bottom: 2px solid @color-categories-item-border-unselected-hover;
-	}
-
-	.checkbox_container input[type="checkbox"]:checked + label { 
-		border-bottom: 2px solid @color-categories-item-border-selected;
-	}
-}
-
-#search_wrapper {
-	position: relative;
-	width: @results-width;
-	padding: 10px;
-}
-
-.center #search_wrapper {
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.q {
-	background: none repeat scroll 0 0 @color-search-background;
-	border: 1px solid @color-search-border;
-	color: @color-search-font;
-	font-size: 16px;
-	height: 28px;
-	margin: 0;
-	outline: medium none;
-	padding: 2px;
-	padding-left: 8px;
-	padding-right: 0px !important;
-	width: 100%;
-	z-index: 2;
-}
-
-#search_submit {
-	position: absolute;
-	top: 13px;
-	right: 1px;
-	padding: 0;
-	border: 0;
-	background: url('../img/search-icon.png') no-repeat;
-	background-size: 24px 24px;
-	opacity: 0.8;
-	width: 24px;
-	height: 30px;
-	font-size: 0;
-}
-
-@media screen and (max-width: @results-width) {
-	#search_wrapper {
-		width: 90%;
-		clear:both;
-		overflow: hidden
-	}
-}
diff --git a/searx/static/less/style.less b/searx/static/less/style.less
deleted file mode 100644
index f1f729b8d..000000000
--- a/searx/static/less/style.less
+++ /dev/null
@@ -1,538 +0,0 @@
-/*
- * searx, A privacy-respecting, hackable metasearch engine
- *
- * To convert "style.less" to "style.css" run: $make styles
- */
-
-@import "definitions.less";
-
-@import "mixins.less";
-
-// Main LESS-Code
-
-html {
-	font-family: sans-serif;
-	font-size: 0.9em;
-	.text-size-adjust;
-	color: @color-font;
-	padding: 0;
-	margin: 0;
-}
-
-body, #container {
-	padding: 0;
-	margin: 0;
-}
-
-#container {
-    width: 100%;
-    position: absolute;
-    top: 0;
-}
-
-// Search-Field
-
-@import "search.less";
-
-// Autocompleter
-
-@import "autocompleter.less";
-
-.row {
-	max-width: 800px;
-	margin: 20px auto;
-	text-align: justify;
-
-	h1 { 
-		font-size: 3em;
-		margin-top: 50px; 
-	}
-
-	p { 
-		padding: 0 10px;
-		max-width: 700px;
-	}
-
-	h3,ul { 
-		margin: 4px 8px;
-	}
-}
-
-.hmarg {
-    margin: 0 20px;
-    border: 1px solid @color-hmarg-border;
-    padding: 4px 10px;
-}
-
-a {
-	&:link.hmarg { 
-		color: @color-hmarg-font; 
-	}
-
-	&:visited.hmarg {
-		color: @color-hmarg-font;
-	}
-
-	&:active.hmarg { 
-		color: @color-hmarg-font-hover; 
-	}
-
-	&:hover.hmarg { 
-		color: @color-hmarg-font-hover; 
-	}
-}
-
-.top_margin { 
-	margin-top: 60px; 
-}
-
-.center {
-	text-align: center;
-}
-
-h1 {
-	font-size: 5em;
-}
-
-div.title {
-	background: url('../img/searx.png') no-repeat;
-	width: 100%;
-	background-position: center;
-
-	h1 {
-		visibility: hidden;
-	}
-}
-
-input[type="submit"] {
-	padding: 2px 6px;
-	margin: 2px 4px;
-	display: inline-block;
-	background: @color-download-button-background;
-	color: @color-download-button-font;
-	.rounded-corners;
-	border: 0;
-	cursor: pointer;
-}
-
-input[type="checkbox"] {
-	visibility: hidden;
-}
-
-fieldset {
-	margin: 8px;
-	border: 1px solid @color-settings-fieldset;
-}
-
-#categories {
-	margin: 0 10px;
-}
-
-.checkbox_container {
-	display: inline-block;
-	position: relative;
-	margin: 0 3px;
-	padding: 0px;
-
-	input {
-		display: none;
-	}
-}
-
-.checkbox_container label, .engine_checkbox label {
-	cursor: pointer;
-	padding: 4px 10px;
-	margin: 0;
-	display: block;
-	text-transform: capitalize;
-	.user-select;
-}
-
-.checkbox_container input[type="checkbox"]:checked + label {
-	background: @color-categories-item-selected;
-	color: @color-categories-item-selected-font;
-}
-
-.engine_checkbox {
-	padding: 4px;
-}
-
-label {
-	&.allow {
-		background: @color-settings-label-allowed-background;
-		padding: 4px 8px; 
-		color: @color-settings-label-allowed-font;
-		display: none;
-	}
-
-	&.deny {
-		background: @color-settings-label-deny-background;
-		padding: 4px 8px; 
-		color: @color-settings-label-deny-font;
-		display: inline;
-	}
-}
-
-.engine_checkbox input[type="checkbox"]:checked + label {
-	&:nth-child(2) + label {
-		display: none;
-	}
-
-	&.allow {
-		display: inline;
-	}
-}
-
-a {
-	text-decoration: none;
-	color: @color-url-font;
-
-	&:visited {
-		color: @color-url-visited-font;
-	}
-}
-
-.result {
-	margin: 19px 0 18px 0;
-	padding: 0;
-	clear: both;
-}
-
-.result_title {
-	margin-bottom: 0;
-
-	a { 
-		color: @color-result-link-font;
-		font-weight: normal;
-		font-size: 1.1em;
-
-		&:hover {
-			text-decoration: underline;
-		}
-
-		&:visited {
-			color: @color-result-link-visited-font;
-		}
-	}
-}
-
-.result {
-	h3 {
-		font-size: 1em;
-		word-wrap:break-word;
-		margin: 5px 0 1px 0;
-		padding: 0
-	}
-
-	.content {
-		font-size: 0.8em;
-		margin: 0;
-		padding: 0;
-		max-width: 54em;
-		word-wrap:break-word;
-		line-height: 1.24;
-	}
-
-	.url {
-		font-size: 0.8em;
-		margin: 3px 0 0 0;
-		padding: 0;
-		max-width: 54em;
-		word-wrap:break-word;
-		color: @color-result-url-font;
-	}
-
-	.published_date {
-		font-size: 0.8em;
-		color: @color-result-publishdate-font;
-    	margin: 5px 20px;
-	}
-}
-
-.engines {
-	color: @color-engines-font;
-}
-
-.small_font {
-	font-size: 0.8em;
-}
-
-.small p {
-	margin: 2px 0;
-}
-
-.right {
-	float: right;
-}
-
-.invisible {
-	display: none;
-}
-
-.left {
-	float: left;
-}
-
-.highlight {
-    color: @color-highlight;
-}
-
-.content .highlight {
-    color: @color-black;
-}
-
-.image_result {
-	float: left;
-	margin: 10px 10px;
-	position: relative;
-	height: 160px;
-
-	img {
-		border: 0;
-		height: 160px;
-	}
-
-	p {
-		margin: 0;
-		padding: 0;
-
-		span a {
-			display: none;
-			color: @color-result-image-span-font;
-		}
-
-		&:hover span a {
-			display: block;
-			position: absolute;
-			bottom: 0;
-			right: 0;
-			padding: 4px;
-			background-color: @color-result-image-span-background-hover;
-			font-size: 0.7em;
-		}
-	}
-}
-
-.torrent_result {
-	border-left: 10px solid @color-result-torrent-border;
-	padding-left: 3px;
-
-	p {
-		margin: 3px;
-		font-size: 0.8em;
-	}
-}
-
-.definition_result {
-	border-left: 10px solid @color-result-definition-border;
-	padding-left: 3px;
-}
-
-.percentage {
-	position: relative;
-	width: 300px;
-
-	div {
-		background: @color-percentage-div-background;
-	}
-}
-
-table {
-	width: 100%;
-}
-
-td {
-	padding: 0 4px;
-}
-
-tr {
-	&:hover {
-		background: @color-settings-tr-hover;
-	}
-}
-
-#results {
-	margin: auto;
-	padding: 0;
-    width: @results-width;
-	margin-bottom: 20px;
-}
-
-#sidebar {
-	position: absolute;
-    top: 100px;
-    right: 10px;
-	margin: 0 2px 5px 5px;
-	padding: 0 2px 2px 2px;
-    width: 14em;
-
-	input {
-		padding: 0;
-		margin: 3px;
-		font-size: 0.8em;
-		display: inline-block;
-        background: transparent;
-        color: @color-result-search-url-font;
-		cursor: pointer;
-	}
-    input[type="submit"] {
-		text-decoration: underline;
-    }
-}
-
-#suggestions {
-
-    margin-top: 20px;
-
-	span {
-		display: inline;
-		margin: 0 2px 2px 2px;
-		padding: 0;
-	}
-	input {
-		padding: 0;
-		margin: 3px;
-		font-size: 0.8em;
-		display: inline-block;
-        background: transparent;
-        color: @color-result-search-url-font;
-		cursor: pointer;
-	}
-    input[type="submit"] {
-		text-decoration: underline;
-    }
-
-	form {
-		display: inline;
-	}
-}
-
-#search_url {
-	margin-top: 8px;
-
-	input {
-		border: 1px solid @color-result-search-url-border;
-		padding: 4px;
-		color: @color-result-search-url-font;
-		width: 14em;
-		display: block;
-		margin: 4px;
-        font-size: 0.8em;
-	}
-} 
-
-#preferences {
-	top: 10px;
-	padding: 0;
-	border: 0;
-	background: url('../img/preference-icon.png') no-repeat;
-	background-size: 28px 28px;
-	opacity: 0.8;
-	width: 28px;
-	height: 30px;
-	display: block;
-
-	* {
-		display: none;
-	}
-}
-
-#pagination {
-	clear: both;
-    width: 40em;
-}
-
-#apis {
-	margin-top: 8px;
-	clear: both;
-}
-
-@media screen and (max-width: @results-width) {
-
-	#categories {
-		font-size: 90%;
-		clear: both;
-
-		.checkbox_container {
-			margin-top: 2px;
-			margin: auto; 
-		}
-	}
-
-    #results {
-        margin: auto;
-        padding: 0;
-        width: 90%;
-    }
-
-	.checkbox_container {
-		display: block;
-        width: 90%;
-		//float: left;
-
-		label {
-			border-bottom: 0;
-		}
-	}
-}
-
-@media screen and (max-width: 70em) {
-	.right {
-		display: none;
-		postion: fixed !important;
-		top: 100px;
-		right: 0px;
-	}
-
-	#sidebar {
-		position: static;
-		max-width: @results-width;
-		margin: 0 0 2px 0;
-		padding: 0;
-		float: none;
-		border: none;
-		width: auto;
-        input {
-            border: 0;
-        }
-	}
-
-	#apis {
-		display: none;
-	}
-
-    #search_url {
-        display: none;
-    }
-
-	.result {
-		border-top: 1px solid @color-result-top-border;
-		margin: 7px 0 6px 0;
-
-		img {
-			max-width: 90%;
-			width: auto;
-			height: auto
-		}
-	}
-}
-
-.favicon {
-	float: left;
-	margin-right: 4px;
-	margin-top: 2px;
-}
-
-.preferences_back {
-	background: none repeat scroll 0 0 @color-settings-return-background;
-    border: 0 none;
-    .rounded-corners;
-    cursor: pointer;
-    display: inline-block;
-    margin: 2px 4px;
-    padding: 4px 6px;
-
-	a {
-		color: @color-settings-return-font;
-	}
-}