PFQ About - Poketch

[sc=bg][sc=poketch][sc=bar][/sc][sc=bar2][/sc]
[sc=screen][sc=tabbed_interface horizontal][ul]
    [li]p1[/li]
    [li]p2[/li]
    [li]p3[/li]
    [li]p4[/li]
    [li]p5[/li]
[/ul][
][sc=tab-active]
[tip=I'M A DIAAAMOND]Boxes taste like mush[/tip]

[url=https://pokefarm.com/user/Esme]Lonk![/url]
[progress=7/10]it's the final countdown[/progress]
[table][tr][th]Table heading[/th][/tr][tr][td]Table Cell[/td][/tr][/table]
[/sc][
][sc=tab]TAB 2 CONTENT[/sc][
][sc=tab]TAB 3 CONTENT[/sc][
][sc=tab]TAB 4 CONTENT[/sc][
][sc=tab]TAB 5 CONTENT[/sc][
][sc=tab]TAB 6 CONTENT[/sc][
][sc=tab]TAB 7 CONTENT[/sc][
][/sc]


[/sc]
[sc=tabs][accordion]

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

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


[/accordion][/sc]


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

[style]
a:hover {
color: black;
    -webkit-transition: all .1s linear 0s;
}
a {
    color: #161f13;
    -webkit-transition: all .1s linear 0s;
}

.bar{
background: #303030;
z-index: 1;
position: absolute;
width: 145px;
height: 15px;
top: -4px;
left: 58px;
border: 1px solid #202020;
border-width: 0px 5px 3px 5px;
 box-shadow: 0 3px 0px 4px transparent, 0 -9px 0px 0px transparent, 2px 0 0px 0px black, -2px 0 0px 0px black;

}
.bar2{
background: #303030;
z-index: 1;
position: absolute;
width: 145px;
height: 15px;
top: 214px;
left: 58px;
border: 1px solid #202020;
border-width: 0px 5px 3px 5px;
border-width: 3px 5px 0px 5px;
 box-shadow: 0 3px 0px 4px transparent, 0 -9px 0px 0px transparent, 2px 0 0px 0px black, -2px 0 0px 0px black;
}
.bg{
width: 310px;
background: #4888b8;
height: 236px;
}
.poketch{
background: #e0e0e0;
height: 228px;
width: 330px;
position: absolute;
top: 4px;
border-radius: 0px 45px 45px 0px;
}
.screen{
position: absolute;
top: 12px;
left: 16px;
width: 235px;
height: 200px;
border: 2px ridge black;
background: #70b070;
color: #202d21;
overflow: hidden;

}
.tabbed_interface{
margin: 0;

>ul {
background: none;
margin-top: 5px;
width: 100px;
margin-left: 5px;

>li {
background: none;
    color: #202d21;
cursor: pointer;
border: none;
font-family: lucida console;
font-size: 12px;
}
li:hover {

    color: black;
    text-decoration:none;

}
>li {
&.tab-active {
color: black;
}}
}
>div {
margin-top: -1px;
height: 175px;
width: 226px;
border-radius: 0px;
border: none;
animation: 0.2s fade;
min-height: 10px;
text-align: center;
position: relative;
background: none;
color: #202d21;
font-family: lucida console;
letter-spacing: 0.5px;
font-size: 14px;
box-shadow:0 0 0 transparent;
padding: 4px;
overflow: hidden;
}}
.tabs {
.panel h3 > a > svg {
    display:none;
}
.panel {
border: none;
&>h3 {
background: #f84048;
border: 4px solid black;
border-radius: 100px;
position:absolute;
top: 128px;
left: 210px;
width: 40px;
height: 66px;
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:35px; left:271px; border-radius: 0px 40px 0px 0px; border-width: 4px 4px 2px 4px;}
    &>h3:nth-child(3) { position: absolute; top:113px; left: 271px; border-radius: 0px 0px 40px 0px;  border-width: 3px 4px 4px 4px;}



  &>h3 a { color: transparent; }
&>h3:hover{ background: #d2363d;
    -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: #70b070;
width: 225px;
height: 190px;
color: #202d21;
position: absolute;
top: 14px;
left: 18px;
overflow: hidden;
font-family: lucida console;
font-size: 13px;
letter-spacing: -0.8px;
text-align: center;
padding: 5px;
border-radius: 0px;
border: none;
}
}}
table {
        margin: 0px auto;
        border: 0px;
        }
    td {
        border: 1px solid #5f8852;
       background: none;
        color: #202d21;
        text-align: center;
        }
    th {
        border: 0px;
        background-color: #5f8852;
        border: 1px solid #5f8852;
        padding: 3px;
        color: #202d21;
        text-align: center;
        }

.expbar {
border-radius: 0px;
background: none;
border: 1px solid #5f8852;
text-align: top;
color: #202d21;
line-height: 15px;
overflow: hidden;
}
.expbar div {
background: #5f8852;
 border: 0px;
}
.tooltip_content {
  font-size: 14px;
  text-align:center;
  background: #70b070;
  color: #202d21;
  border-radius: 0px;
border: 1px solid #202d21;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted #202d21;
}
::selection {
    color: white;
    background: #2c3e2e;
}
.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: 220px;
left: 123px;
font-family: calibri;
font-size: 12px;
z-index: 2;
}

[/style]