colors
white: #F4F7F5 |
---|
grey: #7D889E |
pink: #B24052 |
"black": #211621 |
i coded this template myself, with help from the lovely cele ♥ it's free to use if you'd like, just dont remove credit
code
[sc=text]
text goes here!
[center][url=https://pokefarm.com/user/continue][b]★[/b][/url][/center][/sc]
[style]
.text {background-color:#F4F7F5;
color:#211621;
padding:10%;
margin:auto;
font-size: 10pt;}
.panel{background-color: #F4F7F5;
margin: 0.5%;
box-shadow: 0 0 2px #211621;
border: 0.5px solid #211621;
border-radius: 0px;}
.panel>h3{background-color: #7D889E;
border: 0.5px solid #211621;
border-radius: 0px;
color: #211621;
font-variant: small-caps;
a {color: #211621}}
.panel>div{color: #211621;
border: 0.5px solid #211621;
border-radius: 0px;}
.tooltip_content{
border: 0.5px solid #211621;
background-color: #7D889E;
color: #211621;}
a:link{color: #B24052;}
a:visited{color: #B24052;}
a:hover{color: #211621;}
a:active{color: #B24052;}
b{color: #B24052;
font-variant: small-caps;}
table{border: 1px solid #211621;
margin: auto;}
th{vertical-align: middle;
border: 1px solid #211621;
background-color: #7D889E;
color: #F4F7F5;
padding: 5px;
font-variant: small-caps;
font-weight: bold;
text-align: center;}
td{vertical-align: middle;
border: 1px solid #211621;
background-color: #F4F7F5;
padding: 5px;
text-align: center;}
.expbar{padding: 2px;
background: #F4F7F5;
border: 1px solid #211621;
border-radius: 0px;}
.expbar div {background: #7D889E;
border-right: 1px solid #211621;}
.expbar span {color: #211621;}
h1{font-size: 12pt;
text-align: left;
font-weight: bold;
color: #211621;
font-variant: small-caps;
letter-spacing: 1px;}
h2{font-size: 12pt;
text-align: center;
font-weight: bold;
color: #211621;
font-variant: small-caps;
letter-spacing: 1px;}
.tabbed_interface.horizontal {
& > ul {
& > li {
background: #7D889E;
padding:2%;
border: 1px solid #211621;
box-shadow: 0 0 2px #211621;
font-variant: small-caps;
font-weight: bold;
color: #211621;
&.tab-active {
background: #211621;
padding:2%;
border: 1px solid #211621;
box-shadow: 0 0 2px #211621;
color: #F4F7F5;}}}
& > div {
background: #F4F7F5;
padding:2%;
border: 1px solid #211621;
box-shadow: 0 0 2px #211621;
color: #211621;}}
.tabbed_interface.vertical {
& > ul {
& > li {
background: #7D889E;
padding:4%;
border: 1px solid #211621;
border-radius: 0px;
box-shadow: 0 0 2px #211621;
font-variant: small-caps;
font-weight: bold;
color: #211621;
&.tab-active {
background: #211621;
padding:4%;
border: 1px solid #211621;
border-radius: 0px;
box-shadow: 0 0 2px #211621;
color: #F4F7F5;}}}
& > div {
background: #F4F7F5;
padding:2%;
border: 1px solid #211621;
border-radius: 0px;
box-shadow: 0 0 2px #211621;
color: #211621;}}
[/style]
display box
bits!
- tab 1
- tab 2
- tab 3
this is what a tab box looks like
contents
contents
tables look like this | ||
---|---|---|
cell 1 | cell 2 | cell 3 |
cell 4 | cell 5 | cell 6 |
tip message!