[sc=bg][sc=tb][sc=title]add title here[/sc][/sc] [sc=tabbed_interface horizontal][ul] [li]Tab 1[/li] [li]Tab 2[/li] [li]Tab 3[/li][/ul][ ][sc=tab-active] [/sc][ ][sc=tab] [/sc][ ][sc=tab] [/sc][/sc][sc=credits][url=https://pokefarm.com/forum/post/6194838]credits[/url][/sc] [/sc] [style] //color vars// @bg: rgba(0,0,0,0.76); @lpink: #EDABCA; @lblue: #BEBEE0; @purpl: #CDB8D9; @bord: rgba(255,255,255,0.15); //image vars// @leftmix:url('https://media.discordapp.net/attachments/856578614756900897/961827473752989706/hydrangeamix-1.png.png'); @rightmix:url('https://media.discordapp.net/attachments/927927229684547615/961772066124750898/hydrangeamix.png'); @leftblue:url('https://media.discordapp.net/attachments/856578614756900897/961832166092836905/hydrangeablue-1.png.png'); @rightblue:url('https://media.discordapp.net/attachments/927927229684547615/961772065797603379/hydrangeablue.png'); @leftpink:url('https://media.discordapp.net/attachments/856578614756900897/961832569819774996/hydrangeapink-1.png.png'); @rightpink:url('https://media.discordapp.net/attachments/927927229684547615/961772066460299304/hydrangeapink.png'); //codes// .bg {background:url('https://i.postimg.cc/qqdhTcbk/hydrangeabg.jpg'); background-size: 100%; padding: 5px; min-height: 50px; a {color: @lblue; text-decoration-color: #fff;} a:hover {color: @lpink; text-decoration-color: #fff; transition: 0.5s;} h1 {font-family: "titan one"; color: @lblue; letter-spacing: 0.04em;} h1:before {content:@leftblue; margin-right: 1%;} h1:after {content:@rightblue; margin-left: 1%;} h2 {font-family: "titan one"; color: @lpink; letter-spacing: 0.04em;} h2:before {content:@leftpink; margin-right: 1%;} h2:after {content:@rightpink; margin-left: 1%;} hr {border-bottom: 1px solid @lblue; border-image:linear-gradient(to right, @lblue, @lpink); border-image-slice: 1;} .credits {background:@bg; color: #fff; font-size: 10pt; position: absolute; right: 1.5%; bottom:5px; padding: 2px 6px; border-radius: 10px; border: 2px solid @lblue; margin-top: 2px; a {color: #fff; text-decoration-color: @lpink};} .tb {background: @bg; border-radius: 20px;} .title {border: 2px solid @lblue; border-radius:20px; font-size: 27pt; font-family: "titan one"; text-align: center; color: @purpl; letter-spacing: 0.04em;} .title:before {content:@leftmix; margin-right: 1%;} .title:after {content:@rightmix; margin-left: 1%;} .panel { &>h3 {background:linear-gradient(160deg, @lpink, @lblue); color: #000; border:none; a {color: #000; font-size: 12pt; padding:5px;}} &>div {background: none; color: #fff; border-left: 2px solid @lpink; border-right: 2px solid @lblue; border-bottom: 2px solid; border-image:linear-gradient(160deg, @lpink, @lblue); border-image-slice: 1;} box-shadow:none; border: none; border-radius: 15px; background: none;} table { margin: 0 auto; border: 2px solid @lblue; border-radius: 10px; padding: 2px; border-collapse: separate; th, td {text-align: center; padding: 5px; border-radius: 10px; border: none; color: #fff;} th {background:linear-gradient(160deg, @lpink, @lblue); color: #000; font-size:11.5pt; padding:6px;} td {background: none;} td:nth-child(odd) {border-radius: 10px; border: 2px solid @lpink; } td:nth-child(even) {border-radius: 10px; border: 2px solid @lblue; }} .expbar { color: #000; text-shadow: 1px 1px 3px #fff; background: #F5EEF6; border: 2px solid #F5EEF6; border-radius: 10px; &>div {background:linear-gradient(160deg, @lblue, @lpink); border-right: 1px solid @lpink; }} span.bbcode_tooltip { border-bottom:1px dotted @lpink;} .tooltip_content{ background:linear-gradient(160deg, @lblue, @lpink); color: #000; border: none; border-radius: 8px; font-size:11pt; } .party > div { background:linear-gradient(160deg, @lblue, @lpink); color: #000; border: none; border-radius: 10px; box-shadow: none; a {color: #000; text-shadow: 1px 1px 2px #fff;}} .tabbed_interface { > ul { background: none; > li, > li.tab-active { border: 2px solid @bord; background: @bg; border-bottom: none; border-radius: 20px 20px 0 0; padding: 1px; font-size:11.8pt; text-align:center; color: #fff; margin-bottom:1px;} >li:nth-child(odd) { &.tab-active {border: 2px solid @lpink; background: @lpink; color: #000;}} >li:nth-child(even) { &.tab-active {border: 2px solid @lblue; background: @lblue; color: #000;}}} >div { box-shadow:none; background: @bg; border:3px solid @lblue; color: #fff; padding:5px; font-size:11pt; margin-bottom:5px; ul {text-align: left; line-height:1.3; margin-left: -2%;} ul li::marker {content: '✽'; color: @lpink;} ul li:hover::marker {content: '✽'; color: @lblue; transition: 0.5s;}} >div:nth-child(even) {border-image:linear-gradient(to bottom, @lpink, @lblue); border-image-slice: 1;} >div:nth-child(odd) {border-image:linear-gradient(to bottom, @lblue, @lpink); border-image-slice: 1; }} /* latin-ext */ @font-face { font-family: 'Titan One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/titanone/v11/mFTzWbsGxbbS_J5cQcjCmjgm-khyk-RW.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} /* latin */ @font-face { font-family: 'Titan One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/titanone/v11/mFTzWbsGxbbS_J5cQcjClDgm-khykw.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;} } [/style]