Single post in pumpkin's poke problems
Forum Index > PokéFarm > Journals > Staff > pumpkin's poke problems >
Rise and Shine
This template doesn't come with tabs, but tabs are supported! Feel free to add them in if you'd like to use them, or keep it tab-free if you just need a simple post~
Code
[sc=template][sc=sun][sc=title]fancy title?[/sc][/sc][sc=blend][/sc][sc=bg]
[sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc]
[/sc][/sc]
[style]
//colors//
@none: rgba(0,0,0,0);
@bg: #270A02;
@text: #FFBF75;
@sun: #FF8D0A;
@shine: #FFEF7F;
//le code//
.template {
a {color: @shine; &:hover {color: @sun; transition: 0.5s;}}
.credits {font-size: 10pt; position: absolute; right: 2.2%; bottom: 5px;}
.sun {width: 100%; height: 170px; background-image: url("https://i.postimg.cc/Y9wTZXXf/andrey-grinkevich-unsplash-sun.jpg"); background-position: center; background-size: cover; z-index:1;}
.title {color: @bg; font-size:30pt; text-align: left; padding: 10px 3%; font-family: "lemonada"; text-transform: lowercase;}
.blend {background:linear-gradient(180deg, @none, @none, @none, @none, rgba(39,10,2,0.2), rgba(39,10,2,0.8), @bg); margin-top: -40px; height:40px; z-index:2;}
.bg {background: @bg; padding: 0px 8px; color: @text; font-size: 11.5pt;}
hr {border: 1px solid @sun; border-image:linear-gradient(to right, @bg, @sun, @text, @shine, @text, @sun, @bg); border-image-slice: 1;}
h1, h2 {color: @sun; font-family: "lemonada";}
.panel h3>a>svg {
color: @bg; }
.panel {
&>h3 {background:linear-gradient(to right, @sun, @shine, @sun); color: @bg; border:none; border-radius: 0px; a {color:@bg; font-size: 11.5pt;}}
&>div {background-color: @bg; color: @text; border: 2px solid @sun; border-top:none; border-radius: 0 0 10px 10px; margin-bottom:4px;}
box-shadow:none; border: none; border-radius: 0px; background: @bg;}
table {
margin: 0 auto; border-radius: 0 10px 0 10px; border: 2px solid @shine; padding: 2px; border-collapse: separate;
th, td {text-align: center; padding: 5px; border-radius: 10px; border: none; color: @text;}
th {background:linear-gradient(to right, @sun, @shine); color: @bg;}
td {background-color: @bg; border: 2px solid @sun;}}
.expbar {
color: @bg; background: @sun; border: 2px solid @sun; border-radius: 0;
&>div {background: linear-gradient(to right, @text, @shine); border-right: 1px solid @shine; }}
ul {text-align: left; margin-left: -3%;}
ul li::marker {content: '☀'; color: @sun; font-size:10pt;}
ul li:hover::marker {content: '☀'; color: @shine; transition: 0.5s;}
span.bbcode_tooltip {
border-bottom:1px dotted @sun; &:hover {border-bottom:1px dotted @shine;}}
.tooltip_content{
background:linear-gradient(to right, @sun, @shine); color: @bg; border: none; border-radius: 0 10px 0 10px; font-size:11pt; }
.party > div {
background: linear-gradient(160deg, @shine, @sun); color: @bg; border: 1px solid @bg; border-radius: 10px 0 10px 0; box-shadow: none;
a {color: @bg;}}
.tabbed_interface {
> ul {
background: none; margin:auto;
> li, > li.tab-active {
border: 2px solid @sun; border-radius: 0; padding:3px; margin:5px; font-size:11pt; text-align:center; box-shadow: 1px 1px 3px #000; color: @text;}
> li {
background: #5B2405; border: 2px solid @sun;}
> li.tab-active {
background:linear-gradient(to right, @sun, @shine); color: @bg}}
.tab, .tab-active {box-shadow:none; margin:5px; background-color: transparent; border:2px solid @sun; color: @text; padding:6px; text-align: left; border-radius: 0 0 10px 10px;}}
/* header font */
@font-face {
font-family: 'Lemonada';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lemonada/v18/0QI-MXFD9oygTWy_R-FFlwV-bgfR7QJGnexGkP-b_5i5Tx8VlHQ.woff) format('woff');
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;}
@font-face {
font-family: 'Lemonada';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lemonada/v18/0QI-MXFD9oygTWy_R-FFlwV-bgfR7QJGnexGnv-b_5i5Tx8V.woff) format('woff');
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]
