Single post in scattered travel notes
Forum Index > PokéFarm > Journals > scattered travel notes >
simple little combee template bc of this current tourney, companion of my cherubi template !
no longer a wip !!
I fixed every mistake I found, but anyone who spots something else is more than welcome to give me a heads up so I can look into it^^
(code in third tab, template is free to use!)
write whatever!! here's what a link looks like
844/1000
accordion 1
Content 1
accordion 2
Content 2
accordion 3
Content 3
display
content
hide
Content
QUOTE originally posted by nightbirb
and another link here
844/1000| Table Heading | Table Heading |
|---|---|
| Table Cell | Table Cell |
code
[styleclass=background][centre][img]https://cdn.discordapp.com/attachments/894129975404404767/945681456859062332/Spr_5b_415_f_s.png[/img][img]https://cdn.discordapp.com/attachments/894129975404404767/945681456859062332/Spr_5b_415_f_s.png[/img][img]https://cdn.discordapp.com/attachments/894129975404404767/945681456859062332/Spr_5b_415_f_s.png[/img][/centre]
[sc=tabbed_interface horizontal][ul]
[li][item=Yellow Pokéblock+ II][/li]
[li][item=Yellow Pokéblock+ II][/li]
[li][item=Yellow Pokéblock+ II][/li][/ul]
[sc=tab-active]tab 1[/sc]
[sc=tab]tab 2[/sc]
[sc=tab]tab 3[/sc][/sc]
[centre][size=10]template by @[url=https://pfq.link/@vZ-]luneyetic[/url] // gif credit: official pokemon sprite[/size][/centre]
[/styleclass]
[style].background {
background-image: linear-gradient(#F8B472, #E48851);
background-size: 100%;
background-repeat: no-repeat;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 2%;
color: white;
border: 2px solid white;
border-radius: 10px;
}
[/style]
[style].tabbed_interface{
display: grid;
grid-template-columns: auto 1fr;
>ul{
background: transparent;
display: flex;
flex-flow: column;
}
>ul>li{
flex-grow: 0;
background: none;
color: @blue;
padding: 10px 5px;
margin: 10px 2px;
text-align: center;
border-radius: 10px;
font-size: 12px;
border: none;
box-shadow: none;
}
>.tab, .tab-active {
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 10px;
border-radius: 10px;
border: 2px solid white;
box-shadow: none;
max-width: 100%;
overflow-x: auto;
}
}[/style]
[style]a:link {
color: black;
background: #E48851;
padding-left: 2%;
padding-right: 2%;
}
a:visited {
color: black;
background: #E48851;
padding-left: 2%;
padding-right: 2%;
}
[/style]
[style]hr { border: 1px solid white; }[/style]
[style].panel {
box-shadow: none;
border-style: none;
background: none;
&>h3 {
background-color: #E48851;
color: rgb(28, 28, 28);
border-style: solid;
border-color: #E48851;
border-width: 2px;
border-radius: 5px;
margin-bottom: 5px;
text-align: center;
a {
color: rgb(28, 28, 28);
text-decoration: none;
}
a:hover {
color: white;
}
}
&>div {
background-color: #F8B472;
color: black;
border-style: solid;
border-color: #F8B472;
border-width: 2px;
border-radius: 5px;
margin-bottom: 5px;
max-width: 100%;
overflow-x: auto;
}
}
[/style]
[style].expbar {
color: rgb(28, 28, 28);
background-color: #E48851;
border: 2px solid white;
border-radius: 5px;
&>div {
background-color: #F8B472;
border-right: 2px solid white;
}
}
[/style]
[style]table {
margin: 0px auto;
border: none;
}
td {
border: 2px white solid;
background-color: #F8B472;
color: rgb(28, 28, 28);
text-align: center;
border-radius: 5px;
}
th {
border: 2px white solid;
background-color: #E48851;
color: rgb(28, 28, 28);
text-align: center;
border-radius: 5px;
}
[/style]
template by @luneyetic // gif credit: official pokemon sprite
icon: official art from the dungeon meshi manga