mirror of
https://gitlab.com/hashborgir/d2tools.git
synced 2025-12-15 12:31:36 -06:00
Refactored Item display. Todo: auto doc gen debug loop
This commit is contained in:
color.diff=auto
264
docs/Test2/res/style.css
Executable file
264
docs/Test2/res/style.css
Executable file
@@ -0,0 +1,264 @@
|
||||
/*
|
||||
|
||||
Copyright (C) 2021 Hash Borgir
|
||||
|
||||
This file is part of D2Modder
|
||||
|
||||
Redistribution and use in source and binary forms, with
|
||||
or without modification, are permitted provided that the
|
||||
following conditions are met:
|
||||
|
||||
* Redistributions of source code must retain the above
|
||||
copyright notice, this list of conditions and the
|
||||
following disclaimer.
|
||||
|
||||
* Redistributions in binary form must reproduce the above
|
||||
copyright notice, this list of conditions and the
|
||||
following disclaimer in the documentation and/or other
|
||||
materials provided with the distribution.
|
||||
|
||||
* This software must not be used for commercial purposes
|
||||
* without my consent. Any sales or commercial use are prohibited
|
||||
* without my express knowledge and consent.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY!
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND
|
||||
CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES,
|
||||
INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
|
||||
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||||
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
|
||||
NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||||
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
|
||||
HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
||||
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
|
||||
OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
||||
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'ExocetHeavy';
|
||||
src: url('/fonts/ExocetHeavy.eot');
|
||||
src: local('Exocet Heavy'), local('ExocetHeavy'),
|
||||
url('/fonts/ExocetHeavy.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/ExocetHeavy.woff2') format('woff2'),
|
||||
url('/fonts/ExocetHeavy.woff') format('woff'),
|
||||
url('/fonts/ExocetHeavy.ttf') format('truetype'),
|
||||
url('/fonts/ExocetHeavy.svg#ExocetHeavy') format('svg');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'ExocetLight';
|
||||
src: local('Exocet Light'), local('ExocetLight'),
|
||||
url('/fonts/ExocetLight.ttf') format('truetype');
|
||||
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
src: url('/fonts/Lato-Regular.ttf') format('truetype');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
form input {
|
||||
width: 108px;
|
||||
padding: 5px;
|
||||
margin: 5xp;
|
||||
text-align: center;
|
||||
border: 0px;
|
||||
background: #eef;
|
||||
}
|
||||
|
||||
.form-text,
|
||||
.help {
|
||||
font-size: 0.9rem;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.form-text {
|
||||
padding: 5px;
|
||||
color: black;
|
||||
display:none;
|
||||
}
|
||||
|
||||
select,
|
||||
input,
|
||||
option {
|
||||
border: #ccc;
|
||||
}
|
||||
|
||||
.row {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.col-2,
|
||||
.col-3,
|
||||
.col-4 {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.container-top {
|
||||
border: 1px solid #ddd;
|
||||
margin: 30px auto;
|
||||
padding: 10px;
|
||||
background: #fafaff;
|
||||
}
|
||||
|
||||
body {
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
font-family:lato;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6, div > p {
|
||||
font-family: ExocetLight;
|
||||
color: #778;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#loading {
|
||||
margin-top: 40px;
|
||||
font-family: lato !important;
|
||||
}
|
||||
|
||||
.fa-question-circle {
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.form-group > div {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.help{
|
||||
position: absolute;
|
||||
top:0px;
|
||||
right: 0px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size: 18px;
|
||||
border: 1px solid #CCC;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
|
||||
/* CAUTION: Internet Explorer hackery ahead */
|
||||
|
||||
|
||||
select::-ms-expand {
|
||||
display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
|
||||
}
|
||||
|
||||
/* Target Internet Explorer 9 to undo the custom arrow */
|
||||
@media screen and (min-width:0\0) {
|
||||
select {
|
||||
background: none\9;
|
||||
padding: 5px\9;
|
||||
}
|
||||
}
|
||||
|
||||
option {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
.props input {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.item {
|
||||
text-align: left;
|
||||
position:absolute;
|
||||
right:282px;
|
||||
}
|
||||
|
||||
.item_desc {
|
||||
height: 600px;
|
||||
width: 620px;
|
||||
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
text-transform: uppercase;
|
||||
|
||||
}
|
||||
|
||||
.item_desc p {
|
||||
font-size: 14px;
|
||||
color: #4169E1;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
.item_desc span {
|
||||
}
|
||||
|
||||
.item_stats {
|
||||
background: #111;
|
||||
height: 420px;
|
||||
max-width: 520px;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
ul, li, ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.debug {
|
||||
height: 800px;
|
||||
}
|
||||
|
||||
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
|
||||
.string { color: green; }
|
||||
.number { color: darkorange; }
|
||||
.boolean { color: blue; }
|
||||
.null { color: magenta; }
|
||||
.key { color: red; }
|
||||
|
||||
.statindex, .stattype{
|
||||
color: #A59263;
|
||||
font-weight: bold;
|
||||
font-family: ExocetHeavy;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
.statlvlreq {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
COLOR classes
|
||||
|
||||
|
||||
Text Colors
|
||||
#FFA500 Crafted items
|
||||
#4169E1 Magic items
|
||||
#FFFF00 Rare items
|
||||
#A59263 Unique items
|
||||
|
||||
*/
|
||||
|
||||
.green {
|
||||
color: #00FF00; /*Set items*/
|
||||
}
|
||||
.gold{
|
||||
color: #A59263; /*Set items*/
|
||||
}
|
||||
.orange{
|
||||
color: #FFA500; /*Set items*/
|
||||
}
|
||||
.yellow {
|
||||
color: #FFFF00; /*Set items*/
|
||||
}
|
||||
Reference in New Issue
Block a user