Fix service logos and give them some horizontal space.

Replace ids with classes, as ids should be unique.

Fix service logos and give them some horizontal space.
Replace ids with classes, as ids should be unique.
4f885361 · noplanman · cfd2f89c · 4f885361 · 4f885361 · 4f885361
Verified Commit 4f885361 authored Dec 21, 2016 by noplanman
Hide whitespace changes
Inline Side-by-side

Showing with 25 additions and 21 deletions

css/newstyle.css css/newstyle.css +10 -7

show.php show.php +5 -5

showfull.php showfull.php +5 -5

showmap.php showmap.php +5 -4

No files found.
--- a/css/newstyle.css
+++ b/css/newstyle.css
@@ -38,22 +38,25 @@ width: 16px;
 height: 16px;
 background: url('//podupti.me/img/smlogo.png') 0 0;
 display: inline-block;
+margin: 0 2px;
 }
-#twitter {
+.smlogo-twitter {
 background-position: 0 -776px;
 }
-#facebook {
+.smlogo-facebook {
 background-position: 0 -824px;
 }
-#tumblr {
+.smlogo-tumblr {
 background-position: 0 -792px;
 }
-#wordpress {
+.smlogo-wordpress {
 background-position: 0 -656px;
 }
-#xmpp {
-background-position: 0 -656px;
-display: inline-block;
+.smlogo-xmpp {
+background: none;
+}
+.smlogo-xmpp img {
+vertical-align: unset;
 }
 .morehover {
 display: inline-block;

--- a/show.php
+++ b/show.php
@@ -65,11 +65,11 @@ $tip.="On a scale of 100 this pod is a {$row["score"]} right now";
     echo "<td data-toggle='tooltip' data-placement='bottom' title='".$row["whois"]." '>" . $row["country"] . "</td>\n";
 	}
     echo "<td class='' title=''>";
-     if ($row["service_facebook"] == "t") {echo "<div id='facebook' class='smlogo'></div>";}
-     if ($row["service_twitter"] == "t") {echo "<div id='twitter' class='smlogo'></div>";}
-     if ($row["service_tumblr"] == "t") {echo "<div id='tumblr' class='smlogo'></div>";}
-     if ($row["service_wordpress"] == "t") {echo "<div id='wordpress' class='smlogo'></div>";}
-     if ($row["xmpp"] == "t") {echo "<div id='xmpp'><img src='/images/icon-xmpp.png' width='16px' height='16px' title='XMPP chat server' alt='XMPP chat server'></div>";}
+     if ($row["service_facebook"] === "t") {echo "<div class='smlogo smlogo-facebook'></div>";}
+     if ($row["service_twitter"] === "t") {echo "<div class='smlogo smlogo-twitter'></div>";}
+     if ($row["service_tumblr"] === "t") {echo "<div class='smlogo smlogo-tumblr'></div>";}
+     if ($row["service_wordpress"] === "t") {echo "<div class='smlogo smlogo-wordpress'></div>";}
+     if ($row["xmpp"] === "t") {echo "<div class='smlogo smlogo-xmpp'><img src='/images/icon-xmpp.png' width='16' height='16' title='XMPP chat server' alt='XMPP chat server'></div>";}
     echo "</td></tr>\n";
 }
 pg_free_result($result);       

--- a/showfull.php
+++ b/showfull.php
@@ -92,11 +92,11 @@ if (strpos($row["pingdomurl"], "pingdom.com")) {$moreurl = $row["pingdomurl"];}
     echo "<td>" . $row["score"] . "/100</td>\n";
     echo "<td>" . $row["country"] . "</td>\n";
     echo "<td class='' title=''>";
-     if ($row["service_facebook"] == "t") {echo "<div id='facebook' class='smlogo'></div>";}
-     if ($row["service_twitter"] == "t") {echo "<div id='twitter' class='smlogo'></div>";}
-     if ($row["service_tumblr"] == "t") {echo "<div id='tumblr' class='smlogo'></div>";}
-     if ($row["service_wordpress"] == "t") {echo "<div id='wordpress' class='smlogo'></div>";}
-     if ($row["xmpp"] == "t") {echo "<div id='xmpp'><img src='/images/icon-xmpp.png' width='16px' height='16px' title='XMPP chat server' alt='XMPP chat server'></div>";}
+     if ($row["service_facebook"] === "t") {echo "<div class='smlogo smlogo-facebook'></div>";}
+     if ($row["service_twitter"] === "t") {echo "<div class='smlogo smlogo-twitter'></div>";}
+     if ($row["service_tumblr"] === "t") {echo "<div class='smlogo smlogo-tumblr'></div>";}
+     if ($row["service_wordpress"] === "t") {echo "<div class='smlogo smlogo-wordpress'></div>";}
+     if ($row["xmpp"] === "t") {echo "<div class='smlogo smlogo-xmpp'><img src='/images/icon-xmpp.png' width='16' height='16' title='XMPP chat server' alt='XMPP chat server'></div>";}
     echo "</td></tr>\n";
 }
 pg_free_result($result);       

--- a/showmap.php
+++ b/showmap.php
@@ -32,10 +32,11 @@ if (!$result) {
 $numrows = pg_num_rows($result);
 while ($row = pg_fetch_array($result)) {
  unset($feat);
-  if ($row["service_facebook"] == "t") {$feat.= "<div id=\'facebook\' class=\'smlogo\'></div>";}
-  if ($row["service_twitter"] == "t") {$feat.= "<div id=\'twitter\' class=\'smlogo\'></div>";}
-  if ($row["service_tumblr"] == "t") {$feat.= "<div id=\'tumblr\' class=\'smlogo\'></div>";}
-  if ($row["service_wordpress"] == "t") {$feat.= "<div id=\'wordpress\' class=\'smlogo\'></div>";}
+  if ($row["service_facebook"] === "t") {$feat .= "<div class='smlogo smlogo-facebook'></div>";}
+  if ($row["service_twitter"] === "t") {$feat .= "<div class='smlogo smlogo-twitter'></div>";}
+  if ($row["service_tumblr"] === "t") {$feat .= "<div class='smlogo smlogo-tumblr'></div>";}
+  if ($row["service_wordpress"] === "t") {$feat .= "<div class='smlogo smlogo-wordpress'></div>";}
+  if ($row["xmpp"] === "t") {$feat .= "<div class='smlogo smlogo-xmpp'><img src='/images/icon-xmpp.png' width='16' height='16' title='XMPP chat server' alt='XMPP chat server'></div>";}
  unset($signup);if ($row["signup"] == 1) {$signup = "yes";} else {$signup= "no";}
  $pod_name = htmlentities($row["name"], ENT_QUOTES);
  if ($row["secure"] == "true") {$ur="https";} else {$ur="http";}