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=mist][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//
@text: #2C2546;
@tab: #C7AED5;
@active: #D9D7EA;
@link: #761952;
@inf: #B3AFD0;
//codey woah dee//
.about {
.mist {width: 100%; height: 90px; background-image: url('https://images.unsplash.com/photo-1591625677777-ae053aef58ff?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80'); background-position: center; background-size: cover;}
.title {color: #161122; font-size:35pt; text-align: right; padding: 5px 3%; text-transform: lowercase; font-family: "lily script one"; letter-spacing: 1.5px;}
a {color: @link;}
hr {border: 1px solid @medpink; }
.credits {color: @text; font-size: 10pt; position: absolute; right: 5px; bottom: 3px;}
.panel {
&>h3 {background: @tab; color: @text; border: none; border-radius: 15px; a {color: @text; text-shadow: 1px 1px 2px @active; font-size: 11pt; padding: 5px 8px;}}
&>div {background: none; color: @text; border: 2px solid @tab; border-radius: 15px;}
box-shadow:none; border: none; background: none;}
table {
margin: 0 auto; border: 2px solid @tab; border-radius: 15px; padding: 2px; border-collapse: separate;
th, td {text-align: center; padding: 4px; border-radius: 15px; border: 2px solid @tab; color: @text;}
th {background: @tab; color: #000; padding:5px;}
td {background: none;}}
.expbar {
color: #000; text-shadow: 1px 1px 2px #F0D0DD; background: none; border: 2px solid @tab; border-radius: 15px;
&>div {background: @tab; border-right: 1px solid @tab; }}
span.bbcode_tooltip {
border-bottom:1px dotted @link; &:hover {border-bottom:1px solid @link;}}
.tooltip_content{
background: @tab; color: #000; border: none; border-radius: 10px; font-size:11pt; }
.tabbed_interface {
> ul {
background: @tab; border-radius: 15px 15px 0 0; margin-top: -40px;
> li, > li.tab-active {
border: 1px solid @tab; background: @tab; border-bottom: none; border-radius: 15px 15px 0 0; padding: 2px; font-size:10.5pt; text-align:center; color: @text; margin-bottom:1px;}
>li.tab-active {background: @active; color: @text; border: 1px solid @active;}}
>div {
box-shadow:none; background: @active; border:1px solid @active; color: @text; padding:5px 8px; font-size:10.5pt;
ul {text-align: left; line-height:1.3; margin-left: -2%;}
ul li::marker {content: '☁';}}}
/* 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]
