HGSS Code (About Me)

[style]
//No one is allowed to change the image, credit, or the code in style tags below without my (Gumshoe's) permission. Do not enter text anywhere besides the "Enter text here!" field.

//This code is intended for use in About Me's, do not use it elsewhere!
[/style][sc=hgsscode][display][display][display][



]Enter text here![



][/display][/display][/display][sc=pointergif][pit="[img]https://i.imgur.com/O74AtPr.gif[/img]"]GIF from HGSS
code by [url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]Gumshoe[/url][/pit][/sc][/sc][
][style]

//----DO NOT EDIT ANY OF THIS CODE without Gumshoe's permission!----

@goldborder: linear-gradient(to bottom, #ffde6b 0%,#ffde6b 87%,#efa539 90%, #efa539 100%);
@greyborder: linear-gradient(to bottom, #63636b 0%,#63636b 90%,#52525a 93%,#52525a 100%);
@textcolor: #2b2b2f;
@linkcolor: #B04C17;
@titlecolor: white;
@contentcolor: #C2C2C2;
@bordercolor: #262626;
@altcolor: gray;
@pkmnpanel: linear-gradient(to bottom, #e2e2e2 1%,#B5B5B5 100%);

.hgsscode {


font-family: 'Share Tech';
font-size:14pt;
position:relative;
max-width: 300px;
background-color:#63636b;
border-radius: 4px;
border: 3px solid #4a4242;
margin: auto;

.panel {
border-radius: 4px;
background:@goldborder;
box-shadow:none;
border:none;
> h3 {
    display:none;}


.panel {
background:@greyborder;
box-shadow:none;
border:none;

margin:-2px;
 > h3 {
    display:none;}



//maintext


.panel {
    box-shadow:none;
    margin: 0px 35px 0px 10px;
    background: @titlecolor;
    border: solid 0px white;
    color: black;
    border-radius:3px;
    > h3 {
    display:none;
	}
    > div {
        .page;
        padding: 5px 10px;
        color: @textcolor;
        a:link, a:visited {
            color: @linkcolor;
        }
    max-height: 970px;
    overflow:hidden;
    }



//stuff in the text

    .panel {
    margin:0px;
    background: @contentcolor;
    border: solid 1px @bordercolor;
    border-radius:6px;
    color: @textcolor;
    > h3 {display:inherit;
    text-align:center;
    font-size:100%;
        > a {
        color: @textcolor!important;
        }
        border: solid 1px @bordercolor;
        background: @titlecolor;
        color: @textcolor;
        cursor:default;
	}
    > div {
        .page;
        color: @textcolor;
        a:link, a:visited {
            color: @linkcolor;
        }
    }

}

.expbar {
    background: @contentcolor;
    cursor:default;
    color: @textcolor;
    border: solid 1px @bordercolor;
    > div {
        background: @titlecolor;
        border-right: solid 1px @bordercolor;
    }
    > span {font-size:100%;}
}

.tabbed_interface>ul li {
            color:@textcolor;
            background: @titlecolor;
            min-width: auto;
            border-color: @bordercolor;
            border-bottom:none;
            padding:2px;
            font-size:100%;
            border-right:2px solid @bordercolor;
            text-align:center;
            cursor:default;
            }
.tabbed_interface>ul li:first-child {border-radius:8px 0px 0px 0px;
            border-left: 1px solid @bordercolor;}
.tabbed_interface>ul li:last-child {border-radius:0px 8px 0px 0px;
            border-right: 1px solid @bordercolor;}


        .tabbed_interface>ul {
            background-color: inherit;
            }

        .tabbed_interface>div {
            color: @textcolor;
            border: 1px solid @bordercolor;
            background: @contentcolor;
            border-radius: 0px 0px 8px 8px;
            box-shadow:none;
            padding:5px 10px;
            }
.tab-active {
    background:@contentcolor!important;
}

//table

.bbcode_table {
border: 2px solid @bordercolor;
th {    background-color: @titlecolor;
        border-color:@bordercolor;}
td {border-color:@bordercolor;}
background: @contentcolor;}

div.tooltip_content {
    background: @titlecolor;
    color: @textcolor;
    border: solid 1px @bordercolor;
}
.bbcode_tooltip {
    border-bottom: 1px dotted @textcolor;
}


//pkmnpanel

.party > div {
    background: @pkmnpanel;
    color: @textcolor;
    border: 1px solid @bordercolor;
    box-shadow:none;
    a:link, a:visited {
        color: #954113;
    }
}



.party > div > .expbar {
    background: @boxcolor;
    cursor: default;
    color: @textcolor;
    border: solid 1px @bordercolor;
    letter-spacing: 1px;
    > div {
        border-right: solid 1px @bordercolor;
    }
}

// PKMN panel mobile 2

.party > div {
    width:74%;
    height:150px;
    margin-left:0px;
}

.party > div > .name {
position:absolute;
right:0px;
top:-3px;
}

.party > div > .action {
position: absolute;
left:26px;
bottom:25px;
}

.party > div > .taste {
position: absolute;
bottom:0px;
right:5px;
}

.party > div > .extra {
position: absolute;
bottom:0px;
}

.party > div > .expbar {
width:150px;
position:absolute;
top:15px;
right:10px;
}



}}}



.trainersprite {
    max-height:70px;
    max-width:70px;
    position:absolute;
    left:20px;
    }

.pointergif {
    position:absolute;
    right:7px;
    bottom:17px;
        .tooltip_content {
        width: 95px;
      bottom: -3px;
      right:18px;
        background: white;
        color: @textcolor;
        border: solid 1px gray;
        font-size:10pt;
        a{color:@linkcolor}
        }
    .bbcode_tooltip {
        border-bottom: 1px dotted #C4C4C4;
        padding-bottom: 3px;
        }


    }

}


/* latin */
@font-face {
  font-family: 'Share Tech';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sharetech/v12/7cHtv4Uyi5K0OeZ7bohU8H0JmA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

[/style]