Single post in scattered travel notes
Forum Index > PokéFarm > Journals > scattered travel notes >
thread title
hi here's another free to use template ! let me know if you notice any problem with it, I fixed everything that came up on my end^^
yes I like gradient backgounds what about it
844/800
- tab 1
- tab 2
- tab 3
this tab is empty to keep the post shorter !
- examples are in tab 2
- code is in tab 3
- here's what a link looks like btw
accordion 1
Content 1
accordion 2
Content 2
accordion
Content 3
display
content
hide
Content
QUOTE originally posted by nightbirb
Content
844/800| Table Heading | Table Heading |
|---|---|
| Table Cell | Table Cell |
code
[styleclass=background][styleclass=title]thread title
[/styleclass]
[styleclass=textbox]
write whatever!
[/styleclass]
[styleclass=credits]
[centre][size=10]template by: @[url=https://pfq.link/@vZ-]luneyetic[/url][/size][/centre]
[/styleclass][/styleclass]
[style].background {
background-image: linear-gradient(to bottom right, #9900ff 0%, #ff99ff 100%);
background-size: 100;
background-repeat: no-repeat;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 20%;
padding-left: 2%;
color: black;
border: 2px solid white;
border-radius: 10px;
}
[/style]
[style].textbox {
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 2%;
border-radius: 10px;
border: 2px solid white;
}
[/style]
[style].credits {
background-color: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 10px;
border: 2px solid white;
position: absolute;
padding-left: 2%;
padding-right: 2%;
right: 3%;
}
[/style]
[style].title {
background-color: rgba(0, 0, 0, 0.5);
color: white;
max-width: 50%;
border-radius: 10px;
border: 2px solid white;
text-align: center;
padding-bottom: 1%;
padding-top: 2%;
padding-right: 2%;
padding-left: 2%;
text-transform: uppercase;
text-decoration-line: overline;
font-weight: bold;
font-size: 30px;
}
[/style]
[style] ul {
background: none;
}
li {
text-align: center;
background: none;
border: none;
color: white;
padding: 5px;
} // not clicked on
li.tab-active {
text-align: center;
border: 2px white solid;
border-radius: 5px;
background: none;
color: white;
padding: 5px;
} // clicked on
li, li.tab-active {
} // both ^
.tab, .tab-active {
border: none;
color: white;
background: none;
box-shadow: none;
} // content
[/style]
[style]hr { border: 1px solid white; }[/style]
[style]
.panel {
border: 0.25px solid white;
background: none;
box-shadow: none;
&>h3 {
border: 0.25px solid white;
color: white;
background-color: rgb(56, 2, 81);
padding: 3px;
a {
color: white;
text-decoration: none;
}
a:hover {
color: rgb(208, 123, 228);
}
}
&>div {
color: white;
background: none;
border: 0.25px solid white;
padding: 3px;
}
}
[/style]
[style].expbar {
color: white;
background: none;
border: 2.5px white solid;
&>div {
background-color: rgb(56, 2, 81);
border-right: 2.5px solid white;
}
}
[/style]
[style]table {
margin: 0px auto;
border: 0px;
}
td {
border: 1px white solid;
background: none;
color: white;
text-align: center;
}
th {
border: 1px white solid;
background-color: rgb(56, 2, 81);
color: white;
text-align: center;
}
[/style]
[style]
a:link {
color: white;
}
a:hover {
color: rgb(208, 123, 228);
}
a:visited {
color: rgb(255, 158, 254);
}
[/style]
template by: @luneyetic
icon: official art from the dungeon meshi manga