[div= /*base here you can edit the text-color with color*/ /*you can also change the cursor-type*/ /*or edit the width of the template*/
margin: auto;
width: 600px !important;
cursor: crosshair;
color: white;][div=
/*background-color*/
padding: 2px;
background: #121212;][div=
/*background-image size and position*/
background: url(https://mir-s3-cdn-cf.behance.net/project_modules/disp/b3c65614069173.5627cc39ca6dd.jpg) no-repeat;
background-size: cover;
background-position: 50% 30%;
height: 300px; ] [div=
/*Artist Tag*/
font-size: 12px;
color: white;
padding: 5px;
opacity: 0.5;]art by: Len-Yan[/div] [/div]
[div=
/*border - text font - text size - text align */
font-family: Poiret One;
font-weight: bold;
border: 1px solid #00ffff;
font-size: 35px;
padding: 4px;
text-align: center;] [uglow=#00ffff;] Sci-fi Character Template[/uglow][/div]
[div= /*opacity background*/
background: rgba(0 ,255 ,255 ,0.3);
font-size: 12px; height: 50px; ][div=
/*text width*/
padding: 10px;
margin: auto;
width: 60%; ][div=
/*Gender Age Left side*/
display: inline-block;
width: 50%;
float: left; ] Gender: Fe/Male
Age: 000 [/div][div=
/*Birthday Occupation Right side*/
display: inline-block;
width: 50%; float: right; ] Occupation: CS
D.o.B: dd/mm/yy [/div][/div][/div] [div=
/*Hiding the Tabs*/
pointer-events:none;
z-index:1;
background:#121212;
height: 60px;
top:25px;
color: white;] [div=
/* Tab indicator 1 */
display: inline-block;
padding: 14px;][uglow=#00ffff;] [fa]fa-star faa-pulse[/fa][/uglow][/div][div=
/* Tab indicator 2 */
display: inline-block;
padding: 14px;][uglow=#00ffff;] [fa]fa-star faa-pulse[/fa][/uglow][/div][div=
/* Tab indicator 3 */
display: inline-block;
padding: 14px;][uglow=#00ffff;] [fa]fa-star faa-pulse[/fa][/uglow][/div][div=
/* Tab indicator 4 */
display: inline-block;
padding: 14px;][uglow=#00ffff;] [fa]fa-star faa-pulse[/fa][/uglow][/div] [/div][div=
/*Bottom margin for positioning */
bottom: 35px;][tabs] [tab=TAB 1] [div=
/* Tab Header text Personality */
padding: 10px;
font-size: 20px;
font-family: Poiret One;
font-weight: bold; ][uglow=#00ffff] Personality: [/uglow][/div][div=
/* Tab text*/
padding 5px;
font-size: 12px;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a justo faucibus, viverra purus id, laoreet nunc. Morbi lobortis efficitur elit quis viverra. Phasellus fermentum elit eu faucibus dictum. Nulla facilisi. Aliquam hendrerit risus eros, in imperdiet lectus scelerisque sit amet. Duis eleifend nisl in est luctus, non pellentesque tellus scelerisque. Fusce sagittis neque eu egestas luctus. Morbi malesuada eros sapien, ac hendrerit sem aliquet ut. Nunc dapibus odio at tempus blandit. Quisque mattis risus velit, vel varius quam posuere nec.[/div][/tab]
[tab=TAB 2] [div=
/* Tab Header text Biography */
font-family: Poiret One;
font-weight: bold;
padding: 10px;
font-size: 20px;][uglow=#00ffff] Biography: [/uglow][/div][div=
/* Tab text*/
padding 5px;
font-size: 12px;] Suspendisse hendrerit lacinia neque, in varius ligula lacinia et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In quis aliquet dolor. Cras in gravida libero. Ut lobortis lorem ut aliquam suscipit. Mauris non consectetur leo. Fusce vehicula nulla est, eget fringilla nulla sodales quis. Duis elit nisl, porttitor commodo vulputate ut, placerat eget dui. Mauris orci ante, accumsan in risus eget, egestas pretium dui. Etiam non nunc vitae quam dignissim dignissim eu non elit. Mauris vestibulum enim vitae pellentesque rhoncus. Cras ut neque hendrerit, ornare augue a, consectetur massa. [/div] [/tab]
[tab=TAB 3][div=
/* Tab Header text Appearance */
font-family: Poiret One;
font-weight: bold;
padding: 10px;
font-size: 20px;][uglow=#00ffff] Appearance: [/uglow][/div][div=
/* Tab text*/
padding 5px;
font-size: 12px;]Aenean tempus dui in enim fermentum, et aliquam risus suscipit. Quisque at lorem venenatis, auctor dolor non, vestibulum erat. Integer purus sem, imperdiet sit amet augue ac, varius mollis ex. In mi nisl, vulputate a mollis nec, suscipit sit amet nunc. Vivamus ultricies non nunc sed condimentum. Integer sodales venenatis feugiat. Aliquam dictum, nibh ut faucibus tempus, tortor erat semper eros, quis imperdiet eros libero non mauris. Suspendisse a risus a purus viverra viverra nec sit amet nisl. Proin ut dui vehicula, ornare sem et, iaculis libero. Nulla sed sagittis purus, non viverra ante. Curabitur convallis in odio in congue. Aliquam in ex nec purus rutrum vulputate. [/div][/tab]
[tab=TAB 4][div=
/* Tab Header text Personality */
font-family: Poiret One;
font-weight: bold;
padding: 10px;
font-size: 20px;][uglow=#00ffff] Others: [/uglow][/div][div=
/* Tab text*/
padding 5px;
font-size: 12px;] Morbi sed commodo orci. In hac habitasse platea dictumst. Integer odio felis, consectetur in odio ut, congue commodo magna. Donec aliquet ultrices sodales. In blandit leo non feugiat elementum. Praesent sed mattis ipsum. Vivamus sollicitudin nisi et tempor suscipit. Duis iaculis pretium nisl nec varius. Curabitur maximus, lacus quis accumsan auctor, libero justo dictum urna, eget posuere est orci eget ipsum. Suspendisse rutrum molestie eleifend. Maecenas enim metus, rhoncus sed risus non, venenatis pharetra dui. Aliquam cursus libero ut velit fermentum, id pellentesque nibh consectetur. [/div][/tab] [/tabs][/div][/div][/div]