Edit history for a post in Evolution Cheat Sheet - A Wishforger's Resource (CSS for Skin)

Forum Index > PokéFarm > Guides > Evolution Cheat Sheet - A Wishforger's Resource (CSS for Skin) >

[styleclass=bg][H2]Febuary 24th, 2024 UPDATE[/H2]
I have made some more major adjustments to the code this time around. I have added all pokemon into the code that I was missing, as well as:[ul][
  ][li]changed "Legendary/Mega" category to be just "Legendary" (This includes any legendaries that have more forms)[/li][
  ][li]added category called "Mega/Totem/Paradox" which means the pokemon has a potential Mega, Totem or Paradox form (excluding legendaries)[/li][
  ][li]put mega, totem, and paradox forms in the "Final" category since they have no more steps to complete[/li][
  ][li]change circle size for "Final" to be 2px instead of 3px[/li][
][/ul][/styleclass]

[style]
@C1 = #FFF9FF;
@C2 = #F4E9F5;
@C3 = #9267A7;
@C4 = #5B436F;
@C5 = #2C2036;
@C5a = #203636;
@C6 = #0E040F;

.bg {
    color: @C1;
    border: 5px double @C4;
    border-radius: 0px 30px;
    padding: 20px;
    background: @C5;
    background: linear-gradient(0deg, @C5 30%, @C5a 100%);
    font-family: Times New Roman;
    a:link {
        color: @C1;
    }
    a:visited {
        color: @C1;
    }
    a:hover {
        color: @C2;
    }
}

.panel {
    border: 0.25px solid @C3;
    background: @C6;
    padding: 5px;
    margin: 5px;
    border-radius: 25px;
    box-shadow: none;
    >h3 {
        border-bottom: 1.5px solid @C3;
        background-color: @C4;
        padding-left: 12px;
    }
    >h3:first-child {
        border-radius: 20px 20px 0px 0px;
    }
    >h3:last-of-type {
        border-radius: 0px 0px 20px 20px;
    }
    >h3.active:last-of-type {border-radius: 0px;}
    >div {
        background-color: @C6;
        color: @C1;
        border-radius: 20px;
        padding: 8px;
    }
}
.accordion {
    
}

.sidebyside {    
    display: flex;
    .expbar {   
        padding: 0px;
        flex: 1 0 0;
        border-radius: 20px 10px 10px 20px
    }
}
.expbar {
    color: @C1;
    background-color: @C5;
    border: 0.25px br solid;
    border-color: @C3;
    border-radius: 20px;
    &>div {
        background-color: @C6;
        border-right: 0.5px solid @C3;
    }
}
.tooltip_content {
    text-align:center;
    background: @C6;
    color: @C1;
    border: 1px solid @C4; 
    a {
        color: @C2;
    }
    a:visited {
        color: @C2;
    }
    a:hover {
        color: @C1;
    }
}
span.bbcode_tooltip {
    border-bottom: 1px dotted @C2;
}
    
.berrybuttons {
    text-align:center;
}
.party>div>.action>.berrybuttons[data-up='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-up='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-up='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-up='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-up='bitter']>[data-berry='rawst'] {
   width:100%;
    }
.party>div>.action>.berrybuttons:not([data-up='sour'])>[data-berry='aspear'], .party>div>.action>.berrybuttons:not([data-up='spicy'])>[data-berry='cheri'], .party>div>.action>.berrybuttons:not([data-up='dry'])>[data-berry='chesto'], .party>div>.action>.berrybuttons:not([data-up='sweet'])>[data-berry='pecha'], .party>div>.action>.berrybuttons:not([data-up='bitter'])>[data-berry='rawst'] {
   display:none;
    }
.party>div>.action>.berrybuttons[data-up='any']>[data-berry] {
 display:inline-block;
    }

[/style]

Loading...

Edit history for a post in Evolution Cheat Sheet - A Wishforger's Resource (CSS for Skin)

Preparing...