162 lines
2.5 KiB
CSS
162 lines
2.5 KiB
CSS
.header {
|
|
padding: 2%;
|
|
text-align: center;
|
|
}
|
|
|
|
.all {
|
|
font-family: 'Nunito',sans-serif;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.equipment {
|
|
padding: 4%;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 15px;
|
|
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);
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.build, .spells {
|
|
padding: 1%;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 10px;
|
|
grid-auto-rows: minmax(60px, auto);
|
|
width: 98%;
|
|
}
|
|
|
|
.spell-info {
|
|
color: #aaa;
|
|
background: #110110;
|
|
border: 2px solid black;
|
|
border-radius: 3px;
|
|
width: 100%;
|
|
}
|
|
|
|
.build-helmet, .build-chestplate, .build-leggings, .build-boots, .build-ring1, .build-ring2, .build-bracelet, .build-necklace, .build-weapon, .build-order, .build-overall {
|
|
color: #aaa;
|
|
background: #110110;
|
|
border: 2px solid black;
|
|
border-radius: 3px;
|
|
width: 100%;
|
|
}
|
|
|
|
.itemcenter {
|
|
text-align: center;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.itemleft {
|
|
text-align: left;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.itemtable {
|
|
margin: 2px 2%;
|
|
width: 96%;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.itemp, .damagep {
|
|
margin: 2px 2%;
|
|
padding: 0;
|
|
}
|
|
|
|
.damageSubtitle {
|
|
text-align: center;
|
|
margin: 12px 2% 4px;
|
|
/*margin-bottom: 16px;*/
|
|
/*margin-top: 16px;*/
|
|
}
|
|
|
|
|
|
.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;*/
|
|
}
|
|
.Earth:before {
|
|
content: "\2724" ' ';
|
|
}
|
|
|
|
.Thunder {
|
|
color: #ff5;
|
|
/*text-shadow: 2px 2px 0 #3f3f15;*/
|
|
}
|
|
.Thunder:before {
|
|
content: "\2726" ' ';
|
|
}
|
|
|
|
.Water {
|
|
color: #5ff;
|
|
/*text-shadow: 2px 2px 0 #153f3f;*/
|
|
}
|
|
.Water:before {
|
|
content: "\2749" ' ';
|
|
}
|
|
|
|
.Fire {
|
|
color: #f55;
|
|
/*text-shadow: 2px 2px 0 #1f1515;*/
|
|
}
|
|
.Fire:before {
|
|
content: "\2739" ' ';
|
|
}
|
|
|
|
.Air {
|
|
color: #fff;
|
|
/*text-shadow: 2px 2px 0 #3f3f3f;*/
|
|
}
|
|
.Air:before {
|
|
content: "\274b" ' ';
|
|
}
|
|
|
|
.Neutral {
|
|
color: #fa0;
|
|
/*text-shadow: 2px 2px 0 #2a2a00;*/
|
|
}
|
|
.Neutral:before {
|
|
content: "\2724" ' ';
|
|
}
|
|
|
|
.Health {
|
|
color: #a00;
|
|
/*text-shadow: 2px 2px 0 #2a0000;*/
|
|
}
|
|
.Health:before {
|
|
content: "\2764" ' ';
|
|
}
|
|
|
|
.skpInput, .skplabel {
|
|
display: block;
|
|
margin: auto;
|
|
}
|