Self-Host

To Self-host @ https://4g.flossboxin.org.in

static/themes/Catppuccin Latte.css

@@ -0,0 +1,20 @@
+:root{
+	/* background */
+	--1d2021: #eff1f5;
+	--282828: #eff1f5;
+	--3c3836: #dce0e8;
+	--504945: #5c5f77;
+
+	/* font */
+	--928374: #8c8fa1;
+	--a89984: #4c4f69;
+	--bdae93: #4c4f69;
+	--8ec07c: #df8e1d;
+	--ebdbb2: #4c4f69;
+
+	/* code highlighter */
+	--comment: #e64553;
+	--default: #eff1f5;
+	--keyword: #df8e1d;
+	--string:  #209fb5;
+}

static/themes/Catppuccin Mocha.css

@@ -0,0 +1,20 @@
+:root{
+	/* background */
+	--1d2021: #1e1e2e;
+	--282828: #313244;
+	--3c3836: #45475a;
+	--504945: #585b70;
+
+	/* font */
+	--928374: #bac2de;
+	--a89984: #a6adc8;
+	--bdae93: #cdd6f4;
+	--8ec07c: #a6e3a1;
+	--ebdbb2: #f9e2af;
+
+	/* code highlighter */
+	--comment: #f5e0dc;
+	--default: #f2cdcd;
+	--keyword: #fab387;
+	--string:  #74c7ec;
+}

static/themes/Cream.css

@@ -0,0 +1,31 @@
+:root{
+	/* background */
+	--1d2021: #bdae93;
+	--282828: #a89984;
+	--3c3836: #a89984;
+	--504945: #504945;
+	
+	/* font */
+	--928374: #1d2021;
+	--a89984: #282828;
+	--bdae93: #3c3836;
+	--8ec07c: #52520e;
+	--ebdbb2: #1d2021;
+	
+	/* code highlighter */
+	--comment: #6a4400;
+	--default: #d4be98;
+	--keyword: #4a4706;
+	--string: #076678;
+	
+	/* color codes for instance list */
+	--green: #636311;
+	--yellow: #8a6214;
+	--red: #711410;
+}
+
+.autocomplete .entry:hover,
+.instances th:hover
+{
+	background:#928374;
+}

static/themes/Dark Christmas.css

@@ -0,0 +1,95 @@
+body{
+    background-image:url("/static/misc/christmas-dark-bg.png");
+}
+
+.home::before{
+    content:"";
+    position:fixed;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
+    background-image:url("/static/misc/snow.png");
+    pointer-events:none;
+    z-index:-1;
+    animation:snowfall 12s linear infinite;
+    opacity:.6;
+}
+
+.home{
+    background:#1d2021;
+}
+
+@keyframes snowfall{
+    from{
+        background-position:0% 0px;
+    }
+    
+    to{
+        background-position:0% 600px;
+    }
+}
+
+.web .answer::after{
+	display:none;
+}
+
+:root{
+	/* background */
+	--1d2021: #1d2021;
+	--282828: #282828;
+	--3c3836: #3c3836;
+	--504945: #504945;
+	
+	/* font */
+	--928374: #928374;
+	--a89984: #bdae93;
+	--bdae93: #d5c4a1;
+	--8ec07c: #8ec07c;
+	--ebdbb2: #ebdbb2;
+	
+	/* code highlighter */
+	--comment: #9e8e73;
+	--default: #d4be98;
+	--keyword: #d8a657;
+	--string: #7daea7;
+	
+	/* color codes for instance list */
+	--green: #b8bb26;
+	--yellow: #d8a657;
+	--red: #fb4934;
+}
+
+.web .wiki-head table, .about table, .web .info-table, .instances table{
+	background:#1d202170;
+    color:#bdae93;
+}
+
+.web .wiki-head tr:nth-child(odd), .about table tr:nth-child(odd), .web .info-table tr:nth-child(even), .nextpage, .spoiler-button, .instances tbody tr:nth-child(even){
+	background:#28282870;
+    color:#bdae93;
+}
+
+.instances tbody tr:hover{
+	background:#3c383690;
+}
+
+.wiki-head .description{
+    overflow:initial !important;
+}
+
+.wiki-head .photo{
+    position:relative;
+}
+
+.wiki-head .photo::after{
+    content:"";
+    position:absolute;
+    width:100px;
+    height:100px;
+    background-image:url("/static/misc/christmas-hat.png");
+    background-size:contain;
+    top:-61px;
+    left:-31px;
+    transform:rotate(310deg);
+}

static/themes/Gore's shitty theme.css

@@ -0,0 +1,323 @@
+:root{
+	--1d2021: #1d2021;
+	--282828: #282828;
+	--3c3836: #3c3836;
+	--504945: #504945;
+	
+	/* font */
+	--928374: #928374;
+	--a89984: #c9c5bf;
+	--bdae93: #bdae93;
+	--8ec07c: #8ec07c;
+	--ebdbb2: #ebdbb2;
+}
+
+
+
+body{
+	padding:15px 4% 40px;
+	margin:unset;
+}
+
+h1,h2,h3,h4,h5,h6{
+	padding:0;
+	margin:0 0 7px 0;
+	line-height:initial;
+	color:var(--bdae93);
+}
+
+h3,h4,h5,h6{
+	margin-bottom:14px;
+}
+
+/*
+	Web styles
+*/
+
+.searchbox input[type="submit"]{
+	float:right;
+	cursor:pointer;
+	padding:0 10px;
+  border-left: 1px solid var(--504945);
+  background: #723c0b;
+}
+
+
+.searchbox input{
+	all:unset;
+	line-height:36px;
+	box-sizing:border-box;
+	height:36px;
+}
+
+.searchbox:focus-within{
+	border:1px solid #ee8a9c;
+}
+
+.autocomplete{
+	display:none;
+	position:absolute;
+	top:35px;
+	left:-1px;
+	right:-1px;
+	background:var(--282828);
+	border:1px solid var(--504945);
+	border-top:none;
+	border-radius:0 0 2px 2px;
+	z-index:10;
+}
+
+.autocomplete .entry{
+	overflow:hidden;
+	padding:4px 10px;
+	cursor:pointer;
+}
+
+.autocomplete .title{
+	float:left;
+}
+
+.autocomplete .subtext{
+	float:right;
+	font-size:14px;
+	color:var(--928374);
+	margin-left:7px;
+}
+
+/* Tabs */
+
+.tabs{
+	padding-bottom:0px;
+}
+
+.tabs .tab{
+	text-decoration:none;
+	color:#d3d0c1;
+	padding:0px 10px;
+	display:inline-block;
+}
+
+
+.tabs .tab.selected{
+	border-bottom:2px solid #fc92a5;
+}
+
+/* Filters */
+.filters{
+	padding-bottom:12px;
+	padding-top:7px;
+	margin-bottom:7px;
+	background-color:#232525
+}
+
+.filters .filter{
+	display:inline-block;
+	margin-right:7px;
+}
+
+.filters .filter .title{
+	font-size:13px;
+}
+
+.filters .filter input,
+.filters .filter select{
+	all:unset;
+	display:block;
+	border:1px solid var(--504945);
+	border-radius:2px;
+	font-size:14px;
+	padding:0 2px;
+	width:127px;
+	height:22px;
+}
+
+/* infobox */
+.web .infobox{
+	border:1px dashed var(--504945);
+	padding:10px;
+	margin-bottom:17px;
+}
+
+.web .infobox .code{
+	white-space:initial;
+}
+
+.web .infobox ul{
+	padding-left:27px;
+	margin-bottom:0;
+}
+
+.web .infobox a{
+	color:var(--bdae93);
+}
+
+.web .infobox a:hover{
+	text-decoration:underline;
+}
+
+/* text-result */
+
+.web .url .part{
+	font-size:15px;
+	text-decoration:none;
+	color:#90c186;
+}
+
+.web .separator::before{
+	content:"/";
+	padding:0 4px;
+	color:#5ab442;
+	font-size:12px;
+}
+
+
+.web .hover{
+	display:block;
+	text-decoration:none;
+	color:var(--a89984);
+	overflow:hidden;
+	clear:left;
+	padding-top:3px;
+}
+
+.web .text-result .title{
+	font-size:18px;
+	color:#81b5f4;
+	margin-bottom:5px;
+}
+
+.web .text-result a:visited .title{
+	color:#aa77c1 !important;
+}
+
+.theme-white .web .text-result a:visited .title{
+	color:#9760b1 !important;
+}
+
+
+.web .text-result .greentext{
+	font-size:14px;
+	color:var(--bdae93);
+}
+
+
+/* favicon */
+
+
+.favicon-dropdown a{
+	text-decoration:none;
+	color:#d3d0c1;
+	display:block;
+	padding:2px 7px 2px 5px;
+	font-size:13px;
+}
+
+
+.web .favicon img,
+.favicon-dropdown img{
+	margin:3px 7px 0 0;
+	height:16px;
+	font-size:12px;
+	line-height:16px;;
+	display:block;
+	text-align:left;
+}
+
+
+.web .sublinks{
+	padding:17px 10px;
+	font-size:15px;
+	color:var(--#928374);
+}
+
+
+.web .text-result .sublinks:last-child{
+	padding-bottom:0;
+}
+
+
+/* Wikipedia head */
+.wiki-head{
+	padding:5px;
+	background-color: #322f2b
+}
+
+
+/*
+	Images tab
+*/
+
+#images{
+	line-height:15px;
+	overflow:hidden;
+	margin-bottom:10px;
+}
+
+#images .image-wrapper{
+	width:20%;
+	float:left;
+}
+
+
+
+#images .image .title{
+	white-space:nowrap;
+	overflow:hidden;
+	margin-bottom:7px;
+	font-weight:bold;
+    color:var(--bdae93);
+}
+
+
+#popup-status{
+	display:none;
+	position:fixed;
+	top:0;
+	left:0;
+	width:100%;
+	height:35px;
+	background:var(--1d2021);
+	border-bottom:1px solid var(--928374);
+}
+
+/*
+	Settings page
+*/
+
+
+.web .settings-submit a{
+	margin-right:17px;
+	color:#bdae93;
+}
+
+
+/*
+	Responsive image
+*/
+@media only screen and (max-width: 1454px){ #images .image-wrapper{ width:25%; } }
+@media only screen and (max-width: 1161px){ #images .image-wrapper{ width:25%; } }
+@media only screen and (max-width: 750px){ #images .image-wrapper{ width:50%; } }
+@media only screen and (max-width: 450px){ #images .image-wrapper{ width:100%; } }
+
+
+/*
+	Responsive design
+*/
+@media only screen and (max-width: 1550px){
+	
+	
+	.web .left,
+	.searchbox{
+		width:60%;
+	}
+
+}
+
+@media only screen and (max-width: 1000px){
+
+}
+
+    .type{
+    color:var(--bdae93);
+    }
+}

static/themes/White Christmas.css

@@ -0,0 +1,94 @@
+body{
+    background:#e7e7e7;
+    background-image:url("/static/misc/christmas-white-bg.png");
+}
+
+.home::before{
+    content:"";
+    position:fixed;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
+    background:#b9b5b380;
+    background-image:url("/static/misc/snow.png");
+    pointer-events:none;
+    z-index:-1;
+    animation:snowfall 12s linear infinite;
+}
+
+.web .answer::after{
+	display:none;
+}
+
+@keyframes snowfall{
+    from{
+        background-position:0% 0px;
+    }
+    
+    to{
+        background-position:0% 600px;
+    }
+}
+
+:root{
+	/* background */
+	--1d2021: #bdae93;
+	--282828: #e7e7e7;
+	--3c3836: #e7e7e7;
+	--504945: #504945;
+	
+	/* font */
+	--928374: #1d2021;
+	--a89984: #282828;
+	--bdae93: #3c3836;
+	--8ec07c: #52520e;
+	--ebdbb2: #1d2021;
+	
+	/* code highlighter */
+	--comment: #6a4400;
+	--default: #d4be98;
+	--keyword: #4a4706;
+	--string: #076678;
+	
+	/* color codes for instance list */
+	--green: #636311;
+	--yellow: #8a6214;
+	--red: #711410;
+}
+
+.autocomplete .entry:hover{
+	background:#92837480;
+}
+
+.web .wiki-head table, .about table, .web .info-table, .instances table{
+	background:#a8998470;
+}
+
+.web .wiki-head tr:nth-child(odd), .about table tr:nth-child(odd), .web .info-table tr:nth-child(even), .nextpage, .spoiler-button, .instances tbody tr:nth-child(even){
+	background:#bdae9370;
+}
+
+.instances tbody tr:hover{
+	background:#92837480;
+}
+
+.wiki-head .description{
+    overflow:initial !important;
+}
+
+.wiki-head .photo{
+    position:relative;
+}
+
+.wiki-head .photo::after{
+    content:"";
+    position:absolute;
+    width:100px;
+    height:100px;
+    background-image:url("/static/misc/christmas-hat.png");
+    background-size:contain;
+    top:-61px;
+    left:-31px;
+    transform:rotate(310deg);
+}

static/themes/Wine.css

@@ -0,0 +1,40 @@
+:root
+{
+        --accent : #f79e98;
+        --1d2021 : #180d0c;
+        --282828 : #180d0c;
+        --3c3836 : #251615;
+        --504945 : #251615;
+        --928374 : var(--accent);
+        --a89984 : #d8c5c4;
+        --bdae93 : #d8c5c4;
+        --8ec07c : var(--accent);
+        --ebdbb2 : #d8c5c4;
+        --comment: #928374;
+        --default: #DCC9BC;
+        --keyword: #F07342;
+        --string : var(--accent);
+        --green  : #959A6B;
+        --yellow : #E39C45;
+        --red    : #CF223E;
+        --white  : var(--a89984);
+        --black  : var(--1d2021);
+        --hover  : #b18884
+}
+
+      a.link, a { color: var(--accent); text-decoration: none; }
+      .searchbox { width: 23%; }
+      .filters filter select { color: #E39C45; }
+      .web .separator::before { color: var(--white) }
+      .searchbox input[type="text"]::placeholder { color: var(--white); }
+      a.link:hover
+      {
+        color: var(--hover);
+        text-shadow: 0 0 .2rem var(--hover);
+      }
+      .code-inline
+      { border-color: var(--default); font-family: monospace;}
+      .home #center a
+      { color: var(--accent); }
+      .home .subtext
+      { color: var(--white); }

static/themes/gentoo.css

@@ -0,0 +1,20 @@
+:root{
+	/* background */
+	--1d2021: #21222d;
+	--282828: #393657;
+	--3c3836: #27273c;
+	--504945: #aa85e1;
+	
+	/* font */
+	--928374: #906be3;
+	--a89984: #9794ac;
+	--bdae93: #cec0f2;
+	--8ec07c: #5db6e1;
+	--ebdbb2: #b194f5;
+	
+	/* code highlighter */
+	--comment: #a0c0a4;
+	--default: #f00;
+	--keyword: #9376e4;
+	--string: #ecd78f;
+}