feat: import 9 missing OGP themes (Evolution, Soft, mobile, Uprise, Silver, Katiuska, expand-soft, DarkNature, Metro)
Agent-Logs-Url: https://github.com/GameServerPanel/GSP/sessions/491e883b-1dc5-4ca0-83bf-39faa9060c34 Co-authored-by: iaretechnician <2749183+iaretechnician@users.noreply.github.com>
BIN
themes/mobile/Neucha.woff
Normal file
4
themes/mobile/botbody.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
96
themes/mobile/bottom.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<script type="text/javascript">
|
||||
// Anonymous "self-invoking" function
|
||||
function GetURLParameter(sParam)
|
||||
{
|
||||
var sPageURL = window.location.search.substring(1);
|
||||
var sURLVariables = sPageURL.split('&');
|
||||
for (var i = 0; i < sURLVariables.length; i++)
|
||||
{
|
||||
var sParameterName = sURLVariables[i].split('=');
|
||||
if (sParameterName[0] == sParam)
|
||||
{
|
||||
return sParameterName[1];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function escapeRegExp(string){
|
||||
return string.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
|
||||
}
|
||||
|
||||
function loadme(){
|
||||
var pathArray = window.location.pathname.split( '/' );
|
||||
var currentFile = pathArray[pathArray.length-1];
|
||||
var urlParams = window.location.search;
|
||||
var flipStatus = sessionStorage.getItem("flip");
|
||||
|
||||
if( (currentFile == 'index.php' || currentFile == '') && urlParams == '')
|
||||
{
|
||||
$('#content > div > table').css('width','100%');
|
||||
}
|
||||
|
||||
function create_menu_selector(dom) {
|
||||
var result = '<select style="font-size:1.8em;" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">';
|
||||
if(currentFile == 'home.php')
|
||||
result += "<option></option>";
|
||||
$(dom).each(function(){
|
||||
var url = $(this).attr('href'),
|
||||
name = $(this).text(),
|
||||
selected;
|
||||
if(urlParams.match(new RegExp(escapeRegExp(url))))
|
||||
selected = 'selected="selected"';
|
||||
else
|
||||
selected = '';
|
||||
result += "<option value='"+url+"' "+selected+">"+name+"</option>" ;
|
||||
});
|
||||
if(currentFile == 'home.php')
|
||||
result += "<option value='?logout' >Logout</option>";
|
||||
result += "</select>";
|
||||
return result;
|
||||
}
|
||||
|
||||
var menuSelector = create_menu_selector('.menu-bg > div > ul > li > a');
|
||||
|
||||
if(urlParams != '?logout')
|
||||
$('.menu-bg').empty().append(menuSelector);
|
||||
|
||||
if(currentFile == 'home.php' && GetURLParameter('m') == 'ftp')
|
||||
{
|
||||
$('iframe').load(function() {
|
||||
$('iframe').contents().find("head").append('<link rel="stylesheet" type="text/css" href="../../themes/mobile/iframe.css">');
|
||||
});
|
||||
}
|
||||
|
||||
if(currentFile == 'home.php' && GetURLParameter('m') == 'administration' && GetURLParameter('p') == 'main')
|
||||
{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
if(!window.jQuery)
|
||||
{
|
||||
// Load the script
|
||||
var script = document.createElement("SCRIPT");
|
||||
script.src = 'js/jquery/jquery-1.11.0.min.js';
|
||||
script.type = 'text/javascript';
|
||||
document.getElementsByTagName("head")[0].appendChild(script);
|
||||
// Poll for jQuery to come into existance
|
||||
var checkReady = function(callback) {
|
||||
if (window.jQuery) {
|
||||
callback(jQuery);
|
||||
}
|
||||
else {
|
||||
window.setTimeout(function() { checkReady(callback); }, 100);
|
||||
}
|
||||
};
|
||||
|
||||
// Start polling...
|
||||
checkReady(function($) {
|
||||
loadme();
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
loadme();
|
||||
}
|
||||
</script>
|
||||
38
themes/mobile/iframe.css
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
/* FTP iFrame */
|
||||
@font-face
|
||||
{
|
||||
font-family: Neucha;
|
||||
src: url(Neucha.woff);
|
||||
}
|
||||
|
||||
.header,.page .label {
|
||||
font-size:1.4em !important;
|
||||
font-family: Neucha;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: Neucha;
|
||||
}
|
||||
|
||||
.header span{
|
||||
font-size:1.1em !important;
|
||||
}
|
||||
|
||||
body ,#main{
|
||||
background: #DDD !important;
|
||||
}
|
||||
|
||||
div.page > table{
|
||||
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%) !important;
|
||||
font-family: Neucha;
|
||||
}
|
||||
|
||||
div.page > table > tbody > tr > td > center > div > div > table{
|
||||
font-size:1.6em !important;
|
||||
height:85px !important;
|
||||
}
|
||||
|
||||
.browse_rows_even,
|
||||
.browse_rows_odd{
|
||||
background:rgb(242, 242, 245);
|
||||
}
|
||||
BIN
themes/mobile/images/background.png
Normal file
|
After Width: | Height: | Size: 152 KiB |
BIN
themes/mobile/images/banner.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
themes/mobile/images/down_arrow.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
themes/mobile/images/favicon.ico
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
themes/mobile/images/flip.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
themes/mobile/images/hover.gif
Normal file
|
After Width: | Height: | Size: 62 B |
BIN
themes/mobile/images/hover_sub.gif
Normal file
|
After Width: | Height: | Size: 62 B |
BIN
themes/mobile/images/icons/folder.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
themes/mobile/images/icons/game_monitor.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
themes/mobile/images/icons/support.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
themes/mobile/images/topBanner.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
20
themes/mobile/layout.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta name="generator" content=
|
||||
"HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" />
|
||||
|
||||
<title>%title%</title>
|
||||
<link rel="stylesheet" type="text/css" href= "themes/mobile/style.css" />
|
||||
<link href='themes/mobile/images/favicon.ico' rel='icon' type='image/x-icon'/>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=%charset%" />
|
||||
%header_code%
|
||||
%meta%
|
||||
<meta name="viewport" content="width=device-width, user-scalable=yes">
|
||||
</head>
|
||||
<body>
|
||||
%body%
|
||||
</body>
|
||||
</html>
|
||||
275
themes/mobile/style.css
Normal file
|
|
@ -0,0 +1,275 @@
|
|||
/*Menu*/
|
||||
body, html {
|
||||
max-width:100%;
|
||||
font-size:0.8em;
|
||||
background-color: rgb(181, 189, 200);
|
||||
}
|
||||
|
||||
.menu{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.administration-table img{
|
||||
width:100% !important;
|
||||
}
|
||||
.administration-buttons-hmargin{
|
||||
width:5% !important;
|
||||
}
|
||||
|
||||
.administration-table td{
|
||||
min-width:22%;
|
||||
max-width:22%;
|
||||
}
|
||||
.administration-buttons div{
|
||||
min-width:70% !important;
|
||||
max-width:70% !important;
|
||||
min-height:35px !important;
|
||||
font-size:0.7em;
|
||||
}
|
||||
|
||||
.hidden{
|
||||
visibility:hidden;
|
||||
font-size:0px;
|
||||
}
|
||||
|
||||
#server_icon, #execute_operations{
|
||||
background: rgb(40,52,59) !important; /* Old browsers */
|
||||
color:#DDD;
|
||||
margin:1% !important;
|
||||
white-space:nowrap;
|
||||
background:linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%) !important; /* W3C */
|
||||
}
|
||||
|
||||
#server_icon:active, #execute_operations:active {
|
||||
background: linear-gradient(to bottom, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%) !important; /* W3C */
|
||||
}
|
||||
|
||||
#server_icon div:nth-child(2){
|
||||
width: 80%;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
-moz-user-select: -moz-none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
#server_icon{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
#server_icon input[type=radio]{
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#execute_operations{
|
||||
height: 30px;
|
||||
width: 34%;
|
||||
}
|
||||
|
||||
table.tablesorter {
|
||||
margin:10px 0pt 15px;
|
||||
font-size: 0.85em;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr .header {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table.tablesorter tbody td {
|
||||
color: #3D3D3D;
|
||||
padding: 4px;
|
||||
background-color: #FFF;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
table.tablesorter tbody tr.expand-child td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.tablesorter tbody tr.odd td {
|
||||
background: rgb(181,189,200);
|
||||
}
|
||||
|
||||
table.tablesorter tbody tr.even td {
|
||||
background: rgb(40,52,59);
|
||||
color:white;
|
||||
}
|
||||
|
||||
table.tablesorter thead tr .headerSortUp {
|
||||
background: rgb(40,52,59); /* Old browsers */
|
||||
background: linear-gradient(to bottom, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%) !important; /* W3C */
|
||||
}
|
||||
|
||||
table.tablesorter thead tr .headerSortDown {
|
||||
background: rgb(181,189,200); /* Old browsers */
|
||||
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%) !important; /* W3C */
|
||||
}
|
||||
|
||||
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
|
||||
background-color: #8dbdd8;
|
||||
}
|
||||
|
||||
table.tablesorter tfoot td {
|
||||
color: #3D3D3D;
|
||||
padding: 4px;
|
||||
background-color: rgb(181,189,200);
|
||||
vertical-align: top;
|
||||
border: 1px solid grey;
|
||||
}
|
||||
|
||||
table.tablesorter tfoot td div.bloc{
|
||||
margin:12px;
|
||||
}
|
||||
|
||||
table.tablesorter th.header{
|
||||
background: #4c4c4c; /* Old browsers */
|
||||
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%) !important; /* W3C */
|
||||
color:white !important;
|
||||
border-right: 1px solid gray;
|
||||
}
|
||||
|
||||
#servermonitor > thead > tr > th:nth-child(1){
|
||||
border-top-left-radius:9px;
|
||||
}
|
||||
|
||||
#servermonitor > thead > tr > th:nth-last-child(1){
|
||||
border-top-right-radius:9px;
|
||||
border-right-color: transparent;
|
||||
}
|
||||
|
||||
#servermonitor > tbody > tr:nth-child(1) > td{
|
||||
border-top-width: 0px;
|
||||
}
|
||||
|
||||
#servermonitor > tbody > tr > td:nth-last-child(1){
|
||||
box-shadow: inset -1px 0 0 0.1px gray;
|
||||
border-right:0px !important;
|
||||
}
|
||||
|
||||
#servermonitor > tbody > tr > td:nth-child(1){
|
||||
box-shadow: inset 1px 0 0 0.1px gray;
|
||||
border-left:0px !important;
|
||||
}
|
||||
|
||||
#servermonitor > tfoot{
|
||||
border:0px !important;
|
||||
}
|
||||
|
||||
#servermonitor > tfoot > tr > td{
|
||||
border:0px !important;
|
||||
box-shadow: inset 0 0 0 1px gray;
|
||||
}
|
||||
|
||||
button.upload-image{
|
||||
font-size:0.85em;
|
||||
padding:2px !important;
|
||||
border-radius:9px;
|
||||
background:linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%) !important;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.monitorbutton tr td {
|
||||
background-color: rgb(40,52,59) !important; /* Old browsers */
|
||||
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%) !important; /* W3C */
|
||||
}
|
||||
|
||||
.monitorbutton tr td:active {
|
||||
background-color: rgb(40,52,59) !important; /* Old browsers */
|
||||
background: linear-gradient(to bottom, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%) !important; /* W3C */
|
||||
}
|
||||
|
||||
.monitorbutton span, .monitorbutton td{
|
||||
color: black !important;
|
||||
font-weight: bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.mapicon{
|
||||
width:135px;
|
||||
height:100px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.hostname{
|
||||
width:64%;
|
||||
color:white;
|
||||
background:black;
|
||||
border:2px solid gray;
|
||||
border-radius:3px;
|
||||
padding:2px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.mapicon{
|
||||
background:black;
|
||||
border:3px solid gray;
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #BB0E1B;
|
||||
width: 100%;
|
||||
height: 29px;
|
||||
background: rgb(40,52,59);
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
box-shadow: 0px 5px 5px #888;
|
||||
}
|
||||
|
||||
pre {
|
||||
text-decoration: none;
|
||||
text-align: left;
|
||||
clear: both;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
color: white;
|
||||
background-color: black;
|
||||
border-left: 10px #000000 solid;
|
||||
border-right: 10px #000000 solid;
|
||||
border-top: 5px #000000 solid;
|
||||
border-bottom: 5px #000000 solid;
|
||||
word-wrap:  / 
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.log {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
background-color: black;
|
||||
border-left: 5px #000000 solid;
|
||||
border-right: 5px #000000 solid;
|
||||
border-top: 5px #000000 solid;
|
||||
border-bottom: 5px #000000 solid;
|
||||
word-wrap:  / 
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration:none;
|
||||
color:green;
|
||||
}
|
||||
|
||||
.submit-start input{
|
||||
height: 50px;
|
||||
font-size:2em;
|
||||
}
|
||||
|
||||
.expand-child.even .submit-start input{
|
||||
width: 34%;
|
||||
background: rgb(181, 189, 200) !important;
|
||||
color: #DDD;
|
||||
}
|
||||
|
||||
.expand-child.odd .submit-start input{
|
||||
width: 34%;
|
||||
background: rgb(40,52,59) !important;
|
||||
color: #DDD;
|
||||
}
|
||||
4
themes/mobile/top.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<!-- top wrapper -->
|
||||
<div id="topWrapper">
|
||||
<div id="topBanner" onclick="location.href='%logo%'"></div>
|
||||
</div>
|
||||
5
themes/mobile/topbody.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<div id="wrapper" style="background-image:%bg_wrapper%">
|
||||
<div id="container">
|
||||
<!-- content -->
|
||||
<div id="content">
|
||||
<div class="main-content">
|
||||