Single post in Chicken's F2U Templates!

[style] //Do not change anything besides the Tabs and Tab Contents without my (Gumshoe's) permission! You may remove the blinking GIFs if you'd like. //This is an About Me template, do not use it elsewhere! [/style][ ][sc=tv][sc=stuff][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] [/ul][ ][sc=tab-active]contents 1 [img]https://i.imgur.com/vvA3BBP.gif[/img][/sc][ ][sc=tab]contents 2 [img]https://i.imgur.com/vvA3BBP.gif[/img][/sc][ ][sc=tab]contents 3 [img]https://i.imgur.com/vvA3BBP.gif[/img][/sc][ ][sc=tab]contents 4 [img]https://i.imgur.com/vvA3BBP.gif[/img][/sc][ ][sc=tab]contents 5 [img]https://i.imgur.com/vvA3BBP.gif[/img][/sc][ ][sc=tab]contents 6 [img]https://i.imgur.com/vvA3BBP.gif[/img][/sc][ ][/sc][sc=credit][pit=credit]f2u code + art by [url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]Gumshoe[/url][/pit][/sc][/sc][/sc][ ][style] //You are not allowed to change any of the code below without my (Gumshoe's) permission! //----------------------------------------------------------// @text:#79bf40; @rbg:#0a1a21; @bg:#181716; @bg2:#212522; @link:#d6d6d6; @bord:#487722; .tv { color:@text; background:@rbg; background-image: url("https://i.imgur.com/KZlDNuX.png"); background-repeat: no-repeat; a {color:@link;} max-width:310px; height:367px; font-size:10pt; border-radius:4px; } .stuff{ position:relative; .tabbed_interface>ul li { cursor:pointer; text-align:center; padding:1px; color:black; border:2px solid black; position:absolute; width:81px; height:17px; border-radius:8px; transition:.3s; overflow:hidden; background:#658486; } .tabbed_interface>ul li:nth-child(1) {top: 266px;left:13px;} .tabbed_interface>ul li:nth-child(2) {top: 266px;left:111px;} .tabbed_interface>ul li:nth-child(3) {top: 266px;left:210px;} .tabbed_interface>ul li:nth-child(4) {top: 309px;left:13px;} .tabbed_interface>ul li:nth-child(5) {top: 309px;left:111px;} .tabbed_interface>ul li:nth-child(6) {top: 309px;left:210px;} .tabbed_interface>ul>li.tab-active { margin-top:18px; transition:.3s; } .tabbed_interface>ul { background:none; } .tabbed_interface>div { color:@text; background:none; box-shadow:none; border:none; border-top:none; overflow:hidden; position:absolute; left:24px; top:18px; width:262px; height:200px; .tabbed_interface>ul li { color:@text; background:@bg; border:1px solid @bord; position:static; width:inherit; height:inherit; border-radius:0px; cursor:default; } .tabbed_interface>ul li:first-child {border-radius:6px 0px 0px 0px;} .tabbed_interface>ul li:last-child {border-radius:0px 6px 0px 0px;} .tabbed_interface>ul>li.tab-active { margin-top:0px; transition:.3s; background:@bg2; } .tabbed_interface>ul { background:none; } .tabbed_interface>div { position:static; background:@bg; color:@text; border:1px solid @bord; border-top:none; overflow:hidden; width:inherit; height:inherit; border-radius: 0px 0px 6px 6px; padding:4px; } hr {border: 1px solid @bord;} .panel { background: @bg; border: solid 1px @bord; color: @text; box-shadow:none; > h3 { > a {color: @text;} font-size:110%; border: solid 1px @bord; background: @bg2; color: @text; text-align:center; cursor:default; } > div {color: @text;} } .expbar { background: @bg2; color: @text; border: solid 1px @bord; cursor:default; > div { background: @bg; border-right: solid 1px #375a1b; } } div.tooltip_content { background: @bg; color: @text; border: solid 1px @bord; font-size:10pt; } .bbcode_tooltip { border-bottom: 1px dotted @text; } table { border: solid 1px @bord; } table th { border: solid 1px @bord; color: @text; background: @bg2; } table td { border: solid 1px @bord; background: @bg; color: @text; } .party > div { background: @bg; color: @text; border: 1px solid @bord; box-shadow: none; a {color: @link;} .action a[data-berry]:after {border: none;} width:84.5%; margin-left: 0px; .berrybuttons > a {display: none;} .berrybuttons[data-up='sour'] > a[data-berry='aspear'], .berrybuttons[data-up='spicy'] > a[data-berry='cheri'], .berrybuttons[data-up='dry'] > a[data-berry='chesto'], .berrybuttons[data-up='sweet'] > a[data-berry='pecha'], .berrybuttons[data-up='bitter'] > a[data-berry='rawst'], .berrybuttons[data-up='any'] > a[data-berry='pecha']{ background:@bg; border:2px solid @bord; display:block; position:absolute; right:15px; padding:0px 40px; border-radius:8px; } } .party > div > .name { position:absolute; right:0px; top:0px; letter-spacing:.5px; } .party > div > .action { position: absolute; right:1px; bottom:30px; } .party > div > .extra > .nature { position: absolute; right:-10px; bottom:5px; } .party > div > .expbar { width:150px; position:absolute; top:15px; right:10px; } } .credit { right:2px; top:352px; position:absolute; color:#6dad38; div.tooltip_content { background: @bg; color: @text; border: solid 1px @bord; border-radius:6px; bottom:14px; right:0px; font-size:10pt; padding: 4px; width:168px; } .bbcode_tooltip {border-bottom: none;} a {color:@link} } font-family: 'Bai Jamjuree'; } /* latin */ @font-face { font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v9/LDIqapSCOBt_aeQQ7ftydoa0reHelJo0.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]