2021-01-06 12:48:41 +00:00
|
|
|
.header {
|
|
|
|
padding: 2%;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2021-01-08 01:02:12 +00:00
|
|
|
.all {
|
|
|
|
font-family: 'Nunito',sans-serif;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
2021-01-10 21:01:59 +00:00
|
|
|
th, td {
|
2021-01-11 00:46:30 +00:00
|
|
|
padding-right: 10px;
|
2021-01-10 21:01:59 +00:00
|
|
|
}
|
2021-01-11 01:47:13 +00:00
|
|
|
.nomargin{
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
.nopadding{
|
|
|
|
padding: 0;
|
|
|
|
}
|
2021-01-06 12:48:41 +00:00
|
|
|
.equipment {
|
|
|
|
padding: 4%;
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(4, 1fr);
|
2021-01-08 20:17:37 +00:00
|
|
|
gap: 15px;
|
2021-01-06 12:48:41 +00:00
|
|
|
grid-auto-rows: minmax(60px, auto);
|
|
|
|
}
|
|
|
|
|
|
|
|
.skillpoints {
|
|
|
|
padding: 4%;
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(5, 1fr);
|
|
|
|
gap: 5px;
|
|
|
|
grid-auto-rows: minmax(60px, auto);
|
|
|
|
}
|
2021-01-09 23:30:05 +00:00
|
|
|
.equipment, .skillpoints, .center, .header, .all{
|
2021-01-10 21:01:59 +00:00
|
|
|
background: #121516;
|
2021-01-09 23:30:05 +00:00
|
|
|
color: #aaa;
|
|
|
|
}
|
|
|
|
.hppeng{
|
|
|
|
color: #20c2b6;
|
|
|
|
}
|
|
|
|
.ferricles{
|
|
|
|
color: #5be553;
|
|
|
|
}
|
|
|
|
a.link{
|
|
|
|
color: #A5FDFF;
|
|
|
|
}
|
2021-01-10 21:01:59 +00:00
|
|
|
.title{
|
|
|
|
text-align: center;
|
|
|
|
font-size: 150%;
|
|
|
|
}
|
2021-01-06 12:48:41 +00:00
|
|
|
.center {
|
2021-01-07 22:44:52 +00:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2021-01-08 01:02:12 +00:00
|
|
|
.right {
|
|
|
|
text-align: right;
|
2021-01-07 22:44:52 +00:00
|
|
|
}
|
|
|
|
|
2021-01-08 01:02:12 +00:00
|
|
|
.left {
|
2021-01-10 21:01:59 +00:00
|
|
|
margin: 2px 2%;
|
2021-01-07 22:44:52 +00:00
|
|
|
text-align: left;
|
2021-01-06 12:48:41 +00:00
|
|
|
}
|
2021-01-07 00:04:16 +00:00
|
|
|
|
2021-01-10 21:01:59 +00:00
|
|
|
.build, .spells, .misc {
|
2021-01-09 23:30:05 +00:00
|
|
|
padding: 2%;
|
2021-01-07 00:04:16 +00:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(4, 1fr);
|
2021-01-09 23:30:05 +00:00
|
|
|
gap: 20px;
|
2021-01-07 00:04:16 +00:00
|
|
|
grid-auto-rows: minmax(60px, auto);
|
2021-01-09 23:35:32 +00:00
|
|
|
width: 94%;
|
2021-01-10 21:01:59 +00:00
|
|
|
background: #121516;
|
2021-01-09 03:53:57 +00:00
|
|
|
}
|
|
|
|
|
2021-01-10 21:01:59 +00:00
|
|
|
.build-helmet, .build-chestplate, .build-leggings, .build-boots, .build-ring1, .build-ring2, .build-bracelet, .build-necklace, .build-weapon, .build-order, .build-overall, .build-melee-stats, .build-defense-stats, .spell-info, .set-info {
|
2021-01-08 01:02:12 +00:00
|
|
|
color: #aaa;
|
2021-01-10 21:01:59 +00:00
|
|
|
background: #121516;
|
2021-01-09 23:30:05 +00:00
|
|
|
border: 3px solid #BCBCBC;
|
2021-01-07 08:11:54 +00:00
|
|
|
border-radius: 3px;
|
2021-01-09 23:35:32 +00:00
|
|
|
width: 96%;
|
2021-01-10 21:31:29 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.spell-info {
|
2021-01-10 21:01:59 +00:00
|
|
|
margin-bottom: 10px;
|
2021-01-08 01:02:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.itemcenter {
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemleft {
|
|
|
|
text-align: left;
|
|
|
|
margin-bottom: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemtable {
|
|
|
|
margin: 2px 2%;
|
2021-01-09 23:35:32 +00:00
|
|
|
width: 94%;
|
2021-01-08 01:02:12 +00:00
|
|
|
margin-bottom: 16px;
|
|
|
|
}
|
2021-01-10 21:31:29 +00:00
|
|
|
/* VERY BAD. NEED FIX. */
|
|
|
|
.spaceLeft {
|
|
|
|
padding-left: 5px;
|
|
|
|
}
|
2021-01-08 01:02:12 +00:00
|
|
|
|
2021-01-09 08:52:58 +00:00
|
|
|
.itemp, .damagep {
|
2021-01-08 01:02:12 +00:00
|
|
|
margin: 2px 2%;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2021-01-09 08:52:58 +00:00
|
|
|
.damageSubtitle {
|
|
|
|
text-align: center;
|
|
|
|
margin: 12px 2% 4px;
|
|
|
|
/*margin-bottom: 16px;*/
|
|
|
|
/*margin-top: 16px;*/
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2021-01-08 01:02:12 +00:00
|
|
|
.positive {
|
|
|
|
color: #5f5;
|
|
|
|
/*text-shadow: 2px 2px 0 #153f15;*/
|
|
|
|
}
|
|
|
|
|
|
|
|
.negative {
|
|
|
|
color: #f55;
|
|
|
|
/*text-shadow: 2px 2px 0 #1f1515;*/
|
|
|
|
}
|
|
|
|
|
|
|
|
.Earth {
|
|
|
|
color: #0a0;
|
|
|
|
/*text-shadow: 2px 2px 0 #002a00;*/
|
|
|
|
}
|
2021-01-08 01:14:56 +00:00
|
|
|
.Earth:before {
|
|
|
|
content: "\2724" ' ';
|
|
|
|
}
|
2021-01-08 01:02:12 +00:00
|
|
|
|
|
|
|
.Thunder {
|
|
|
|
color: #ff5;
|
|
|
|
/*text-shadow: 2px 2px 0 #3f3f15;*/
|
|
|
|
}
|
2021-01-08 01:14:56 +00:00
|
|
|
.Thunder:before {
|
|
|
|
content: "\2726" ' ';
|
|
|
|
}
|
2021-01-08 01:02:12 +00:00
|
|
|
|
|
|
|
.Water {
|
|
|
|
color: #5ff;
|
|
|
|
/*text-shadow: 2px 2px 0 #153f3f;*/
|
|
|
|
}
|
2021-01-08 01:14:56 +00:00
|
|
|
.Water:before {
|
|
|
|
content: "\2749" ' ';
|
|
|
|
}
|
2021-01-08 01:02:12 +00:00
|
|
|
|
|
|
|
.Fire {
|
|
|
|
color: #f55;
|
|
|
|
/*text-shadow: 2px 2px 0 #1f1515;*/
|
|
|
|
}
|
2021-01-08 01:14:56 +00:00
|
|
|
.Fire:before {
|
|
|
|
content: "\2739" ' ';
|
|
|
|
}
|
2021-01-08 01:02:12 +00:00
|
|
|
|
|
|
|
.Air {
|
|
|
|
color: #fff;
|
|
|
|
/*text-shadow: 2px 2px 0 #3f3f3f;*/
|
|
|
|
}
|
2021-01-08 01:14:56 +00:00
|
|
|
.Air:before {
|
|
|
|
content: "\274b" ' ';
|
|
|
|
}
|
2021-01-08 01:02:12 +00:00
|
|
|
|
|
|
|
.Neutral {
|
|
|
|
color: #fa0;
|
|
|
|
/*text-shadow: 2px 2px 0 #2a2a00;*/
|
2021-01-07 06:41:41 +00:00
|
|
|
}
|
2021-01-09 08:52:58 +00:00
|
|
|
.Neutral:before {
|
|
|
|
content: "\2724" ' ';
|
|
|
|
}
|
2021-01-08 01:14:56 +00:00
|
|
|
|
|
|
|
.Health {
|
|
|
|
color: #a00;
|
|
|
|
/*text-shadow: 2px 2px 0 #2a0000;*/
|
|
|
|
}
|
|
|
|
.Health:before {
|
|
|
|
content: "\2764" ' ';
|
|
|
|
}
|
2021-01-08 20:21:31 +00:00
|
|
|
|
|
|
|
.skpInput, .skplabel {
|
|
|
|
display: block;
|
|
|
|
margin: auto;
|
|
|
|
}
|
2021-01-09 23:30:05 +00:00
|
|
|
|
|
|
|
/*Scrollbar*/
|
|
|
|
/* width */
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
width: 10px;
|
|
|
|
}
|
|
|
|
|
2021-01-10 21:01:59 +00:00
|
|
|
/* Track */
|
|
|
|
::-webkit-scrollbar-track {
|
2021-01-09 23:30:05 +00:00
|
|
|
box-shadow: inset 0 0 5px #BCBCBC;
|
|
|
|
border: #BCBCBC;
|
|
|
|
border-radius: 5px;
|
2021-01-10 21:01:59 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Handle */
|
|
|
|
::-webkit-scrollbar-thumb {
|
2021-01-09 23:30:05 +00:00
|
|
|
background: #aaa;
|
|
|
|
border-radius: 10px;
|
2021-01-10 21:01:59 +00:00
|
|
|
}
|
2021-01-09 23:30:05 +00:00
|
|
|
|
2021-01-10 21:01:59 +00:00
|
|
|
/* Ugly Corner */
|
|
|
|
::-webkit-scrollbar-corner{
|
|
|
|
background: #110110;
|
|
|
|
}
|
|
|
|
button {
|
|
|
|
background-color: #666;
|
|
|
|
border: 2px solid #444;
|
|
|
|
border-radius: 5px;
|
|
|
|
color: #ddd;
|
|
|
|
text-align: center;
|
|
|
|
text-decoration: none;
|
|
|
|
font-family: 'Nunito',sans-serif;
|
|
|
|
font-weight: 700;
|
|
|
|
font-size: 120%;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
input {
|
|
|
|
background-color: #666;
|
|
|
|
border: 2px solid #444;
|
|
|
|
border-radius: 5px;
|
|
|
|
color: #ddd;
|
|
|
|
text-align: center;
|
|
|
|
text-decoration: none;
|
|
|
|
font-family: 'Nunito',sans-serif;
|
|
|
|
font-weight: 700;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
::placeholder{
|
|
|
|
color: #ddd;
|
|
|
|
}
|
|
|
|
/* Tier colors tier colors */
|
|
|
|
.Normal{
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.Unique{
|
|
|
|
color:#ff5;
|
|
|
|
}
|
|
|
|
.Rare{
|
|
|
|
color:#f5f;
|
|
|
|
}
|
|
|
|
.Legendary{
|
|
|
|
color:#5ff;
|
|
|
|
}
|
|
|
|
.Fabled{
|
|
|
|
color:#f55;
|
|
|
|
}
|
|
|
|
.Mythic{
|
|
|
|
color:#a0a;
|
|
|
|
}
|
|
|
|
.Set{
|
2021-01-10 21:31:29 +00:00
|
|
|
color:#5f5;
|
2021-01-10 21:01:59 +00:00
|
|
|
}
|
2021-01-10 21:31:29 +00:00
|
|
|
.restrict{
|
|
|
|
color: #ff006a;
|
|
|
|
}
|