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/halloween/conf      |  7 ++++---
 s/style/halloween/style.css | 42 ++++++++++++++++++++++++++----------------
 2 files changed, 30 insertions(+), 19 deletions(-)

(limited to 's/style/halloween')

diff --git a/s/style/halloween/conf b/s/style/halloween/conf
index 92566da..73a67aa 100755
--- a/s/style/halloween/conf
+++ b/s/style/halloween/conf
@@ -1,5 +1,3 @@
-// template
-
 name      halloween
 author    Darkelarious
 
@@ -17,4 +15,7 @@ textcol3    #ff0
 textcol4    #552500
 
 // logos
-bglogo    333hw1.png
+bglogo      333hw1.png
+
+// filter
+pngfilter   invert(60%) sepia(56%) saturate(887%) hue-rotate(0deg) brightness(103%) contrast(104%)
diff --git a/s/style/halloween/style.css b/s/style/halloween/style.css
index 66ceb98..18290b4 100644
--- a/s/style/halloween/style.css
+++ b/s/style/halloween/style.css
@@ -43,9 +43,9 @@ a:hover {
     width: 900px; 
     margin: 0 auto; 
     min-height: 100%; 
-    background: url(/style/halloween/333hw1.png) no-repeat center 10px fixed;
-    padding-top: 120px;
-    background-size: 500px;
+    background: url(/style/halloween/333hw1.png) no-repeat center 0 fixed;
+    padding-top: 200px;
+    background-size: 900px;
     }
     
 #footer {
@@ -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 #fa0;
-    background: url(/style/halloween/prim.png) repeat center top;
+}
+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(60%) sepia(56%) saturate(887%) hue-rotate(0deg) brightness(103%) contrast(104%);
+}
   
 div.mainbox.detail table {
   margin-bottom: 20px; 
-- 
cgit v1.2.3