Single post in pumpkin's poke problems
Forum Index > PokéFarm > Journals > Staff > pumpkin's poke problems >
Plan(t) On It!
- Tab 1
- Tab 2
- Tab 3
This template comes tab-included! Feel free to add additional tabs onto the baseline. Please don't remove the tabbed interface entirely, however, as it's key to legibility!
Code
[sc=ent][sc=jade][sc=title]title[/sc][/sc][sc=tabbed_interface horizontal][ul]
[li]Tab 1[/li]
[li]Tab 2[/li]
[li]Tab 3[/li][/ul][
][sc=tab-active]
[/sc][
][sc=tab]
[/sc][
][sc=tab]
[/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc][/sc]
[style]
//colors//
@gre: #BBD2AC;
@dgre: #324526;
@ltext: #DFEAD7;
@dtext: #232E19;
@link: #562E01;
//codes//
.ent {
a {color: @link;}
.credits {font-size: 10pt; position: absolute; right: 2.2%; bottom: 5px; color: @dtext;}
.jade {width: 100%; height: 90px; background-image: url('https://images.unsplash.com/photo-1627223721056-b3262ee96973?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2340&q=80'); background-position: center; background-size: cover;}
.title {color: @dtext; text-shadow: 3px 3px 5px @gre; font-size:45pt; text-align: right; padding: 5px 3%; text-transform: lowercase; font-family: "lily script one"; letter-spacing: 1.5px;}
hr {border: 1px solid @dgre; border-image:linear-gradient(to right, @gre, @dgre, @gre); border-image-slice: 1;}
h1, h2 {font-family: "lily script one"; text-transform: lowercase; letter-spacing: 1.5px;}
h1 {font-size: 28pt;}
h2 {font-size: 20pt;}
.panel {
&>h3 {background: @dgre; color: @ltext; border:none; a {color: @ltext; font-size: 11pt; padding:5px;}}
&>div {background: @gre; color: @dtext; border: 2px solid @dgre;}
box-shadow:none; border: none; background: none;}
table {
margin: 0 auto; border: 2px solid @dgre; border-radius: 20px; padding: 2px; border-collapse: separate;
th, td {text-align: center; padding: 5px; border-radius: 20px; border: 2px solid @dgre; color: @dtext;}
th {background: @dgre; color: @ltext; padding:5px;}
td {background: none;}}
.expbar {
color: @ltext; text-shadow: 1px 1px 3px @dtext; background: #161F0F; border: 2.5px solid #161F0F; border-radius: 20px;
&>div {background: @dgre; border-right: 1px solid @dgre; }}
span.bbcode_tooltip {
border-bottom:1px dotted @dgre; &:hover {border-bottom:1px solid @dgre;}}
.tooltip_content{
background: @gre; color: @dtext; border: 2px solid @dgre; border-radius: 10px; font-size:11pt; }
.party > div {
background:linear-gradient(160deg, @ltext, @gre); color: @dtext; border: 1px solid @dgre; border-radius: 10px; box-shadow: none;
a {color: @link;}}
.tabbed_interface {
> ul {
background: none; margin-top: -20px;
> li, > li.tab-active {
border: 1px solid @dgre; background: @dgre; border-bottom: none; border-radius: 20px 20px 0 0; padding: 4px 2px; font-size:11.5pt; text-align:center; color: @ltext; margin-bottom:1px;}
>li.tab-active {background: @gre; color: @dtext; border: 1px solid @gre;}}
>div {
box-shadow:none; background: @gre; border:1px solid @gre; color: @dtext; padding:5px 8px; font-size:11pt;
ul {text-align: left; line-height:1.3; margin-left: -2%;}
ul li::marker {content: '⊱';}}}
/* latin-ext */
@font-face {
font-family: 'Lily Script One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lilyscriptone/v13/LhW9MV7ZMfIPdMxeBjBvFN8SXLSIi86iYtgBM-_8.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lily Script One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lilyscriptone/v13/LhW9MV7ZMfIPdMxeBjBvFN8SXLSIhc6iYtgBMw.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]