removed redundant codes, updated the CSS to dev of main repo
This commit is contained in:
Restia Ashdoll
parent
9fe136f67b
commit
2f470a015f
2 changed files with 100 additions and 38 deletions
|
|
@ -26,7 +26,7 @@
|
|||
<div class="equipment" style="grid-column:1/span 2;grid-row:1">
|
||||
<div style="grid-column:1/span 2;grid-row:1">
|
||||
<table>
|
||||
<tr style="padding-right: 10px">
|
||||
<tr>
|
||||
<th class="center title">
|
||||
<label>Equipment</label>
|
||||
</th>
|
||||
|
|
|
|||
136
styles.css
136
styles.css
|
|
@ -6,7 +6,6 @@
|
|||
.all {
|
||||
font-family: 'Nunito',sans-serif;
|
||||
font-weight: 700;
|
||||
text-size-adjust: none;
|
||||
}
|
||||
|
||||
th, td {
|
||||
|
|
@ -15,9 +14,11 @@ th, td {
|
|||
|
||||
.nomargin {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.nomarginp {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
div {
|
||||
padding: 0%;
|
||||
}
|
||||
|
|
@ -30,11 +31,7 @@ div {
|
|||
grid-template-rows: min-content min-content auto;
|
||||
}
|
||||
|
||||
.id-edit1 {
|
||||
|
||||
}
|
||||
|
||||
.skillpoints {
|
||||
.skillpoints, .id-edit1 {
|
||||
padding: 0% 4% 2%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
|
|
@ -42,6 +39,14 @@ div {
|
|||
grid-auto-rows: minmax(60px, auto);
|
||||
}
|
||||
|
||||
.id-edit2 {
|
||||
padding: 0% 4% 2%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 5px;
|
||||
grid-auto-rows: minmax(60px, auto);
|
||||
}
|
||||
|
||||
.powder-specials{
|
||||
padding: 0% 4% 2%;
|
||||
display: grid;
|
||||
|
|
@ -63,6 +68,14 @@ div {
|
|||
a.link{
|
||||
color: #A5FDFF;
|
||||
}
|
||||
.title{
|
||||
text-align: center;
|
||||
font-size: 150%;
|
||||
}
|
||||
.smalltitle{
|
||||
text-align: center;
|
||||
font-size: 125%;
|
||||
}
|
||||
.center {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
|
@ -82,13 +95,19 @@ table.center{
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
.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, .powder-special, .powder-special-stats, .int-info, .crafter, .recipe-stats, .craft-stats, .ing-stats, .id-box {
|
||||
.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, .powder-special, .powder-special-stats, .int-info, .id-box {
|
||||
color: #aaa;
|
||||
background: #121516;
|
||||
border: 3px solid #BCBCBC;
|
||||
border-radius: 3px;
|
||||
width: 96%;
|
||||
}
|
||||
.crafter, .recipe-stats, .craft-stats, .ing-stats {
|
||||
color: #aaa;
|
||||
background: #121516;
|
||||
border: 3px solid #BCBCBC;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.spell-info {
|
||||
margin-bottom: 10px;
|
||||
|
|
@ -108,23 +127,19 @@ table.center{
|
|||
margin: 2px 2%;
|
||||
width: 94%;
|
||||
margin-bottom: 16px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.itemp, .damagep {
|
||||
margin: 2px 2%;
|
||||
padding: 0;
|
||||
}
|
||||
.powderLeft {
|
||||
margin: 2px 0% 2px 2%;
|
||||
padding: 0;
|
||||
}
|
||||
.powderRight {
|
||||
margin: 2px 2% 2px 0%;
|
||||
padding: 0;
|
||||
}
|
||||
.space {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.spaceleft{
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.damageSubtitle {
|
||||
text-align: center;
|
||||
|
|
@ -189,8 +204,8 @@ table.center{
|
|||
margin: auto;
|
||||
}
|
||||
|
||||
.idLeft {
|
||||
text-align: left;
|
||||
.idCenter {
|
||||
text-align: center;
|
||||
padding: 1em 0px 0px 0px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
|
|
@ -222,7 +237,40 @@ table.center{
|
|||
::-webkit-scrollbar-corner{
|
||||
background: #110110;
|
||||
}
|
||||
.button-narrow {
|
||||
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: 90%;
|
||||
display: inline-block;
|
||||
}
|
||||
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;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #556;
|
||||
}
|
||||
|
||||
|
||||
button:active {
|
||||
background-color: #558;
|
||||
box-shadow: 0 3px #666;
|
||||
transform: translateY(1px);
|
||||
}
|
||||
input {
|
||||
background-color: #666;
|
||||
border: 2px solid #444;
|
||||
|
|
@ -256,6 +304,12 @@ input {
|
|||
.Mythic{
|
||||
color:#a0a;
|
||||
}
|
||||
.Crafted {
|
||||
color: #0aa;
|
||||
}
|
||||
.Custom {
|
||||
color: #0aa;
|
||||
}
|
||||
.Set{
|
||||
color:#5f5;
|
||||
}
|
||||
|
|
@ -267,17 +321,6 @@ button.toggleOn{
|
|||
background-color:#0a0;
|
||||
border: 3 px solid rgb(0, 70, 0);
|
||||
}
|
||||
.toggleOn:hover {
|
||||
background-color: #585;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #556;
|
||||
}
|
||||
button:active {
|
||||
background-color: #558;
|
||||
box-shadow: 0 3px #666;
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
.funnynumber {
|
||||
background-image: linear-gradient(to left, #f5f, #a0a, #5ff, #5f5, #ff5, #fa0, #a00); -webkit-background-clip: text;
|
||||
|
|
@ -297,7 +340,31 @@ button:active {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.hide-container-block, .hide-container-grid, .set-info-div, .fade-in, .misc {
|
||||
.T0 {
|
||||
color: #555;
|
||||
}
|
||||
.T1 {
|
||||
color: #ff5;
|
||||
}
|
||||
.T2 {
|
||||
color: #f5f;
|
||||
}
|
||||
.T3 {
|
||||
color: #5ff;
|
||||
}
|
||||
.T0-bracket {
|
||||
color: #555;
|
||||
}
|
||||
.T1-bracket {
|
||||
color: #fa0;
|
||||
}
|
||||
.T2-bracket {
|
||||
color: #a0a;
|
||||
}
|
||||
.T3-bracket {
|
||||
color: #0aa;
|
||||
}
|
||||
.hide-container-block, .hide-container-grid, .set-info-div, .fade-in {
|
||||
animation-duration: 0.5s;
|
||||
animation-name: fadeInFromNone;
|
||||
animation-fill-mode: forwards;
|
||||
|
|
@ -316,8 +383,3 @@ button:active {
|
|||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: #ff5;
|
||||
background-color: #775;
|
||||
}
|
||||
Loading…
Reference in a new issue