Mario About

[css=background-image:url('https://piskel-imgstore-b.appspot.com/img/536f7b28-ad5d-11e7-8ae7-1d9fffae8284.gif'); -moz-border-radius: 3px 3px; border-radius: 3px 3px; padding: 20px; height:450px;][color=black][size=10][font=courier new][styleclass=container][sc=cen][center]Main/Front Tab

For anyone seeing this; this is free to use, assuming you dont edit the credits, because I did make the art, and the code was made by Is It Nessesary, so if you change those, then you'll be breaking the rules![/center]
[/sc]
[styleclass=tabs][accordion][a-section="[sc=octagon1][/sc]"]Mario Tab
[/a-section]
[a-section="[sc=octagon2][/sc]"]Luigi Tab[/a-section]
[a-section="[sc=octagon3][/sc]"]Peach Tab[/a-section]
[a-section="[sc=octagon4][/sc]"]Bowser Tab[/a-section][/accordion][/styleclass]
[/styleclass]
[sc=line][/sc]
[sc=icon][/sc]

[/font][/size][/color][sc=credits][css=text-align:right][color=black][url=https://pokefarm.com/user/Is_It_Nessesary]Code[/url] | [url=https://pokefarm.com/user/Infernapefan2]Art[/url][/color][sc=MARIO][img]https://piskel-imgstore-b.appspot.com/img/02d2b651-ad61-11e7-816f-1d9fffae8284.gif[/img][/sc][/css][/sc][/css]

[style]
.credits{margin-top:350px; margin-right:-15px;font-size:9px;
a{color: black}}
a{ color: #e93310; letter-spacing: .25px; transition: in-n-out 1s}
a:hover{letter-spacing: .25px; transition: 1s}
.container { position:relative; line-height:14px; font-family:courier; font-size:11px; }
.tabs .panel { min-width: 50px; border:none;
  &>h3 { background-color:transparent; border:0px solid #000; border-radius:0px;  margin-left:-4px; margin-top:400px; position:absolute; }
    &>h3:nth-child(3) { background-color:transparent; margin-left:60px; margin-top:400px;}
    &>h3:nth-child(5) { background-color:transparent; margin-left:120px; margin-top:398px;}
     &>h3:nth-child(7) { background-color:transparent; margin-left:180px; margin-top:400px;}
  &>h3 a { color:#8cff7f; }
  &>h3 span { color:#ff7f7f; }
  &>div { background-color: #f8fffd; box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75);color:black; position:absolute; margin-top:-3px; margin-left:60px; width:187px; height:290px;text-align:center;}
}
[/style][style]
a{ #e93310; letter-spacing: .25px; transition: in-n-out 1s}
a:hover{letter-spacing: .25px; transition: 1s}

.panel h3>a>svg { display:none; }

.octagon1 {
	width:40px;
	height: 40px;
	position: relative;
	background-image:url('https://piskel-imgstore-b.appspot.com/img/3925ed4f-ac55-11e7-bee1-d707597671bb.gif');
}

.octagon2 {
	width:27px;
	height: 40px;
	position: relative;
	background-image:url('https://piskel-imgstore-b.appspot.com/img/95f66900-ac5b-11e7-a2a3-4de2c3a5e4fa.gif');
}

.octagon3 {
width:23px;
	height: 44px;
	position: relative;
	background-image:url('https://piskel-imgstore-b.appspot.com/img/d51757dc-ac5d-11e7-8e23-4de2c3a5e4fa.gif');
}

.octagon4 {
	width:40px;
	height: 40px;
	position: relative;
	background-image:url('https://piskel-imgstore-b.appspot.com/img/753f2e02-ac5b-11e7-959c-4de2c3a5e4fa.gif');
}

.cen { background-color: rgba(255, 255, 255, .65); box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75); color:black; position:absolute; margin-top:11px; margin-left:60px;width:187px; height:290px; border-radius: 6px; padding:10px; }
.MARIO{height: 60px; width: 112px;margin-top:-485px;margin-left: -18px; position: absolute}
[/style]