Changes to how we display links
- New class for blue links, orange links will come later Slight changes to wording and layout on game uploading form
This commit is contained in:
parent
872cd022ad
commit
7ad0b47ea6
@ -135,9 +135,9 @@ try { // Try opening the SQL database connection
|
||||
</div>
|
||||
<p class="newLine"></p>
|
||||
<div class="optionsArea">
|
||||
<p>If this game was part of a tournament, enter the name of it below</p>
|
||||
<p class="newLine">If this game was part of a tournament, select it below</p>
|
||||
<input type="text" name="tourneyName" id="tourneyName" maxlength="150" tabindex="4">
|
||||
<p>If you have uploaded a replay of this game to <a href="https://ballchasing.com">ballchasing.com</a>, enter the ID code below.</p>
|
||||
<p class="newLine">If you have uploaded a replay of this game to <a href="#" onclick="redirect('ballchasing', 'https://ballchasing.com')" class="plainLinkBlue">ballchasing.com</a>, enter the ID code below.</p>
|
||||
<input type="text" name="ballchasingID" id="ballchasingID" maxlength="50" tabindex="4">
|
||||
<p class="newLine"></p>
|
||||
<p>If you have any notes about the game, leave them below</p>
|
||||
|
@ -33,9 +33,8 @@ function redirect(location, address) {
|
||||
case "discord":
|
||||
var link = "https://discordapp.com/users/" + address;
|
||||
break;
|
||||
case "youtube":
|
||||
default:
|
||||
var link = address;
|
||||
break;
|
||||
}
|
||||
|
||||
window.open(link).focus();
|
||||
|
@ -1,89 +0,0 @@
|
||||
/*
|
||||
|
||||
#generalBody {
|
||||
width: 400px;
|
||||
margin: 0;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
#leaderBody {
|
||||
width: 300px;
|
||||
margin: 0;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
#informationContentPanel {
|
||||
margin: auto;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 15px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
#informationContentPanel h4,h5 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#divisionsTable {
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
padding-top: 15px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 30px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
#divisionsTable th {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
#informationTable {
|
||||
border-collapse: collapse;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
padding-top: 5px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
vertical-align: middle;
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
#informationTable tr {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
#informationTable td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#informationTable img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.infoTableLeftColumn {
|
||||
text-align: left;
|
||||
padding-top: 7px;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
.infoTableRightColumn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.divTableLeftColumn {
|
||||
text-align: center;
|
||||
padding-top: 7px;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
.divTableRightColumn {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
*/
|
@ -167,6 +167,17 @@ For all the things at the bottom of the page; log in/out, 'my account', etc.
|
||||
}
|
||||
|
||||
|
||||
/* Link styling */
|
||||
|
||||
.plainLinkBlue {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.plainLinkBlue:hover {
|
||||
color: rgb(30, 90, 255);;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -262,12 +262,3 @@
|
||||
height: 0px;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.accountDetailsRightSide a {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.accountDetailsRightSide a:hover {
|
||||
color: rgb(30, 90, 255);;
|
||||
}
|
@ -139,14 +139,14 @@ try { // Try opening the SQL database connection
|
||||
<div class=\"accountDetailsRightSide\">
|
||||
");
|
||||
if (isset($userDetails["twitch"]) && $userDetails["twitch"] != "") {
|
||||
echo ("<p><a href=\"#\" id=\"twitchURL\" onclick=\"redirect('twitch', '" . $userDetails["twitch"] . "')\">" . $userDetails["twitch"] . "</a></p>");
|
||||
echo ("<p><a href=\"#\" id=\"twitchURL\" onclick=\"redirect('twitch', '" . $userDetails["twitch"] . "')\" class=\"plainLinkBlue\">" . $userDetails["twitch"] . "</a></p>");
|
||||
} else {
|
||||
echo ("<p>none</p>");
|
||||
}
|
||||
|
||||
if (isset($userDetails["youtube"]) && $userDetails["youtube"] != "") {
|
||||
if (isset($userDetails["youtubeLink"]) && $userDetails["youtubeLink"] != "") {
|
||||
echo ("<p><a href=\"#\" id=\"youtubeURL\" onclick=\"redirect('youtube', '" . $userDetails["youtubeLink"] . "')\">" . $userDetails["youtube"] . "</a></p>");
|
||||
echo ("<p><a href=\"#\" id=\"youtubeURL\" onclick=\"redirect('youtube', '" . $userDetails["youtubeLink"] . "')\" class=\"plainLinkBlue\">" . $userDetails["youtube"] . "</a></p>");
|
||||
} else {
|
||||
echo ("<p>" . $userDetails["youtube"] . "</a></p>");
|
||||
}
|
||||
@ -156,7 +156,7 @@ try { // Try opening the SQL database connection
|
||||
|
||||
if (isset($userDetails["discord"]) && $userDetails["discord"] != "") {
|
||||
if (isset($userDetails["discordLink"]) && $userDetails["discordLink"] != "") {
|
||||
echo ("<a href=\"#\" id=\"discordURL\" onclick=\"redirect('discord', '" . $userDetails["discordLink"] . "')\"> " . $userDetails["discord"] . "</a></p>");
|
||||
echo ("<a href=\"#\" id=\"discordURL\" onclick=\"redirect('discord', '" . $userDetails["discordLink"] . "')\" class=\"plainLinkBlue\"> " . $userDetails["discord"] . "</a></p>");
|
||||
} else {
|
||||
echo ("<p>" . $userDetails["discord"] . "</a></p>");
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user