[sc=template][sc=base] [sc=title]TITLE GOES HERE[/sc] [sc=tabbed_interface horizontal][ul] [li] Tab [/li] [li] Tab [/li] [li] Tab [/li] [li] Tab [/li] [li] Tab [/li] [li] Tab [/li] [li] Tab [/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]freebie by [url=https://pokefarm.com/forum/post/6194838]yosei-san[/url][/sc] [/sc][/sc][style] //* do not touch ANYTHING in this section!!! editing this template without yosei's express permission is not allowed .template{ a {color: #FE7F76;} i {color: #D77AFF;} h1 {font-family: "bebas neue"; color: #8AADFF; font-size: 23pt;} h2 {font-family: "bebas neue"; color: #FE7F76; font-size: 20pt;} hr{border: 1px solid #FF6BDA;} u {text-decoration: underline wavy #FF6BDA;} .panel h3>a>svg { color: #FE9B3E; } .panel {&>h3 {background-color: #FE9B3E; border-bottom:none; border-radius: 1px; color: #000; a {color:#000; font-size: 11pt;}} &>div {background-color: #000; color: #DBDBDB; border-color:#8E4501;} border-color:#6faddd; box-shadow:none; border: 2px solid #8E4501; border-radius: 1px;} .bbcode_table{margin: 0 auto; border:none;} .bbcode_table th{background-color: #FCEA27; color: #000; border:2px solid #5C4E00; padding: 3px 2px; font-size:11pt;} .bbcode_table td{border: 2px solid #5C4E00; padding: 3px 2px; } .expbar {color: #000; background-color: #19B314; border: 1px solid #000; border-radius: 1px; &>div { background-color: #5AEC55; border-right: 1px solid #5AEC55; } } span.bbcode_tooltip {border-bottom:1px dashed #FF6BDA;} .tooltip_content{background: #FF6BDA; color: #000; border: 2px solid #800060; border-radius: 1px; font-size:11pt; a {color: #000;}} .credits{float:right; margin-right:5px; font-size: 10pt; } .title{float:right; margin-right:3%; font-size:15pt; font-weight: bold;} .base { background: #000; width: 100%; min-height: 250px; color: #DBDBDB;} .tabbed_interface{box-shadow: none; margin: 0; >ul { >li {padding: 1px; display: inline-block; background: #000; color: #DBDBDB; margin: 2px; left: 10px; height:20px; width: 10%; position: absolute; text-align: center; font-size:10pt; font-weight:bold; -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:nth-child(1) {top: 45px; border: 3px solid #890A01; &.tab-active{background: #890A01; }; box-shadow: 0.2rem 0.2rem #DBDBDB; } >li:nth-child(2) {top: 80px; border: 3px solid #8E4501; &.tab-active{background: #8E4501;}; box-shadow: 0.2rem 0.2rem #DBDBDB; } >li:nth-child(3) {top: 115px; border: 3px solid #8A7500; &.tab-active{background: #8A7500;}; box-shadow: 0.2rem 0.2rem #DBDBDB; } >li:nth-child(4) {top: 150px; border: 3px solid #24611F; &.tab-active{background: #24611F;}; box-shadow: 0.2rem 0.2rem #DBDBDB; } >li:nth-child(5) {top: 185px; border: 3px solid #0036B3; &.tab-active{background: #0036B3;}; box-shadow: 0.2rem 0.2rem #DBDBDB; } >li:nth-child(6) {top: 220px; border: 3px solid #8F00CC; &.tab-active{background: #8F00CC;}; box-shadow: 0.2rem 0.2rem #DBDBDB; } >li:nth-child(7) {top: 255px; border: 3px solid #B8008A; &.tab-active{background: #B8008A;}; box-shadow: 0.2rem 0.2rem #DBDBDB; } li{ &.tab-active { color: #fff; }} } >div {color: #DBDBDB; margin-top: 8px; margin-left: 17%; width: 75%; border-radius: 0px; border: 3px solid #DBDBDB; min-height: 200px; text-align: center; position: relative; background: #000; font-size: 11pt; line-height: 1.35; box-shadow:none; padding: 10px;} } @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9WlhyyTh89Y.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;} .party > div {background: #8AADFF; color: #000; border: none; border-radius: 1px; box-shadow: none; a:link, a:visited {color: #000;}} .party > div > .pkmn:before {border: solid #60008A; background-color: #D77AFF;} // PKMN panel mobile 1 @media screen and (max-width: 420px) { .party > div {width:88%;margin-left: 0px;} .party > div > .name {position:absolute; right:0px; top:-3px;} .party > div > .action {position: absolute; left:70px; bottom:35px;} .party > div > .expbar {width:150px; position:absolute; top:15px; right:10px;} } // PKMN panel mobile 2 @media screen and (max-width: 380px) { .party > div {width:74%; height:150px;} .party > div > .name {position:absolute; right:0px; top:-3px;} .party > div > .action {position: absolute; left:26px; bottom:25px;} .party > div > .taste {position: absolute; bottom:0px; right:5px;} .party > div > .extra {position: absolute; bottom:0px;} .party > div > .expbar {width:150px; position:absolute; top:15px; right:10px;} }} [/style]