ilex forest {night}

[style]
.container {
   background-image:url(https://i.postimg.cc/qvb2W3fT/ilexforestnight.png);
   height: 380px;
   width: 310px;
   position: relative;
}

a {
   color: #FFCE43;
   text-decoration:underline;
}

a:visited {
    color:#FFCE43;
    text-decoration:underline;
}

.tooltip_content {
    background-color:#e8e8e8;
    color:#7B727E;
    border:2px dotted #577064;
    font-size:10px;
    border-radius:6px;
}

.panel {
  background-color:transparent;
  border:none;
  margin-bottom:45px;
  box-shadow:none;
}

.credit {
position:relative;
top:-10px;
padding: 5px;
left:10px;
text-align:right;
font-size:10px;
background-color: #1D2A4C;
width:281px;
}

.credit a {
color:#FFCE43;
text-decoration:underline;
}

.tabbed-interface>div {
}

.tabbed-interface>div.tab-active{
top:-10px;
}

ul {
background: none;
width:293px;
font-size:10px;
}

ol>li {
background: white;
border: #645F5F;
text-align: center;
}

li, li.tab-active {
background: #0E4888;
box-shadow: none;
color:#54A2C1;;
border: 1px solid #0E4888;
border-radius: 0px;
padding: 5px;
text-align: center;
top:-10px;
width:10px;
height:15px;
left:10px;
}

li.tab-active {
background: #1D2A4C;
color: #54A2C1;
border: 1px solid #1D2A4C;
}

.tab, .tab-active {
color:#54A2C1;
box-shadow: none;
border-radius: 0px;
border: 1px solid #1D2A4C;
padding: 5px;
}

.tab-active {
width:250px;
height:150px;
padding:20px;
position:relative;
left:10px;
top:-10px;
font-size:10px;
color: #54A2C1;
background-color: #394C69;
}

.bbcode_tooltip {
    border-bottom:thin dotted #1e8c6f;
    }

.panel h3 > a > svg {
 display:none;
}
[/style][styleclass=container][sc=tabbed_interface horizontal]
[ul]
[li]Title 1[/li]
[li]Title 2[/li]
[li]Title 3[/li]
[li]Title 4[/li]
[li]Title 5[/li]
[/ul][
][sc=tab-active]contents 1[/sc][

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

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

][sc=tab]contents 4[/sc][

][sc=tab]contents 5[/sc][/sc][styleclass=credit][url=https://pfq.link/~LVws]coding credit[/url][/styleclass]
    [/styleclass]