Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [styleclass=background][styleclass=icon][/styleclass][
- ][styleclass=tabbed_interface][
- ][ul][
- ][li]Info[/li][
- ][li]Currency[/li][
- ][li]Progress[/li][
- ][li]My shiny[/li][
- ][li]Links[/li][
- ][/ul][
- ][styleclass=tab-active][
- ]TAB 1 CONTENT (don't mess with the brackets, BTW)[
- ][/styleclass][
- ][styleclass=tab][
- ]TAB 2 CONTENT[
- ][/styleclass][
- ][styleclass=tab][
- ]TAB 3 CONTENT[
- ][/styleclass][
- ][styleclass=tab][
- ]TAB 4 CONTENT[
- ][/styleclass][
- ][styleclass=tab][
- ]TAB 5 CONTENT[
- ][/styleclass][
- ][styleclass=tab][
- ]TAB 6 CONTENT[
- ][/styleclass][
- ][/styleclass][styleclass=cred]Coded by ToxicGluttony, for Vyzakine's use only, official TCG art[/styleclass][
- ][/styleclass][
- ]
- [style]
- a {color: #fabd0d;letter-spacing:0.0px; -webkit-transition: all 0.2s ease-in-out;} a:hover {color: #91c2ef; letter-spacing: 1px; transition: all .2s ease-in;} a {text-decoration:underline;}
- .panel{
- background-color:rgba(255,255,255,.5);
- border:0px;
- border-radius:5px;
- width: 230px;
- margin-left: 28px;
- &>h3{
- background: #4b4d4e;
- border-bottom: 1px solid #932138;
- font-size: 13px;
- color: #fabd0d;
- text-align: center;
- }
- &>div{
- color: #91c2ef;
- background: #4b4d4e;
- }}
- .background{
- width: 310px;
- border: 1px transparent solid;
- background: #646566;
- background-position: center;
- background-image: url('https://i.imgur.com/wcvD1nU.png');
- }
- .tabbed_interface{
- margin: 0;
- >ul {
- width: 50px;
- >li {
- position: relative;
- cursor: pointer;
- width: 100px;
- padding: 0;
- line-height: 20px;
- height: 20px;
- background: #4b4d4e;
- text-align: center;
- text-align: center;
- font-family: Times;
- color: #91c2ef;
- border-color: #4b4d4e;
- border-radius: 100px;
- left: 10px;
- -webkit-transition: width 1s;
- }
- li:hover {
- width: 130px;
- -webkit-transition: width 0.5s;
- }
- >li {
- &.tab-active {
- color: #fabd0d;
- }}
- >li:nth-child(1) {
- position: absolute;
- top: 20px;
- left: 142px;
- border-top-left-radius: 0px;
- }
- >li:nth-child(2) {
- position: absolute;
- top: 55px;
- left: 168px;
- }
- >li:nth-child(3) {
- position: absolute;
- top: 89px;
- left: 176px;
- }
- >li:nth-child(4) {
- position: absolute;
- top: 123px;
- left: 168px;
- }
- >li:nth-child(5) {
- position: absolute;
- top: 157px;
- left: 138px;
- border-bottom-left-radius: 0px;
- }}
- >div {
- border-radius: 0;
- border: 1px solid #1d1d1d;
- border-radius: 20px;
- background: #2a2a2a;
- color: #fabd0d;
- min-height: 10px;
- text-align: center;
- position: relative;
- width: 288px;
- margin: 190px;
- margin-left: 5px;
- margin-bottom: 5px;
- font-family: tahoma;
- font-size: 13px;
- animation: fade 0.5s;
- }}
- th {
- background: #4b4d4e;
- text-align:center;
- }
- table,th,td,{
- border: 1px solid #1d1d1d;
- background-color: #4b4d4e;
- margin: 0 auto;
- font-family: tahoma;
- color: #91c2ef;
- }
- .expbar {
- width: 90%;
- left: 0px;
- background: #3a3a3a;
- border:1px solid #1d1d1d;
- text-align: top;
- font-family: tahoma;
- color: #91c2ef;
- overflow: hidden;
- }
- .expbar div {
- background: #4b4d4e;
- border: 0px;
- }
- .tooltip_content {
- font-size: 13px;
- text-align:center;
- font-family: tahoma;
- min-width: 100px;
- background: #4b4d4e;
- color: #91c2ef;
- border: 1px dotted #1d1d1d;
- }
- span.bbcode_tooltip {
- border-bottom: 1px solid #91c2ef;
- }
- .cred{
- position: relative;
- margin-top: -4px;
- font-size: 7pt;
- color: white;
- font-family: times;
- text-align: center;
- }
- .icon{
- height: 150px;
- width: 150px;
- background-size: 150px 150px;
- background-position: top;
- border: 14px solid #4b4d4e;
- border-radius: 100px;
- top: 9px;
- left: 10px;
- position: absolute;
- background-image: url("https://i.imgur.com/9U7yKPL.jpg");
- }
- [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement