d2tools/templates/htmlTop.php

221 lines
5.5 KiB
PHP
Raw Normal View History

<?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%;
}
</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");
}
});
</script>
<title>D2Modder</title>
</head>
<body>
<div class="">
<h1>{$_SESSION['modname']}</h1>
<p>Auto generated with D2Modder by Hash Casper</p>
EOT;