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][img]https://tinyurl.com/bdhktazr[/img]
[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-bl:rgba(0,0,0,0.5);
@grey: #595959;
@text: #DADAD8;
@link: #DAE4FB;
//codey woah dee//
.about {background:url('https://images.unsplash.com/photo-1586512363478-40bf3d29944c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80'); background-size: 100%; padding: 10px 3px 5px 3px; text-align: center; color: #fff;
a {color: @link; text-shadow: 1px 1px 2px #000;}
hr {border: 1px solid @grey; }
.credits {background: @trans-bl; color: @text; border-radius: 5px; font-size: 10pt; border: 2px solid @grey; position: absolute; right: 5px; bottom: 5px; padding: 0px 6px;}
.panel {
&>h3 {background: @grey; color: #fff; border: none; border-radius: 5px; a {color: #fff; text-shadow: 1px 1px 2px #000; font-size: 11pt; padding: 5px 8px;}}
&>div {background: none; color: @text; border: 2px solid @grey; border-radius: 5px;}
box-shadow:none; border: none; background: none;}
table {
margin: 0 auto; border: 2px solid @grey; border-radius: 5px; padding: 2px; border-collapse: separate;
th, td {text-align: center; padding: 4px; border-radius: 5px; border: 2px solid @grey; color: @text;}
th {background: @grey; color: #fff; text-shadow: 1px 1px 2px #000; padding:5px;}
td {background: none;}}
.expbar {
color: #fff; text-shadow: 1px 1px 2px #000; background: none; border: 2px solid @grey; border-radius: 5px;
&>div {background: @grey; border-right: 1px solid @grey; }}
span.bbcode_tooltip {
border-bottom:1px dotted @text; &:hover {border-bottom:1px solid @text;}}
.tooltip_content{
background: @grey; color: #fff; border: none; border-radius: 10px; font-size:11pt; }
.tabbed_interface {
>ul {
background: none; margin:auto;
li, li.tab-active {
border:2px solid @grey; border-radius:5px; padding:1px; font-size:11pt; text-align:center; box-shadow: 1px 1px 3px #000; background:@trans-bl; 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 #000; background-color: @trans-bl; border:2px solid @grey; border-radius:5px; color: @text; text-align: center; padding:5px; font-size:11pt; margin: 3px 1px 4px 1px;}}
}
[/style]
