replace corner images with css

karlheyes · Sep 25, 2018 · 2c794a1 · 2c794a1
1 parent 6348a2c
commit 2c794a1
Showing 17 changed files with 38 additions and 38 deletions.
diff --git a/admin/listclients.xsl b/admin/listclients.xsl
@@ -15,7 +15,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <xsl:for-each select="source">
@@ -73,7 +73,7 @@
 <xsl:text disable-output-escaping="yes">&amp;</xsl:text>nbsp;
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <div class="poster">Support icecast development at <a class="nav" href="http://www.icecast.org">www.icecast.org</a></div>

diff --git a/admin/listmounts.xsl b/admin/listmounts.xsl
@@ -15,7 +15,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <xsl:for-each select="source">
@@ -78,7 +78,7 @@
 <xsl:text disable-output-escaping="yes">&amp;</xsl:text>nbsp;
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <div class="poster">Support icecast development at <a class="nav" href="http://www.icecast.org">www.icecast.org</a></div>

diff --git a/admin/logs.xsl b/admin/logs.xsl
@@ -14,7 +14,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <h3>Access log</h3>
@@ -23,15 +23,15 @@ no frame support however contents can be found <a href="showlog.xsl?log=accesslo
 </iframe>
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <br />
 <br />
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <h3>Error log</h3>
@@ -40,15 +40,15 @@ no frame support however contents can be found <a href="showlog.xsl?log=errorlog
 </iframe>
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <br />
 <br />
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <h3>Playlist log</h3>
@@ -57,7 +57,7 @@ no frame support however contents can be found <a href="showlog.xsl?log=playlist
 </iframe>
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <br />

diff --git a/admin/manageauth.xsl b/admin/manageauth.xsl
@@ -15,7 +15,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <xsl:for-each select="iceresponse">
@@ -72,7 +72,7 @@
 <xsl:text disable-output-escaping="yes">&amp;</xsl:text>nbsp;
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <div class="poster">Support icecast development at <a class="nav" href="http://www.icecast.org">www.icecast.org</a></div>

diff --git a/admin/managerelays.xsl b/admin/managerelays.xsl
@@ -15,7 +15,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <xsl:for-each select="relay">
@@ -45,7 +45,7 @@
 <xsl:text disable-output-escaping="yes">&amp;</xsl:text>nbsp;
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <div class="poster">Support icecast development at <a class="nav" href="http://www.icecast.org">www.icecast.org</a></div>

diff --git a/admin/moveclients.xsl b/admin/moveclients.xsl
@@ -16,7 +16,7 @@
 <xsl:variable name = "currentmount" ><xsl:value-of select="current_source" /></xsl:variable>
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <h3>Move to which mountpoint ?</h3>
@@ -34,7 +34,7 @@
 <xsl:text disable-output-escaping="yes">&amp;</xsl:text>nbsp;
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <div class="poster">Support icecast development at <a class="nav" href="http://www.icecast.org">www.icecast.org</a></div>

diff --git a/admin/response.xsl b/admin/response.xsl
@@ -15,7 +15,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <h3>Response</h3>
@@ -27,7 +27,7 @@ Return Code: <xsl:value-of select="return" /><br></br>
 <br />
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <div class="poster">Support icecast development at <a class="nav" href="http://www.icecast.org">www.icecast.org</a></div>

diff --git a/admin/stats.xsl b/admin/stats.xsl
@@ -18,7 +18,7 @@
 <!--global server stats-->
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <h3>Global Server Stats</h3>
@@ -36,7 +36,7 @@
 </table>
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <br />
@@ -47,7 +47,7 @@
 <xsl:for-each select="source">
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <div class="streamheader">
@@ -93,7 +93,7 @@
 </table>
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <br />

diff --git a/admin/updatemetadata.xsl b/admin/updatemetadata.xsl
@@ -15,7 +15,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <xsl:for-each select="source">
@@ -39,7 +39,7 @@
 <xsl:text disable-output-escaping="yes">&amp;</xsl:text>nbsp;
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <div class="poster">Support icecast development at <a class="nav" href="http://www.icecast.org">www.icecast.org</a></div>

diff --git a/web/auth.xsl b/web/auth.xsl
@@ -19,7 +19,7 @@
 <td>
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 
 <div class="newscontent">
@@ -43,7 +43,7 @@
 <xsl:text disable-output-escaping="yes">&amp;</xsl:text>nbsp;
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <br></br><br></br>

diff --git a/web/images/corner_bottomleft.jpg b/web/images/corner_bottomleft.jpg
diff --git a/web/images/corner_bottomright.jpg b/web/images/corner_bottomright.jpg
diff --git a/web/images/corner_topleft.jpg b/web/images/corner_topleft.jpg
diff --git a/web/images/corner_topright.jpg b/web/images/corner_topright.jpg
diff --git a/web/server_version.xsl b/web/server_version.xsl
@@ -15,7 +15,7 @@
 
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" />
+
 </div>
 <div class="newscontent">
 <h3>Information</h3>
@@ -66,7 +66,7 @@
 </table>
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" />
+
 </div>
 </div>
 <br />

diff --git a/web/status.xsl b/web/status.xsl
@@ -17,7 +17,7 @@
 <xsl:for-each select="source">
 <div class="roundcont">
 <div class="roundtop">
-<img src="/images/corner_topleft.jpg" class="corner" style="display: none" alt=""/>
+
 </div>
 <div class="newscontent">
     <div class="streamheader">
@@ -94,7 +94,7 @@
 </table>
 </div>
 <div class="roundbottom">
-<img src="/images/corner_bottomleft.jpg" class="corner" style="display: none" alt="" />
+
 </div>
 </div>
 <br />

diff --git a/web/style.css b/web/style.css
@@ -130,6 +130,7 @@ td {
     padding: 0px;
     margin: 0px;
     border-collapse: collapse;
+		border-radius: 20px;
 }
 .roundcont table{
     border: none;
@@ -264,35 +265,34 @@ h3 {
     text-align: center;
     border: none;
 }
-.roundtop { 
-	background: url(images/corner_topright.jpg) no-repeat top right; 
+
+div.roundtop {
+	min-height: 15px;
+	min-width: 15px;
 }
 
-.roundbottom {
-	background: url(images/corner_bottomright.jpg) no-repeat top right; 
+div.roundbottom {
+	min-height: 15px;
+	min-width: 15px;
 }
 
 .banner td {
     font-size: 150%;
     vertical-align: top;
 }
 td.topleft {
-    background: url("images/corner_topleft.jpg") no-repeat top left;
     height: 15px;
     width: 15px;
 }
 td.topright {
-    background: url("images/corner_topright.jpg") no-repeat top right;
     height: 15px;
     width: 15px;
 }
 td.bottomleft {
-    background: url("images/corner_bottomleft.jpg") no-repeat bottom left;
     height: 15px;
     width: 15px;
 }
 td.bottomright {
-    background: url("images/corner_bottomright.jpg") no-repeat bottom right;
     height: 15px;
     width: 15px;
 }