Single post in Chicken's F2U Templates!

[style] //Do not change anything besides the Tab Contents without my (Gumshoe's) permission! Do not put text into the Tab Buttons as it will not display properly. //This is an About Me template, do not use it elsewhere! [/style][ ][sc=folder][sc=tabbed_interface horizontal][ul][li][/li][li][/li][li][/li][li][/li][li][/li][li][/li][/ul][ ][sc=tab-active][sc=page]contents 1[/sc][/sc][ ][sc=tab][sc=page]contents 2[/sc][/sc][ ][sc=tab][sc=page]contents 3[/sc][/sc][ ][sc=tab][sc=page]contents 4[/sc][/sc][ ][sc=tab][sc=page]contents 5[/sc][/sc][ ][sc=tab][sc=page]contents 6[/sc][/sc][ ][/sc][sc=credit][url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]credit[/url][/sc][/sc][ ][style] //You may change the tab colors here, but please do not use overly bright/saturated colors. @tab1:#ba2c2c; @tab2:#edf033; @tab3:orange; @tab4:#339935; @tab5:#5d61ea; @tab6:#803b81; //You are not allowed to change any of the code below without my (Gumshoe's) permission! //----------------------------------------------------------// @page:#f7f3ed; @text:black; @tb:#efdab5; @tbd:#d8c199; @hl:rgba(241, 241, 23, 0.55); .page { background:@page; margin:15px 2px 0px 10px; height:500px; padding:4px; box-shadow:4px 3px 8px rgba(0,0,0,.3), 1px 1px 4px rgba(0,0,0,.2); overflow:hidden; line-height:1.12; } .folder { font-size:10.6pt; font-family: 'Courier Prime'; border:none; width:310px; height:558px; background:#86785f; position:relative; border-radius:10px 0px 0px 10px; .tabbed_interface>ul li { position:absolute; width:32px; height:80px; margin-left:3px; border:1px solid rgba(0, 0, 0, .7); z-index:1; border-radius: 8px 0px 0px 8px; cursor:pointer; } .tabbed_interface>ul>li.tab-active { border-right:none; z-index:3; } .tabbed_interface>ul li:nth-child(1) {top: 10px;background:@tab1;} .tabbed_interface>ul li:nth-child(2) {top: 100px;background:@tab2;} .tabbed_interface>ul li:nth-child(3) {top: 190px;background:@tab3;} .tabbed_interface>ul li:nth-child(4) {top: 280px;background:@tab4;} .tabbed_interface>ul li:nth-child(5) {top: 370px;background:@tab5;} .tabbed_interface>ul li:nth-child(6) {top: 460px;background:@tab6;} .tabbed_interface>ul {background:none;} .tabbed_interface>div { position:absolute; width:271px; margin-left:31px; height:550px; padding:4px; margin-top:0px; z-index:2; background:linear-gradient(0deg, rgba(215,192,152,1) 0%, rgba(240,219,182,1) 100%); color:@text; border:none; box-shadow:none; border-radius: 10px 0px 0px 10px; a {color: @text; background:@hl;} .tabbed_interface>ul li:nth-child(1) {background:@tbd;} .tabbed_interface>ul li:nth-child(2) {background:@tbd;} .tabbed_interface>ul li:nth-child(3) {background:@tbd;} .tabbed_interface>ul li:nth-child(4) {background:@tbd;} .tabbed_interface>ul li:nth-child(5) {background:@tbd;} .tabbed_interface>ul li:nth-child(6) {background:@tbd;} .tabbed_interface>ul li { position:static; height:inherit; width:inherit; border-radius:8px 8px 0px 0px; margin-left:inherit; margin: 0px 1px; border:1px solid black; cursor:default; text-align:center; color:@text; padding: 2px 2px 0px 2px; } .tabbed_interface>ul li:first-child {margin-left:0px;} .tabbed_interface>ul li:last-child {margin-right:0px;} .tabbed_interface>ul>li.tab-active { background:@tb; border-bottom:0px; } .tabbed_interface>ul {background:none;} .tabbed_interface>div { position:static; width:inherit; margin-left:inherit; margin-top:-1px; height:inherit; padding:inherit; z-index:inherit; background:#efdab5; border-radius: 0px; border:1px solid black; padding:3px; } .panel { box-shadow:none; background: @tb; border: solid 1px black; > h3 { > a {color: @text; background:none;} border-bottom: none; background: @tbd; color: @text; text-align:center; padding:3px 3px 1px 3px; cursor:default; } > div { color: @text; padding:3px; } } table {border: none;} table th { border: solid 1px black; color: @text; background: @hl; border: solid 1px black; padding:4px 2px 0px 2px; } table td { border: solid 1px black; color: @text; padding:4px 2px 0px 2px; } .expbar { background: @page; color: @text; border: solid 1px black; padding:4px 3px 0px 3px; cursor:default; > div { background:@hl; border-right: solid 1px rgba(0,0,0,.2); } } .party > div { background: @tb; border: 1px solid black; box-shadow: none; width:81%; margin-left: 0px; a {color: @text;background:none;} .action a[data-berry]:after {border: none;} .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: @hl; 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; } div.tooltip_content { background: @tb; color: @text; border: solid 1px @bord; font-size:10.6pt; padding:3px; } .bbcode_tooltip {border-bottom: 1px dashed rgba(0,0,0,.3);} } .credit { font-size:10pt; z-index:9; position:absolute; bottom:0px; right:3px; color:#402611; a {color:#402611; text-decoration: none;} background:#d7c098; } } /* latin */ @font-face { font-family: 'Courier Prime'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/courierprime/v5/u-450q2lgwslOqpF_6gQ8kELawFpWg.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]