TotalFreedomMC/Website
1
0
Fork 0
mirror of https://github.com/TotalFreedomMC/Website.git synced 2024-12-22 16:25:12 +00:00
Code Issues Projects Releases Wiki Activity

Updates

Browse source
This commit is contained in:
aggelosQQ 2016-12-29 13:54:34 +02:00 committed by GitHub
parent 361fa19ce0
commit ad8d609886
4 changed files with 323 additions and 298 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
css/main.css
View file

@ -10,6 +10,7 @@ body {
-o-transition: all .2s ease-in-out;
z-index: 100
}
.admins ul,
.cover-1,
.cover-2,
@ -44,7 +45,7 @@ body {
margin-top: 23%
}
.button {
padding: 15px;
padding: 5px 55px;
background: rgba(255, 255, 255, .1);
border-radius: 65px;
color: #c8c8c8;
@ -64,9 +65,6 @@ body {
display: none;
padding: 30px
}
.rule ul {
display: none;
}
#rules-title,
.admins>ul>a {
padding: 10px;
@ -122,12 +120,16 @@ i.rules-icon:hover {
.admins>ul>a {
margin: 5px;
background: rgba(0, 0, 0, .3);
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
border-radius: 150px;
z-index: 200
z-index: 200;
}
.admins>ul>a:hover {
background: rgba(100, 100, 100, .3)
background: rgba(100, 100, 100, .3);
transform: translateY(-4px);
}
.admins ul {
z-index: 101
@ -174,9 +176,6 @@ i.rules-icon:hover {
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.rule {
display: none;
}
.rest>li:hover {
transform: translateX(5px)
}
@ -240,7 +239,22 @@ i.rules-icon:hover {
color: #c8c8c8
}
.modal ul {
display: inline-block
display: inline-block;
}
.modal li {
display: inline-block;
/* word-wrap: break-word;*/
padding:10px;
margin:4px;
background: rgba(150, 150, 150, .3);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
border-radius: 150px;
}
.modal li:hover {
background: rgba(200, 200, 200, .3);
}
.modal h4 {
margin-bottom: 38px
@ -273,4 +287,8 @@ i.rules-icon:hover {
float: left;
border-radius: 50%
}
.modal li {
display: block;
width:95%;
}
}

14
index.html
View file

@ -15,7 +15,7 @@
<link async rel="stylesheet" href="css/global.css">
<link async rel=”icon” href=”favicon.ico” type=”image/x-icon”>
<link async rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
<script>// All Json content is loaded respectively into #(item) var jsonUrl="http://madgeekonline.com/tfinfo/"; var jsonContent=[ "players"]; $(document).ready(function(){loadJson(jsonUrl, jsonContent);}); </script> <script>! function(a, b, c, d, e, f, g){a.GoogleAnalyticsObject=e, a[e]=a[e] || function(){(a[e].q=a[e].q || []).push(arguments)}, a[e].l=1 * new Date, f=b.createElement(c), g=b.getElementsByTagName(c)[0], f.async=1, f.src=d, g.parentNode.insertBefore(f, g)}(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga"), ga("create", "UA-74643356-2", "auto"), ga("send", "pageview"); </script>
<script>! function(a, b, c, d, e, f, g){a.GoogleAnalyticsObject=e, a[e]=a[e] || function(){(a[e].q=a[e].q || []).push(arguments)}, a[e].l=1 * new Date, f=b.createElement(c), g=b.getElementsByTagName(c)[0], f.async=1, f.src=d, g.parentNode.insertBefore(f, g)}(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga"), ga("create", "UA-74643356-2", "auto"), ga("send", "pageview"); </script>
</head>
<body>
<div class="navbar-fixed">
@ -44,6 +44,7 @@
<h3 id="server-status"> <span id="online"></span></h3>
<a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a>
</div>
<div id="onlineplayers" class="modal modal-fixed-footer">
<div class="modal-content">
<h4 id="players-online">
@ -91,6 +92,7 @@
<h2 id="rules-title" class="eight">Gamemodes <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<p class="rule h">You are free to use creative or survival mode on the server. For creative, type /creative. For survival, type /survival. </p>
</div>
<div class="rules-section">
<h2 id="rules-title" class="nine">TotalFreedom IPs <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<div class="rule i"><p><u>IPs you may use to connect to TotalFreedom.</u></p>
@ -104,7 +106,6 @@
</div>
</div>
</div>
<div class="section cover-3" id="staff">
<br/>
<h1 class="section-title">Current Staff</h1>
@ -200,7 +201,7 @@
<div class="footer-copyright">
<div class="container">
<hr>
TotalFreedom &copy; 2012 - <span id="curYear"></span>. <a class="grey-text text-lighten-4 right" href="https://twitter.com/maloukos1">Made by aggelosQQ</a>
TotalFreedom &copy; 2010 - <span id="curYear"></span>. <a class="grey-text text-lighten-4 right" href="https://twitter.com/maloukos1">Made by aggelosQQ</a>
</div>
</div>
</div>
@ -218,5 +219,12 @@
<script src="js/jquery.cookies.js"></script>
<script src="js/main.js"></script>
<script src="js/functions.js"></script>
<script>
// All Json content is loaded respectively into #(item)
var jsonUrl="http://madgeekonline.com/tfinfo/";
var jsonContent=[ "players"]; $(document).ready(function(){
loadJson(jsonUrl, jsonContent);
});
</script>
</body>
</html>

1
js/main.js
View file

@ -102,7 +102,6 @@ $(document).ready(function(){
$(".nine").click(function(){
$(".i").fadeToggle(300);
$(".i ul").fadeToggle(300);
$(".nine i").toggleClass("fa-chevron-right");
$(".nine i").toggleClass("fa-chevron-down");
});