Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [styleclass=background][
- ][styleclass=bar][css=margin-left:110px;]Username
- [size=10]One-line tagline[/size][/css][/styleclass][styleclass=bar2]+105rus[/styleclass][styleclass=icon][/styleclass][styleclass=tabbox][/styleclass][
- ][styleclass=maindiv][css=margin-top: -10px;][progress=3/5]don't remove this ;u;[/progress][css=font-size: 20px;text-align: center; font-weight: 700; font-family: Arial; margin-left: -125px;margin-top: 10px;]LEVEL
- [size=25]18[/size][/css][css=font-weight: 500; font-size: 14px;text-align: center; font-family: Arial; margin-left: 60px; margin-top: -60px;]bio: text
- bio: text
- bio: text[/css][/css]
- [hr][b]Info Box[/b]
- CONTENT HERE - make it like a short bio or something[/styleclass][
- ][styleclass=tabs][accordion]
- [a-section="[css=margin-top:4px;][tip=TAB 1]★[/tip][/css]"]TAB 1 CONTENT[/a-section]
- [a-section="[css=margin-top:4px;][tip=TAB 2]★[/tip][/css]"]TAB 2 CONTENT[/a-section]
- [a-section="[css=margin-top:4px;][tip=TAB 3]★[/tip][/css]"]TAB 3 CONTENT[/a-section]
- [a-section="[css=margin-top:4px;][tip=TAB 4]★[/tip][/css]"]TAB 4 CONTENT[/a-section]
- [a-section="[css=margin-top:4px;][tip=TAB 5]★[/tip][/css]"]TAB 5 CONTENT[/a-section]
- [a-section="[css=margin-top:4px;][tip=TAB 6]★[/tip][/css]"]TAB 6 CONTENT[/a-section]
- [/accordion][/styleclass][
- ][styleclass=cred]
- [url=https://pokefarm.com/forum/post/2544767]code[/url] *[url=https://www.pexels.com/photo/light-landscape-sunset-person-136415/]stock[/url]
- official TCG art[/styleclass][/styleclass]
- [style]
- .background{
- background-image: url("https://i.imgur.com/heJV95T.png");
- width: 310px;
- height: 389px;
- position:relative;
- }
- a:hover {
- color: #9a9bc1;
- text-decoration:none;
- -webkit-transition: all .3s linear 0s;
- -moz-transition: all .3s linear 0s;
- -ms-transition: all .3s linear 0s;
- -o-transition: all .3s linear 0s;
- transition: all .3s linear 0s;
- }
- a {
- color: black;
- -webkit-transition: all .3s linear 0s;
- -moz-transition: all .3s linear 0s;
- -ms-transition: all .3s linear 0s;
- -o-transition: all .3s linear 0s;
- transition: all .3s linear 0s;
- }
- .icon {
- width: 81px;
- height: 81px;
- background-size: 81px 81px;
- background-image: url("https://i.imgur.com/9MqtWyz.png");
- border: rgba(255,255,255,0.8) 2px solid;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
- border-radius: 0px;
- top: 60px;
- position: absolute;
- left: 13px
- }
- .bar{
- background: #2b2d30;
- color: #eaebeb;
- height: 25px;
- position: absolute;
- width: 288px;
- top: 97px;
- left: 5px;
- padding: 6px;
- font-family: calibri;
- font-size: 20px;
- font-weight: 900;
- line-height: 12px;
- }
- .bar2{
- background: #6274b4;
- color: #dde1ef;
- position: absolute;
- top: 134px;
- left: 5px;
- padding: 15px 15px 5px;
- height: 20px;
- width: 71px;
- text-align: center;
- font-size: 15px;
- line-height: 20px;
- }
- .tabbox{
- background: #4e5458;
- width: 101px;
- position: absolute;
- left: 5px;
- top: 174px;
- height: 210px;
- }
- .tabs {
- .panel h3 > a > svg {
- display:none;
- }
- }
- .panel {
- position: absolute;
- height: 0px;
- width: 120px;
- border-radius: 0px;
- border: 0px;
- top: 170px;
- left: -43px;
- }
- .tabs>.panel>h3 {
- margin: -50px;
- margin-bottom: -6px;
- margin-top: 6px;
- margin-left: 50px;
- background: #1f2044;
- color: green;
- display: inline-block;
- border: rgba(255,255,255,0.3) 2px solid;
- font-family: arial;
- border-radius: 100px;
- width: 20px;
- height: 20px;
- text-align: center;
- -webkit-transition: background ease-in-out 0.2s;
- transition: background ease-in-out 0.2s;
- -o-transition: background ease-in-out 0.2s;
- -moz-transition: background ease-in-out 0.2s;
- }
- .panel>h3:hover {
- background-color: #3e3f85; }
- .tabs .panel>h3 a {
- color: #6e70ee;
- font-size: 12px;
- }
- .tabs .panel>h3 a:hover {
- color: #bebfee;
- }
- .tabs .panel>div {
- width: 189px;
- height: 240px;
- background: #e7e8ea;
- color: #474747;
- font-family: arial;
- font-size: 12px;
- position: absolute;
- top: -36px;
- left: 149px;
- padding: 5px;
- overflow: hidden;
- }
- .maindiv{
- width: 189px;
- height: 240px;
- background: #e7e8ea;
- color: #474747;
- font-family: arial;
- font-size: 12px;
- position: absolute;
- top: 134px;
- left: 106px;
- padding: 5px;
- border-radius: 0px;
- overflow: hidden;
- }
- .cred {
- position: absolute;
- line-height: 12px;
- font-family: calibri;
- font-size: 12px;
- color: #e3e3e3;
- top: 345px;
- width: 101px;
- left: 5px;
- background: none;
- text-align: center;
- }
- .expbar{
- background-color: white;
- border: 1px solid #ecebeb;
- border-radius: 0px;
- color:#474747;
- font-family: calibri;
- box-shadow:
- 0 0 0 1px #b3b2b2;
- }
- .expbar>div{
- background-color:#8c9fe0;
- border: white;
- color:#474747;
- }
- hr {
- display: block;
- border: 1px solid #bababa;
- }
- .bbcode_tooltip {
- border: none;
- }
- .tooltip_content {
- min-width: 50px;
- margin-top: 10px;
- font-size: 14px;
- text-align: center;
- font-family: calibri light;
- background: #2b2d30;
- color: white;
- border: none;
- border-radius: 0px;
- }
- table {
- margin: 0px auto;
- border: 0px;
- }
- td {
- border: 0.5px solid #3e5252;
- background: #414347;
- color: #eaebeb;
- text-align: center;
- }
- th {
- border: 0px;
- background-color: #2b2d30;
- border: 1px solid #2b2d30;
- color: #eaebeb;
- text-align: center;
- padding: 2px;
- }
- [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement