aquali forum commission

[sc=bg]
[sc=box][sc=tabbed_interface horizontal]
[ul]
[li]Title 1[/li]
[li]Title 2[/li]
[li]Title 3[/li]
[li]Title 4[/li]
[/ul][
][sc=tab-active]contents 1[/sc][

][sc=tab]contents 2[/sc][

][sc=tab]contents 3[/sc][

][sc=tab]contents 4[/sc][/sc]
[sc=footer][url=https://pfq.link/@J3dF]code[/url] ♡ [url=https://www.tumblr.com/starry-rapo/749283739444592640/i-made-some-tiled-backgrounds-out-of-assorted?source=share]background[/url] ♡ [url=https://www.tumblr.com/drinkthesky/752948433283923968/ocean-dividers?source=share]footer[/url] ♡ [url=https://www.pixilart.com/art/water-tile-test-31cdac918e47499]exp bar background[/url][/sc]
[/sc][sc=footerimage][img]https://64.media.tumblr.com/9055acf197fee2d43ba900b379b9f61d/cb8ffd47ec7a26a2-d1/s2048x3072/bdd7dc52368ea53e70c9300fa6737a277a01bced.pnj[/img][/sc][/sc]

[style]

@font-face {
  font-family: 'Lexend Deca';
  src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qnJy8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.bg {
background-image: url("https://64.media.tumblr.com/c8015ea5911a6b38fe7385b5e59a5cb8/15d42ce735a2d396-da/s400x600/c0ad07bbf38d4a062afad8df411513c8c9397a07.pnj");
background-size: 50% auto;
}

/* tabbed */

  .tabbed_interface>ul {
 height: auto;
 width: 97%;
 height: 17px;
 margin-bottom: 10px;
 background-color: #00437890;
 border: 3px solid #0087F0;
 border-radius: 25px;
 padding: 5px;
 position: relative;
 bottom: 4em;
 }

 .tabbed_interface >div {
animation: 0.4s fade;
}

 .tabbed_interface>ul li {  /* tabs */
font-family: 'Lexend Deca';
cursor: pointer;
margin: 5px 5px;
width: auto;
position: relative;
bottom: 0.4em;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 20px;
text-align: center;
color: #fff;
border-radius: 5px;
text-shadow: #000 0px 0 4px;
box-shadow: none;
background-color: rgba(0, 0, 0, 0.00);
border: none;
transition: .4s;
}

 .tabbed_interface>ul>li.tab-active {
background: none;
text-decoration: underline;
}

 .tab-active {  /* content */
font-family: 'Lexend Deca';
text-align: center;
position: relative;
margin-bottom: -70px;
bottom: 4.9em;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
width: auto;
height: auto;
background-color: #004378;
border: 3px solid #0087F0;
border-radius: 10px;
color: #fff;
font-size: 14px;
box-shadow: none;
 }

.box {
margin: auto;
margin-top: 35px;
width: 95%;
height: auto;
background-color: none;
border-radius: 10px;
border: 1px solid #00000000;
}

.footer {
margin: auto;
margin-top: -10px;
padding-top: 2px;
width: auto;
height: 33px;
background-color: #00437890;
border-radius: 25px;
border: 3px solid #0087F0;
text-align: center;
color: #fff;
font-family: 'Lexend Deca';
font-weight: bold;
font-size: 14px;
}

.footerimage {
width: 100%;
margin-top: -50px;
color: #00000000;
}

a {
color: #fff;
}

 /* tooltip */

div.tooltip_content {
    background: rgba(0, 0, 0, 00);
    color: #000;
    border: solid 1px #000;
}

div.tooltip_content {
width: auto;
margin: auto;
font-size: 13px;
word-spacing: 2px;
background: #48B0F9;
color: #000;
border: solid 2px #0087F0;
border-radius: 8px;
text-align: center;
}

.bbcode_tooltip {
border-bottom: 1px dotted #fff;
}

.expbar {
    background: #159CDA;
    border-radius: 7px;
    width: 85%;
    height: 10%;
    border: 2px solid #0087F0;
    color: #fff;
    box-shadow: 0px 0px 0px #00000000;
    >div {
        background-image: url("https://art.pixilart.com/31cdac918e47499.png");
        background-size: 100% auto;
        border-right: 2px solid #0087F0;
        }
    }

/* table */

table {
    margin: auto;
    width: 90%;
    border: none;
    padding: 4px;
    border-collapse: separate;

    th, td {
        text-align: center;
        padding: 5px;
        border-radius: 10px;
        border: 2px solid #0087F0;
        color: #000;
        }
    th {
        background-color: #0086EE;
        color: #fff;
        }
    td {
        background-color: #55B2DD;
        color: #fff;
        }
        }

 .panel {
    Width: 90%;
    margin: auto;
    border-radius: 10px;
    box-shadow: none;
    border: 3px solid #0087F0;
    overflow: hidden;
		&>h3 {
			&>a {
			color: #fff;
			}
			text-align: center;
			background: #0086EE;
			font-size: 14px;
			border-radius: 0px;
			border: none;
			color: #fff;
		}
		&>div {
		background: #55B2DD;
        display: block;
        margin: 0;
        padding: 6px;
        color: #fff;
		}
	}

[/style]