Single post in pumpkin's poke problems
Forum Index > PokéFarm > Journals > Staff > pumpkin's poke problems >
This is an ABOUT ME template. Do NOT use it in forum posts or signatures.
Code
[sc=about][sc=name]name here[/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//
@trans-pink:rgba(240,208,221,0.75);
@medpink: #CB808D;
@text: #46011E;
@link: #531B5F;
//codey woah dee//
.about {background:url('https://images.unsplash.com/photo-1584844841779-6b873c449853?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80'); background-size: 100%; padding: 10px 3px 5px 3px;
a {color: @link; text-shadow: 1px 1px 2px #fff; font-weight: bold;}
hr {border: 1px solid @medpink; }
.credits {background: @trans-pink; color: @text; border-radius: 15px; font-size: 10pt; border: 2px solid @medpink; position: absolute; right: 6px; bottom: 5px; padding: 0px 6px;}
.name {background: @trans-pink; color: @text; text-align: center; border-radius: 15px; font-size: 24pt; font-family: "croissant one"; border: 2px solid @medpink; }
.panel {
&>h3 {background: @medpink; color: #000; border: none; border-radius: 15px; a {color: #000; text-shadow: 1px 1px 2px #F0D0DD; font-size: 11pt; padding: 5px 8px;}}
&>div {background: none; color: @text; border: 2px solid @medpink; border-radius: 15px;}
box-shadow:none; border: none; background: none;}
table {
margin: 0 auto; border: 2px solid @medpink; border-radius: 15px; padding: 2px; border-collapse: separate;
th, td {text-align: center; padding: 4px; border-radius: 15px; border: 2px solid @medpink; color: @text;}
th {background: @medpink; color: #000; padding:5px;}
td {background: none;}}
.expbar {
color: #000; text-shadow: 1px 1px 2px #F0D0DD; background: none; border: 2px solid @medpink; border-radius: 15px;
&>div {background: @medpink; border-right: 1px solid @medpink; }}
span.bbcode_tooltip {
border-bottom:1px dotted @text; &:hover {border-bottom:1px solid @text;}}
.tooltip_content{
background: @medpink; color: #000; border: none; border-radius: 10px; font-size:11pt; }
.tabbed_interface {
>ul {
background: none; margin:auto;
li, li.tab-active {
border:2px solid @medpink; border-radius:15px; padding:1px; font-size:11pt; text-align:center; box-shadow: 1px 1px 3px @medpink; background:@trans-pink; color: @text; line-height: 1.3; position: relative; margin: 4px 3px 2px 3px;}
li.tab-active {color: @text; border:2px solid @text;}}
.tab, .tab-active {
box-shadow: 1px 1px 3px @medpink; background-color: @trans-pink; border:2px solid @medpink; border-radius:15px; color: @text; text-align: center; padding:5px; font-size:11pt; margin: 3px 1px 4px 1px;}}
/* latin-ext */
@font-face {
font-family: 'Croissant One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/croissantone/v18/3y9n6bU9bTPg4m8NDy3Kq24UA3NgnrUeN--VHQ.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: 'Croissant One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/croissantone/v18/3y9n6bU9bTPg4m8NDy3Kq24UA31gnrUeN-8.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]
