Single post in sempiternal [free to use templates]
Forum Index > Pokémon > Pokémon Art > sempiternal [free to use templates] >
ephemeral
(adj) lasting for a very short time.
surprise, i'm here - this is just the template i used for my very short lived template shop a while back that i said i would eventually release
(that's why the words at the top are like that)
me releasing templates is likely going to be very rare, but i want to thank everyone for even just subcribing to keep tabs on this thread, certainly didn't expect there to be 350 of you - it's usually a pleasant surprise to see something i made out in the forums
i do want to reiterate that edits are ok and you do not have to ask here if you can edit them - as long as it credits back to me/here and the final result isn't completely incomprehensible to my original
i have also removed lunala and look up from my templates at the front since they're not to a standard that i'm happy with, nor do i hold current interest in revamping or fixing them - you are free to dig for their codes if you truly wish but i won't be keeping them as easily accessed as my other code
code
[sc=style][sc=font1]ephemeral[/sc][sc=font2](adj) lasting for a very short time.[/sc][sc=img][img]https://i.imgur.com/L6OFp9B.png[/img][/sc][sc=txt]
[sc=tabbed_interface horizontal][ul]
[li]tab[/li]
[li]styling[/li]
[li]tab[/li]
[/ul][
][sc=tab-active]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][/sc][
][/sc][/sc][
][sc=credit][url=https://www.pexels.com/photo/silhouette-of-person-under-blue-and-purple-sky-957040/]header[/url] | [url=https://pfq.link/~LxwF]code[/url] | free to use[/sc]
[style]
@accent1: #D9A3FF;
@accent2: #BF66FF;
.font1 {
font-family: 'Oooh Baby';
color: white;
font-size: 30pt;
position: absolute;
top: 100px;
left: 10%;
letter-spacing: 0px;
transition:all 1.5s ease-in-out;
}
.font1:hover {
font-family: 'Oooh Baby';
color: white;
font-size: 30pt;
position: absolute;
top: 100px;
left: 10%;
letter-spacing: 7px;
transition:all 1.5s ease-in-out;
}
.font2 {
color: white;
font-size: 10pt;
position: absolute;
top: 150px;
left: 15%;
}
.img {
width: 100%
}
.txt {
background: black;
font-size: 10pt;
color: white;
padding: 5%;
}
.style {
b,u,i { color: @accent1; }
a, a:visited {
color: @accent2;
text-decoration: none;
transition:all 1000ms ease-in-out;
}
a:hover {
color: @accent2;
letter-spacing: 1px;
transition:all 1000ms ease-in-out;
}
.tooltip_content {
border: 1px solid @accent2;
background: black;
min-width: fit-content;
color: @accent2;
font-size: 10pt;
padding: 5px;
}
.bbcode_tooltip {
border-color: @accent2;
border-bottom: 1px solid @accent3;
}
.panel {
background: none;
color: white;
border: 0px;
box-shadow: none;
>h3 {
background: black;
color: @accent2;
border: 1px solid @accent1;
border-radius: 1px;
padding: 5px;
margin-left: 6.5%;
min-width: 85%;
width: fit-content;
max-width: 85%;
text-align: center;
}
>div {
color: @text;
text-align: left;
border-radius: 0px;
border: 0px solid @text;
margin: 0.5% 6.3%;
padding: 5px;
animation: fade 1.3s;
text-align: center;
}
}
table {
margin: 0px auto;
border: 0px;
}
table th{
text-align: center;
vertical-align: middle;
padding: 7px;
border: 1px solid @accent2;
background: black;
color: @accent1;
border-radius: 3px;
}
table td {
text-align: center;
vertical-align: middle;
padding: 5px;
border: 1px solid white;
background: @bkg2;
color: @text;
border-radius: 7px;
}
.tabbed_interface {
border-collapse: separate;
>ul {
background: none;
>li {
background: #222222;
color: white;
border: 1px solid white;
margin: 2px 7px;
font-size: 10pt;
padding: 7px 5px;
text-align: center;
vertical-align: baseline;
transition:all 500ms ease-in-out;
&.tab-active {
background: #150026;
border: 1px solid @accent2;
color: @accent2;
margin: 2px 7px;
font-size: 10pt;
padding: 7px 5px;
text-align: center;
transition:all 500ms ease-in-out;
}
}
>li:hover {
background: none;
border: 1px solid @accent1;
color: @accent1;
margin: 2px 7px;
font-size: 10pt;
min-width: fit-content;
padding: 7px 5px;
text-align: center;
vertical-align: baseline;
transition:all 500ms ease-in-out;
}
}
.tab, .tab-active {
background: none;
color: white;
border: 0px solid @text;
box-shadow: none;
margin: 5px 10px;
border-radius: 0px;
font-size: 10pt;
padding: 5px 5px;
}
}
.expbar {
background: black;
border-radius: 1px;
width: 70%;
border: 1px solid @accent2;
color: white;
text-shadow: 1px 1px black,
-1px -1px black,
1px -1px black,
-1px 1px black;
>div {
background: @accent1;
border-right: 0px solid @accent2;
}
}
.bullet {
line-height: 135%;
ul {
list-style: none;
>li:before {
content: "☾";
padding-right: 5px;
margin: 0 0 0 -19px;
}
}
ol {
list-style: lower-roman;
}
}
}
/* latin */
@font-face {
font-family: 'Oooh Baby';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ooohbaby/v1/2sDcZGJWgJTT2Jf76xQzaGW5Kb8VZA.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;
}
.credit {
font-size: 10pt;
margin-top: 3px;
margin-left: 15px;
}
[/style]
- tab
- styling
- tab
content
bold italics underline strikethrough
hover over me!
tooltip
click me!
- bullet
- bullet
- bullet
- bullet
| test | test | test |
|---|---|---|
| test | test | test |
| test | test | test |
content
