2022-03-27 09:59:16 +00:00
|
|
|
<?php
|
|
|
|
$htmltop = <<<EOT
|
|
|
|
|
|
|
|
<!doctype html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<!-- Required meta tags -->
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
|
|
|
|
|
|
<!-- Bootstrap CSS -->
|
|
|
|
<link rel="stylesheet" href="res/bootstrap.min.css">
|
|
|
|
<link rel="stylesheet" href="res/font-awesome.min.css">
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
|
|
<link rel="stylesheet" href="https://bootswatch.com/4/sketchy/bootstrap.min.css">
|
|
|
|
<link rel="stylesheet" href="res/style.css">
|
|
|
|
<style>
|
|
|
|
|
|
|
|
body{
|
|
|
|
background: white;
|
|
|
|
font-family: ExocetLight;
|
|
|
|
}
|
|
|
|
table, table th, table td, table tr {
|
|
|
|
background: #111;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
.item {
|
|
|
|
text-align: center;
|
|
|
|
position:relative;
|
|
|
|
right:0px;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
.item_desc {
|
|
|
|
height: 600px;
|
|
|
|
width: 620px;
|
|
|
|
position: relative;
|
|
|
|
left: 0px;
|
|
|
|
top: 0px;
|
|
|
|
text-align: center;
|
|
|
|
padding: 10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.item_stats{
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
background: #111;
|
|
|
|
min-height: 260px;
|
|
|
|
}
|
|
|
|
.item_desc {
|
|
|
|
height: auto;
|
|
|
|
text-align: center;
|
|
|
|
padding: 10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.green {
|
|
|
|
color: #00FF00;
|
|
|
|
/*Set items*/
|
|
|
|
}
|
|
|
|
.gold{
|
|
|
|
color: #A59263;
|
|
|
|
/*Set items*/
|
|
|
|
}
|
|
|
|
.orange{
|
|
|
|
color: #FFA500;
|
|
|
|
/*Set items*/
|
|
|
|
}
|
|
|
|
.yellow {
|
|
|
|
color: #FFFF00;
|
|
|
|
/*Set items*/
|
|
|
|
}
|
|
|
|
.blue {
|
|
|
|
color: #4169E1;
|
|
|
|
}
|
|
|
|
td {
|
|
|
|
height: 240px;
|
|
|
|
text-align: center;
|
|
|
|
vertical-align: middle;
|
|
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.uname {
|
|
|
|
background: #222;
|
|
|
|
}
|
|
|
|
.ulvl {
|
|
|
|
}
|
|
|
|
.ulvlreq {
|
|
|
|
}
|
|
|
|
.utype {
|
|
|
|
background: #111;
|
|
|
|
}
|
|
|
|
.ucode {
|
|
|
|
}
|
|
|
|
.uitem {
|
|
|
|
}
|
|
|
|
.rprops {
|
|
|
|
background: #222 !important;
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
padding: 30px 5px;
|
|
|
|
}
|
|
|
|
.rw {
|
|
|
|
text-align: center;
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
margin: 10px;
|
|
|
|
padding: 10px;
|
|
|
|
background: #111;
|
|
|
|
}
|
|
|
|
.rw-name {
|
|
|
|
font-size: 28px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.rw-type {
|
|
|
|
font-family: ExocetLight;
|
|
|
|
}
|
|
|
|
.rw-rune {
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
.rw-count {
|
|
|
|
background: #222;
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
border-radius: 50;
|
|
|
|
display: block;
|
|
|
|
height: 60px;
|
|
|
|
width: 60px;
|
|
|
|
line-height: 60px;
|
|
|
|
-moz-border-radius: 30px;
|
|
|
|
/* or 50% */
|
|
|
|
border-radius: 30px;
|
|
|
|
/* or 50% */
|
|
|
|
margin: 0 auto;
|
|
|
|
color: white;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 2em;
|
|
|
|
}
|
|
|
|
.rune-img {
|
|
|
|
padding: 1px;
|
|
|
|
margin:1px;
|
|
|
|
height: 48px;
|
|
|
|
width: 48px;
|
|
|
|
}
|
|
|
|
table, table th, table td, table tr {
|
|
|
|
background: #111;
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
.item_stats{
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
.item_desc {
|
|
|
|
height: auto;
|
|
|
|
text-align: center;
|
|
|
|
padding: 10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
table {
|
|
|
|
}
|
|
|
|
.desc {
|
|
|
|
min-width: 320px;
|
|
|
|
font-family: Tahoma,Arial,Sans;
|
|
|
|
background: #222;
|
|
|
|
}
|
|
|
|
.input1,.input3,.input5,.input7{
|
|
|
|
background: #444;
|
|
|
|
}
|
|
|
|
.input2, .input4, .input6 {
|
|
|
|
background: #333;
|
|
|
|
}
|
|
|
|
.output1{
|
|
|
|
background: #222;
|
|
|
|
}
|
|
|
|
.output2 {
|
|
|
|
background: #222;
|
|
|
|
}
|
|
|
|
.output3 {
|
|
|
|
background: #222;
|
|
|
|
}
|
|
|
|
td {
|
|
|
|
height: 240px;
|
|
|
|
text-align: center;
|
|
|
|
vertical-align: middle;
|
|
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gemtable td img {
|
|
|
|
max-height: 128px;
|
|
|
|
}
|
|
|
|
|
2022-03-27 10:38:03 +00:00
|
|
|
table {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2022-03-27 09:59:16 +00:00
|
|
|
</style>
|
|
|
|
|
|
|
|
<script src="res/jquery-3.5.1.min.js"></script>
|
|
|
|
<script src="res/bootstrap.bundle.min.js"></script>
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="res/datatables.min.css"/>
|
|
|
|
<script type="text/javascript" src="res/datatables.min.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
$(document).ready(function () {
|
|
|
|
$('.cubetable').dataTable();
|
|
|
|
$('.utable').dataTable();
|
|
|
|
$('.gemtable').dataTable();
|
|
|
|
$('.rtable').dataTable();
|
2022-03-27 10:38:03 +00:00
|
|
|
|
|
|
|
|
|
|
|
userAgent = window.navigator.userAgent
|
|
|
|
if(userAgent.includes("Windows") == true) {
|
|
|
|
$('.itemimage').css("margin-left","40px");
|
|
|
|
}
|
|
|
|
|
2022-03-27 09:59:16 +00:00
|
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<title>D2Modder</title>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="">
|
|
|
|
<h1>{$_SESSION['modname']}</h1>
|
|
|
|
<p>Auto generated with D2Modder by Hash Casper</p>
|
|
|
|
EOT;
|