serverflag symbols and style rotation

3 files changed, 27 insertions, 43 deletions

diff --git a/s/style/rune/conf b/s/style/rune/conf
index 788d530..e7be76b 100755
--- a/s/style/rune/conf
+++ b/s/style/rune/conf
@@ -15,4 +15,7 @@ textcol3    #ff0
 textcol4    #552500
 
 // logos
-bglogo    333runic.png
+bglogo      333runic.png
+
+// filter
+pngfilter   invert(73%) sepia(32%) saturate(5426%) hue-rotate(1deg) brightness(105%) contrast(104%)
diff --git a/s/style/rune/conf2 b/s/style/rune/conf2
deleted file mode 100755
index afd3dbb..0000000
--- a/s/style/rune/conf2
+++ /dev/null
@@ -1,29 +0,0 @@
-// Basic greyscale theme with 333networks logo
-// see util/skingen/colortypes.txt for descriptions of colors.
-
-name      halloween
-author    Darkelarious
-
-bodybg    #000 background.jpg
-bglogo    333runic.png
-
-boxbg1    g75.png
-boxbg2    g50.png
-boxbg3    #210
-
-glow      #552500
-shadow    #fa0
-
-textcol1  #ccc
-textcol2  #aaa
-
-headercol #fa0
-themecol1 #552500
-themecol2 #888
-themecol3 #333
-
-link      #fa0
-linkhover #ff0
-
-
-
diff --git a/s/style/rune/style.css b/s/style/rune/style.css
index cafe77f..01e3e88 100644
--- a/s/style/rune/style.css
+++ b/s/style/rune/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 #fa0;
-    background: #210;
+}
+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(73%) sepia(32%) saturate(5426%) hue-rotate(1deg) brightness(105%) contrast(104%);
+}
   
 div.mainbox.detail table {
   margin-bottom: 20px;