PFQ About - Ropes of Purity

[styleclass=background][
][styleclass=headertext]text here is optional[/styleclass][
][styleclass=ropeheader][/styleclass][

][styleclass=icon][styleclass=iconrope][/styleclass][/styleclass][
][styleclass=tabbed_interface horizontal][



][ul][
][li]Tab 1[/li][
][li]Tab 2[/li][
][li]Tab 3[/li][
][li]Tab 4[/li][
][li]Tab 5[/li][

][/ul][



][styleclass=tab-active][
]TAB 1 CONTENT[
][/styleclass][

][styleclass=tab][
]TAB 2 CONTENT[
][/styleclass][

][styleclass=tab][
]TAB 3 CONTENT[
][/styleclass][

][styleclass=tab][
]TAB 4 CONTENT[
][/styleclass][


][styleclass=tab][
]TAB 5 CONTENT[
][/styleclass][

][/styleclass][styleclass=cred][url=https://pokefarm.com/forum/post/1980693]code[/url]* Official TCG art[/styleclass][





][/styleclass][
]
[style]
a:hover {
  color: #66cdaa;
}
a {
	color: white;
}
.background{
width: 310px;
background: #171717;
margin-bottom: -10px;
}
.tabbed_interface{
margin: 0;
margin-left: 107px;
>ul {
background: none;
width: 50px;
margin-left: 100px;

>li {
position: relative;
margin-left: -80px;
cursor: pointer;
padding: 1%;
height: 4%;
background: white;
font-size: 11pt;
font-family: times;
border: none;
background: none;
color: #66cdaa;
text-transform: uppercase;
margin-right: 300px;
margin-left: -200px;
}
li:hover {
color: white;
}
>li {
&.tab-active {
color: white;
 -webkit-transition: all 0.2s ease-in-out;
}}}
>div {
border: none;
border-radius: 0px;
background: none;
color: #fff;
animation: fade 0.8s;
min-height: 10px;
text-align: center;
position: relative;
padding: 4px;
width: 190px;
font-family: Helvetica;
font-size: 10pt;
margin-top: -190px;
min-height: 180px;
box-shadow:0 0 0 transparent;
}}
.panel h3 > a > svg {
	display:none;
}
.panel{
background-color: transparent;
box-shadow:0 0 0 transparent;
border:0px;
border-radius:5px;
font-family: Helvetica;
text-align: center;
margin: 10px;
&>h3{
background: #0c0c0c;
border:1px solid #66cdaa;
border-radius: 0px;
font-size: 10pt;
text-align: center;
color: white;


}
&>div{
color: white;
background: #0c0c0c;
border: 1px solid #66cdaa;
border-radius: 0px;
}}
th {
background: rgba(0,0,0, 0.5);
color: white;
text-align:center;
}
table,th,td,{
border: 3px double #66cdaa;
margin: 0 auto;
background: rgba(0,0,0, 0.5);
font-family: Helvetica;
color: white;
}
.expbar {
border-radius: 0px;
left: 0px;
background: #0c0c0c;
border-style: double;
border:1px solid #66cdaa;
text-align: top;
font-family: tahoma;
color: white;
line-height: 15px;
overflow: hidden;
margin: 10px;
}
.expbar div {
background: #252525;
    border: 0px;
}
.tooltip_content {
  font-size: 10pt;
  text-align:center;
   font-family: Helvetica;
 min-width:100px;
background-color: black;
  color: white;
 border: 3px double #66cdaa;
border-radius: 0px;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted #66cdaa;

}
::selection { background:  darkslategrey; }
.cred{
position: relative;
font-size: 9pt;
color: white;
font-family: times;;
    border-top: 1px solid #66cdaa;
text-shadow: 0 0 8px black;
margin: 10px;
text-align: center;
padding: 2px;
}
.iconrope{
    width: 99px;
height: 99px;
    border: none;
border-radius: 100px;
display: inline-block;
background-image: url("https://i.imgur.com/AlW3rV3.png");
    text-align: center;
margin-left: -5px;
margin-top: -4px;
}
.icon{
    width: 90px;
height: 90px;
    border: none;
border-radius: 100px;
display: inline-block;
background-image: url("https://i.imgsafe.org/t/f06c3e235c.jpg");
    background-size: 90px 90px;
text-align: center;
margin-top: -100px;
margin-left: 10px;
}
.ropeheader{
background-image: url("https://i.imgsafe.org/3eca060873.png");
height: 20px;
background-repeat: no-repeat;
margin-bottom:  83px;
margin-top: -7px;
}
.headertext{
        color: #f5a176;
        font-family: tahoma;
 letter-spacing: 0.2em;
 text-align:center;
 text-transform: lowercase;
 font-size: 12pt;
 font-variant: small-caps;
padding: 5px;
}
[/style]