PFQ About - Pokewalk the Walk

[sc=bg][sc=pokeball][sc=line][/sc][/sc]
[sc=maindiv]MAIN CONTENT[/sc]
[sc=tabs][accordion]

 [a-section=Tab 1]TAB 1 CONTENT[/a-section]

 [a-section=Tab 2]TAB 2 CONTENT[/a-section]

[a-section=Tab 3]TAB 3 CONTENT[/a-section]

[/accordion][/sc]

[/sc][sc=cred][url=https://pokefarm.com/forum/post/3299366]code[/url][/sc]


[style]
a:hover {
color: #0d0e0b;

}
a {
    color: #313628;

}
.bg{
background-color: none;
width: 310px;
height: 310px;

}
.maindiv{

background: #abbd8d;
width: 200px;
height: 140px;
color: #313628;
position: absolute;
top: 60px;
left: 45px;
overflow: hidden;
font-family: lucida console;
font-size: 12px;
letter-spacing: -0.8px;
text-align: center;
padding: 5px;
border-radius: 10px;
border: 5px solid black;
}
.pokeball{
  color: #FFF;
    height:310px;
    width: 310px;
    text-align: center;
    line-height: 50px;
    background-image: linear-gradient(to bottom, #ff1c1c, #ff1c1c 50%, white 50%);
    border-radius: 100%;
position: absolute;
top: 0px;
}
.line{
width: 310px;
position: absolute;
height: 10px;
top: 150px;
background: black;
}
.cred{
>a { color: white; }
   color: white;
    text-shadow:
    -1px -1px 0 #150025,
    1px -1px 0 #150025,
    -1px 1px 0 #150025,
    1px 1px 0 #150025;
position: absolute;
top: 295px;
left: 10px;
font-family: calibri;
font-size: 12px;
}

.tabs {
.panel h3 > a > svg {
    display:none;
}
.panel {
border: none;
&>h3 {
background: none;
border: 2px solid black;
border-radius: 100px;
position:absolute;
top: 128px;
left: 210px;
width: 25px;
height: 25px;
text-align: center;
overflow: hidden;
-webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
  user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;

}
    &>h3:nth-child(1) {  position: absolute; top:225px; left: 50px;}
    &>h3:nth-child(3) {  width: 40px; height: 40px; position: absolute; top:230px; left: 129px;}
 &>h3:nth-child(5) {  position: absolute; top:225px; left: 223px;}



  &>h3 a { color: transparent; }
&>h3:hover{ background: #dedede;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;

}
&>div {
background: #abbd8d;
width: 195px;
height: 135px;
color: #313628;
position: absolute;
top: 67px;
left: 52px;
overflow: hidden;
font-family: lucida console;
font-size: 12px;
letter-spacing: -0.8px;
text-align: center;
padding: 5px;
border-radius: 10px;
border: none;
}}}
table {
        margin: 0px auto;
        border: 0px;
        }
    td {
        border: 1px solid #83916c;
       background: none;
        color: #313628;
        text-align: center;
        }
    th {
        border: 0px;
        background-color: #83916c;
        border: 1px solid #83916c;
        padding: 3px;
        color: #313628;
        text-align: center;
        }

.expbar {
border-radius: 0px;
background: none;
border: 1px solid #83916c;
text-align: top;
color: #313628;
line-height: 15px;
overflow: hidden;
}
.expbar div {
background: #83916c;
 border: 0px;
}
.tooltip_content {
  font-size: 14px;
  text-align:center;
   font-family: calibri;
  background: #abbd8d;
  color: #313628;
  border-radius: 0px;
border: 1px solid #83916c;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted #83916c;
}
::selection {
    color: white;
    background: #313628;
}
[/style]