[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]

[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// @blu:rgba(24,11,81,0.8); @bord: #694183; @text: #B6AAEE; @link: #D1BEE0; @off: #F3EEF7; //codey woah dee// .about {background:url('https://images.unsplash.com/photo-1519810755548-39cd217da494?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80'); background-size: 100%; padding: 10px 5px 5px 5px; a {color: @link;} hr {border: 1px solid @bord; } .credits {background: @blu; color: @text; font-size: 10pt; border: 2px solid @link; position: absolute; right: 4px; bottom: 2px; padding: 0px 6px;} .name {background: @blu; 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: @blu; 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: @blu; 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]