191 lines
2.9 KiB
CSS
191 lines
2.9 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);
|
|
}
|
|
.equipment, .skillpoints, .center, .header, .all{
|
|
background: #110110;
|
|
color: #aaa;
|
|
}
|
|
.hppeng{
|
|
color: #20c2b6;
|
|
}
|
|
.ferricles{
|
|
color: #5be553;
|
|
}
|
|
a.link{
|
|
color: #A5FDFF;
|
|
}
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.build, .spells {
|
|
padding: 2%;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 20px;
|
|
grid-auto-rows: minmax(60px, auto);
|
|
width: 94%;
|
|
background: #110110;
|
|
}
|
|
|
|
.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, .spell-info {
|
|
color: #aaa;
|
|
background: #110110;
|
|
border: 3px solid #BCBCBC;
|
|
border-radius: 3px;
|
|
width: 96%;
|
|
}
|
|
|
|
.itemcenter {
|
|
text-align: center;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.itemleft {
|
|
text-align: left;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.itemtable {
|
|
margin: 2px 2%;
|
|
width: 94%;
|
|
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;
|
|
}
|
|
|
|
/*Scrollbar*/
|
|
/* width */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 5px #BCBCBC;
|
|
border: #BCBCBC;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #aaa;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* Ugly Corner */
|
|
::-webkit-scrollbar-corner{
|
|
background: #110110;
|
|
}
|