PFQ About + Forum template - Open Your Heart

[sc=bg][sc=tabbox][sc=img][/sc][sc=name]NAME[/sc][sc=text][i]looks best as ONE line
[/i][/sc][sc=tabbed_interface horizontal][ul]
    [li]TAB 1[/li]
    [li]TAB 2[/li]
    [li]TAB 3[/li]
    [li]TAB 4[/li]
[/ul][
][sc=tab-active]TAB 1 CONTENT[/sc][

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

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

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

][/sc][/sc][sc=cred][url=https://pokefarm.com/forum/post/4549633]code[/url]* Art from Sonic Adventure[/sc][/sc]


[style]
@font-face {font-family: "Eurostile";
src: url('https://dl.dropboxusercontent.com/s/0evslearmdidt8p/Eurostile.ttf');}
a {
  color: blue;
}


/* selected link */
a:active {
  color: red;
}
.bg{
background-image: linear-gradient(to right, #878dff, #ffd9f7, #ff71df, #ffd9f7, #878dff);
padding: 4px;
font: 10px calbri light;
color: black;
}
.img{
 background-color: yellow;
height: 80px;
background-image: url("https://info.sonicretro.org/images/thumb/7/70/SA1_FieldImage_SonicSS.png/320px-SA1_FieldImage_SonicSS.png");
position: relative;
background-size: 100%;

-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}
.name{
 color: white;
font-size: 35px;
font-weight: bold;
text-shadow: -2px 2px black, 2px 2px black, 2px 2px black, 2px -2px black,
-2px -2px black, 2px 2px black;
position: relative;
margin-top: -30px;
margin-left: 10px;
margin-bottom: -10px;
font-family: Eurostile;

}
.text{
color: #000063;
font-size: 15px;
margin-top: 10px;
margin-left: 10px;
margin-bottom:-20px;
font-family: Eurostile;
font-weight: bold;
}
.tabbed_interface{
margin: 0;
margin-top: 25px;
>ul {
background: none;
margin: 5px;
>li {
margin: 10px;
 border: 1px solid #939393;
         background-image: linear-gradient(#f6f6f6, #dedede);
        text-align: center;
        line-height: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 16px;
font-family: calibri light;
        color: #000000;
cursor: pointer;
 margin-bottom: -5px;
}
li:hover {
border: 1px solid black;
}
>li {
&.tab-active {
border: 1px solid #a5a5a5;
   background-image: linear-gradient(#dedede,#f6f6f6);
}}
}
>div {
border-radius: 0;
        color: #ffc59a;
background: rgba(30,27,27, 0.5);
font-size: 11pt;
font-family: times;
text-align: center;
border: 3px double #dbc1ab;
min-height: 10px;
text-align: center;
position: relative;
margin: 10px;
margin-top: 0px;
padding: 3%;
box-shadow:0 0 0 transparent;
}
>div {
border-radius: 0;
border-radius: 0px;
border: none;
background: none;
color: black;
min-height: 10px;
text-align: center;
position: relative;
margin: 1px;
font-family: sans;
font-size: 15px;
box-shadow:0 0 0 transparent;
}}
.tabbox{
border: 4px solid rgba(255,255,255,0.0);
border: 5px solid #000033;
margin: 10px;
margin-top: 10px;
margin-bottom: 3px;
background-color: #fff;
}
.panel h3 > a > svg {
    display:none;
}
.panel {
background: none;
border: none;
box-shadow:0 0 0 transparent;
&>h3 {
>a { color: black; }
        text-transform: uppercase;
background: linear-gradient(#bebeff, #9c9cff, #7373bd);
color: white;
text-align: center;

border: none;
font-size: 15px;
}
&>h3:hover{
>a { color: black; }
background: linear-gradient(#ffffb8, #ffff63, #f8c68d);
}
&>div {
background: #fff;
color: black;
border-radius: 0px;
border: 1px solid #7878c5;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}}
table {
margin: 0px auto;
border: 0px;
}
td {
border: 3px double black;
background: none;
color: blue;
text-align: center;
}
th {
border: 0px;
background-color: white;
border: 3px double black;
color: red;
text-align: center;
padding: 2px;
}

.expbar {
border-radius: 0px;
background: #fff;
border: 1px inset #808080;
text-align: top;
color: magenta;
line-height: 15px;
overflow: hidden;
}
.expbar div {
background: #00007f;
border: 1px solid #ae89c4;
 border: 0px;
}
.tooltip_content {
font-family: tahoma;
font-size: 12px;
 border: 1px solid black;
border-radius:0px;
         background: white;
        text-align: center;
        color: #000000;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted blue;
}
.cred{
>a { color: black;}
margin-left: 15px;
}
::-moz-selection { background: blue; color: white;}
::selection { background: blue; color: white;}
[/style]