Single post in pumpkin's poke problems
Forum Index > PokéFarm > Journals > Staff > pumpkin's poke problems >
This is an ABOUT ME template. Do NOT use it in forum posts or signatures. You can remove tabs on this one, but don't add more than the 7 it comes with!
Code
[sc=about][sc=name]name here[/sc][sc=tabbed_interface horizontal][ul]
[li]Tab 1[/li]
[li]Tab 2[/li]
[li]Tab 3[/li]
[li]Tab 4[/li]
[li]Tab 5[/li]
[li]Tab 6[/li]
[li]Tab 7[/li][/ul][
][sc=tab-active]
[/sc][
][sc=tab]
[/sc][
][sc=tab]
[/sc][
][sc=tab]
[/sc][
][sc=tab]
[/sc][
][sc=tab]
[/sc][
][sc=tab]
[/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc]
[/sc]
[style]
//colors//
@purpl:rgba(54,28,56,0.8);
@bord: #73455D;
@text: #D6BDCC;
@link: #F5ADA9;
@off: #FAF5F7;
//codey woah dee//
.about {background:url('https://images.unsplash.com/photo-1534254910684-68bdc1d69cf7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80'); background-size: 100%; padding: 10px 5px 5px 5px;
a {color: @link;}
hr {border: 1px solid @bord; }
.credits {background: @purpl; color: @text; font-size: 10pt; border: 2px solid @link; position: absolute; right: 4px; bottom: 2px; padding: 0px 6px;}
.name {background: @purpl; color: @text; text-align: center; font-size: 27pt; font-family: "spirax"; border: 2px solid @bord; }
.panel {
&>h3 {background: @bord; color: @off; border: none; border-radius: 5px; a {color: @off; font-size: 11pt; padding: 5px;}}
&>div {background: none; color: @text; border: 2px solid @bord; border-radius: 5px;}
box-shadow:none; border: none; background: none;}
table {
margin: 0 auto; border: 2px solid @bord; border-radius: 5px; padding: 1px; border-collapse: separate;
th, td {text-align: center; padding: 3px; border-radius: 5px; border: 2px solid @bord; color: @text;}
th {background: @bord; color: @off;}
td {background: none;}}
.expbar {
color: @off; background: none; border: 2px solid @bord; border-radius: 5px;
&>div {background: @bord; border-right: 1px solid @bord; }}
span.bbcode_tooltip {
border-bottom:1px dotted @link; &:hover {border-bottom:1px solid @link;}}
.tooltip_content{
background: @bord; color: @off; border: none; border-radius: 5px; font-size:11pt; }
.tabbed_interface {box-shadow: none; margin: 0;
>ul {
>li {padding: 5px 3px; display: inline-block; border: 2px solid @bord; background: @purpl; color: @text; left: 5px; width: 50px; height: 15px; position: absolute; text-align: center; font-size:10pt; margin: auto;
-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;}
li.tab-active {border:2px solid @link; color: @link;}
>li:nth-child(1) {top: 65px; }
>li:nth-child(2) {top: 100px; }
>li:nth-child(3) {top: 135px; }
>li:nth-child(4) {top: 170px; }
>li:nth-child(5) {top: 205px; }
>li:nth-child(6) {top: 240px; }
>li:nth-child(7) {top: 275px; }}
>div {
color: @text; margin-top: 9.5px; margin-left: 65px; min-height: 230px; width: 226px; border-radius: 0px; border: 2px solid @bord; text-align: center; position: relative; background: @purpl; font-size: 11pt; box-shadow: none; padding: 3px;}}
/* latin */
@font-face {
font-family: 'Spirax';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spirax/v19/buE3poKgYNLy0F3sWUFs2ig3-A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
}
[/style]