Single post in pumpkin's poke problems
Forum Index > PokéFarm > Journals > Staff > pumpkin's poke problems >
TITLE GOES HERE
- Tab
- Tab
- Tab
- Tab
- Tab
- Tab
- Tab
code for loud&proud original
[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: #890A01;}
i {color: #60008A;}
h1 {font-family: "bebas neue"; color: #002E99; font-size: 23pt;}
h2 {font-family: "bebas neue"; color: #890A01; font-size: 20pt;}
hr{border: 1px solid #800060;}
u {text-decoration: underline wavy #800060;}
.panel h3>a>svg { color: #FE9B3E; }
.panel {&>h3 {background-color: #FE9B3E; color: #000; border-bottom:none; border-radius: 1px; a {color:#000; font-size: 11pt;}} &>div {background-color: #DBDBDB; color: #000; 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 #800060;}
.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: #DBDBDB; width: 100%; min-height: 250px; color: #000;}
.tabbed_interface{box-shadow: none; margin: 0;
>ul {
>li {padding: 1px; display: inline-block; background: #DBDBDB; color: black; 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 #FE7F76; &.tab-active{background: #FE7F76; }; box-shadow: 0.2rem 0.2rem #000;
}
>li:nth-child(2) {top: 80px; border: 3px solid #FE9B3E; &.tab-active{background: #FE9B3E;}; box-shadow: 0.2rem 0.2rem #000;
}
>li:nth-child(3) {top: 115px; border: 3px solid #FCEA27; &.tab-active{background: #FCEA27;}; box-shadow: 0.2rem 0.2rem #000;
}
>li:nth-child(4) {top: 150px; border: 3px solid #5AEC55; &.tab-active{background: #5AEC55;}; box-shadow: 0.2rem 0.2rem #000;
}
>li:nth-child(5) {top: 185px; border: 3px solid #8AADFF; &.tab-active{background: #8AADFF;}; box-shadow: 0.2rem 0.2rem #000;
}
>li:nth-child(6) {top: 220px; border: 3px solid #D77AFF; &.tab-active{background: #D77AFF;}; box-shadow: 0.2rem 0.2rem #000;
}
>li:nth-child(7) {top: 255px; border: 3px solid #FF6BDA; &.tab-active{background: #FF6BDA;}; box-shadow: 0.2rem 0.2rem #000;
}
li{
&.tab-active {
color: #000;
}}
}
>div {color: #000; margin-top: 8px; margin-left: 17%; width: 75%; border-radius: 0px; border: 3px solid #000; min-height: 200px; text-align: center; position: relative; background: #DBDBDB; 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]
freebie by yosei-san