From ae716da5bb24039df3073c04905a5e1444a19771 Mon Sep 17 00:00:00 2001
From: Darkelarious <darkelarious@333networks.com>
Date: Sat, 2 Oct 2021 23:36:23 +0200
Subject: serverflag symbols and style rotation

---
 s/style/333networks/conf      |  7 ++++---
 s/style/333networks/style.css | 36 +++++++++++++++++++++++-------------
 2 files changed, 27 insertions(+), 16 deletions(-)

(limited to 's/style/333networks')

diff --git a/s/style/333networks/conf b/s/style/333networks/conf
index 8b23887..bc5c252 100755
--- a/s/style/333networks/conf
+++ b/s/style/333networks/conf
@@ -1,5 +1,3 @@
-// template
-
 name      333networks
 author    Darkelarious
 
@@ -17,4 +15,7 @@ textcol3    #ff0
 textcol4    #666
 
 // logos
-bglogo    333networks.png
+bglogo      333networks.png
+
+// filter
+pngfilter   invert(49%) sepia(50%) saturate(4931%) hue-rotate(177deg) brightness(109%) contrast(104%)
diff --git a/s/style/333networks/style.css b/s/style/333networks/style.css
index a94b81c..0bfe28d 100644
--- a/s/style/333networks/style.css
+++ b/s/style/333networks/style.css
@@ -397,24 +397,34 @@ div.mainbox.detail div.header div.serverflags {
     float:right;
     overflow:hidden;
 }
-div.mainbox.detail div.header div.serverflags div {
-    width:48px;
-    height:48px;
+
+div.mainbox.detail div.header div.serverflags div.r,
+div.mainbox.detail div.header div.serverflags div.g {
+    background: #311;
     display:inline-block;
     border-left:1px solid #0af;
-    background: #222;
+}
+div.mainbox.detail div.header div.serverflags div.g {
+    background: #131;
 }
 
 /* server flag icons */
-div.mainbox.detail div.header div.serverflags div.direct        {background: #131}
-div.mainbox.detail div.header div.serverflags div.manual        {background: #311}
-div.mainbox.detail div.header div.serverflags div.authed        {background: #131}
-div.mainbox.detail div.header div.serverflags div.noauthed      {background: #311}
-div.mainbox.detail div.header div.serverflags div.noblacklist   {background: #131}
-div.mainbox.detail div.header div.serverflags div.blacklist     {background: #311}
-div.mainbox.detail div.header div.serverflags div.nopasswd      {background: #131}
-div.mainbox.detail div.header div.serverflags div.passwd        {background: #311}
-  
+div.mainbox.detail div.header div.serverflags div div.direct        {background-image: url(/serverflags/direct.png);}
+div.mainbox.detail div.header div.serverflags div div.manual        {background-image: url(/serverflags/manual.png);}
+div.mainbox.detail div.header div.serverflags div div.authed        {background-image: url(/serverflags/authed.png);}
+div.mainbox.detail div.header div.serverflags div div.noauthed      {background-image: url(/serverflags/noauthed.png);}
+div.mainbox.detail div.header div.serverflags div div.noblacklist   {background-image: url(/serverflags/noblacklist.png);}
+div.mainbox.detail div.header div.serverflags div div.blacklist     {background-image: url(/serverflags/blacklist.png);}
+div.mainbox.detail div.header div.serverflags div div.nopasswd      {background-image: url(/serverflags/nopasswd.png);}
+div.mainbox.detail div.header div.serverflags div div.passwd        {background-image: url(/serverflags/passwd.png);}
+div.mainbox.detail div.header div.serverflags div div {
+    width:48px;
+    height:48px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 40px 40px;
+    filter: brightness(0) saturate(100%) invert(49%) sepia(50%) saturate(4931%) hue-rotate(177deg) brightness(109%) contrast(104%);
+}
   
 div.mainbox.detail table {
   margin-bottom: 20px; 
-- 
cgit v1.2.3