valeechtine forum code

[sc=bg][sc=lace]![br]![br]![br]![br]![br]![br][/sc]
[sc=body][sc=tabbed_interface horizontal]
[ul]
[li]Title 1[/li]
[li]Title 2[/li]
[li]Title 3[/li]
[/ul][
][sc=tab-active]contents 1[/sc][

][sc=tab]contents 2[/sc][

][sc=tab]contents 3[/sc][/sc]
[/sc]
[sc=credit][pit="[img]https://foollovers.com/mat/i-flower03/c03-flower-cherry_blossom.gif[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pokefarm.com/user/valeechtine]valeechtine[/url]'s use only
all graphics from [url=https://foollovers.com/]foollovers[/url]
add other credits here![/pit][/sc]
[/sc]

[style]

@font-face {
  font-family: 'Send Flowers';
  src: url(https://fonts.gstatic.com/s/sendflowers/v5/If2PXTjtZS-0Xqy13uCQSULfwALi.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.bg {
background: linear-gradient(
    to bottom, transparent 30%, #D6A8B0
  ), repeat-y url("https://foollovers.com/mat/frill03/g01-bg-frill.gif"), url("https://foollovers.com/mat/cloth/d01-bg-cloth.png");
}

.lace {
background-image: url("https://foollovers.com/mat/frill04/h10-bg-frill.gif");
background-repeat: repeat-x;
position: relative;
z-index: 2;
color: #00000000;
}

.body {
border: 2px solid #D6A8B0;
background-color: #FFFFF3;
margin: 15px;
margin-top: -40px;
padding: 5px;
border-radius: 5px;
}

.tabbed_interface>ul {
background-color: transparent;
margin-top: -15px;
}

.tabbed_interface>ul li {
font-family: 'Send Flowers';
font-size: 24px;
font-weight: bold;
cursor: pointer;
margin: 5px 5px;
padding: 5px;
text-align: center;
border: 2px solid #CC9492;
background-color: #D6A8B0;
color: #000;
transition: .3s;
border-radius: 5px;
}

.tabbed_interface>ul>li:hover {
background: #CC9492;
}

 .tabbed_interface>ul>li.tab-active {
background: #CC9492;
border: 2px solid #D6A8B0;
}

.tabbed_interface>ul>li.tab-active:before {
    content: url("https://foollovers.com/mat/i-ribbon/sa22-icon-ribbon.gif");
    margin-right: 10px;
}

.tabbed_interface>ul>li.tab-active:after {
    content: url("https://foollovers.com/mat/i-ribbon/sa22-icon-ribbon.gif");
    margin-left: 10px;
}

.tab-active {
font-family: 'Outfit';
text-align: center;
padding: 5px;
margin: 5px;
margin-bottom: -5px;
box-shadow: none;
border: 2px solid #CC9492;
background-color: #D6A8B0;
color: #000;
border-radius: 5px;
}

a {
color: #000;
text-decoration-style: solid;
}

div.tooltip_content {
    width: auto;
    border: 2px solid #CC9492;
    background-color: #D6A8B0;
    color: #000;
    border-radius: 5px;
    font-size: 13px;
}

.bbcode_tooltip {
    border-bottom: 0.5px dotted #000;
    cursor: help;
}

 .panel {
    background: #CC9492;
    padding: 4px;
    width: 97%;
    border-radius: 0px;
    box-shadow: none;
    border: 2px solid #BD747A;
		&>h3 {
			&>a {
			color: #000;
			text-decoration: none;
			}
			text-align: center;
			background: #FFFFF3;
			font-size: 14px;
			border-radius: 0px;
			border: 4px double #BD747A;
			color: #000;
		}
		&>div {
		background: #D6A8B0;
		text-align: center;
        margin-top: 3px;
        padding: 6px;
        color: #000;
        border: 2px solid #B26672;
        animation: 1s fade;
		}
	}

.expbar {
    margin-top: -5px;
    margin-bottom: -5px;
    background: none;
    border-radius: 0px;
    width: 97%;
    border: 4px double #BD747A;
    color: #000;
    >div {
    margin: 1px;
        background: #CC9492;
        border-right: 1px solid #CC9492;
        }
    }

table {
    margin: auto;
    width: 98%;
    border: none;
    padding: 4px;
    background: #CC9492;
    border: 2px solid #BD747A;
    border-collapse: separate;
    th, td {
        text-align: center;
        padding: 5px;
        border-radius: 0px;
        border: 2px solid #BD747A;
        }
    th {
        background-color: #FFFFF3;
        color: #000;
        }
    td {
        background-color: #D6A8B0;
        color: #000;
        border: 2px solid #BD747A;
        }
        }

.credit {
font-family: 'Outfit';
padding: 5px;
margin-top: -25px;
margin-right: 10px;
text-align: right;
font-size: 8px;
user-select: none;
width: auto;
height: auto;

    div.tooltip_content {
        bottom: 0px;
        right: 45px;
        width: 88%;
        font-size: 14px;
        padding: 5px;
        border: 2px solid #CC9492;
        background-color: #FFFFF3;

        color: #000;
        text-align: left;

    @media only screen and (max-width: 1280px) {
width: 83%;
position: absolute;
bottom: 0px;
right: 39px;
}
    }
    .bbcode_tooltip {
    border-bottom: none;
    }
}

[/style]