mingyu - ic

[comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
[font=Karla][font=Crimson Text]kero! stop eating the sweets![/font][/font]
to change the colours + images, change them below in the variables

[/comment][border=0px;
padding:0px;
display:block;
font-smoothing:antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
position:relative;
text-align:justify;
white-space:nowrap;
box-sizing:border-box;
width:100%;
height:auto;
overflow:hidden;
line-height:0px;
padding-top:80px;
padding-bottom:80px;
color:black;
font-size:0px;
background-color:#c2bfbc;
background-image: url(https://www.transparenttextures.com/patterns/light-paper-fibers.png);
background-size:30%;
--titlefont: Crimson Text;
--image1: url(https://i.pinimg.com/564x/04/11/0c/04110c8899c81e112a45b762f8e8436f.jpg);
--outfit: url(https://i.pinimg.com/564x/c7/2e/26/c72e260f066785b8020722e96f49a486.jpg);
--mainfont: Karla;
--fontcolor: black;
--contentbg: #ddd9d9;
--h1bg: #6d89a2;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]

[row][border=0px; padding:0px; max-width: 800px; height:fit-content; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; ]
[column=span3][border=0px; padding:0px; height:300px; background:var(--image1); background-size:cover; background-position:50% 50%; ][/border][/column]
[border=0px; padding:10px; box-sizing:border-box;max-width:420px; height:300px; width:100%; background:var(--contentbg); margin-left:-10px;]
[border=0px; padding:0px; width:200px; height:50px;][border=0px; padding:10px; box-sizing:border-box; max-width:400px; width:100%; height:60px; background:var(--contentbg); position:absolute; z-index:2; display:flex; space-evenly; pointer-events:none; ]
[border=0px; padding:0px; line-height:13px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); width:200px; height:fit-content; padding-left:35px;box-sizing:border-box; letter-spacing:28px; ][comment]

‧͙⁺˚*･༓☾　tab buttons　☽༓･*˚⁺‧͙

[/comment][fa]fal fa-book-spells[/fa] [fa]fal fa-user-edit[/fa][/border]

[border=0px; padding:0px; line-height:13px; font-size:25px; white-space:normal; font-family: var(--titlefont); color: var(--fontcolor); width:220px; height:fit-content; text-align:right; text-transform:lowercase; font-weight:bold;][comment]

‧͙⁺˚*･༓☾　name　☽༓･*˚⁺‧͙

[/comment]Jeong Mingyu.[/border]
[/border]
[tabs]

[tab=01][border=0px; padding:10px; box-sizing:border-box;max-width:420px; height:255px; width:100%;position:absolute; z-index:2; margin-top:-20px; margin-left:-30px;overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box;background:var(--contentbg);]
[border=0px;  height:100%; width:200%; padding:0px; overflow-y:scroll;overflow-x:hidden; line-height:13px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor) ][border=0; height:auto; width:50.5%; box-sizing:border-box;][comment]

‧͙⁺˚*･༓☾　tab 1 contents　☽༓･*˚⁺‧͙

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pharetra, dui in laoreet mattis, orci risus consectetur arcu, eget feugiat libero tellus dapibus urna. Donec eget massa eu neque fermentum consectetur vel id est. In ac tincidunt ante, non ultricies orci. Suspendisse tempus nisi vitae orci varius vehicula. Fusce efficitur faucibus magna, ac rutrum arcu faucibus sit amet. In at dolor malesuada arcu porttitor viverra. Sed molestie elit non finibus lacinia. Fusce rhoncus in justo at vehicula.

Nulla ante ex, dictum eget enim ultricies, tempor pellentesque metus. Nullam vel lorem diam. Etiam eu tellus vitae mauris volutpat faucibus quis quis libero. Maecenas non ipsum aliquet, congue leo et, lobortis augue. Sed pellentesque consectetur lorem ut luctus. Fusce ligula urna, luctus sed fringilla et, ullamcorper eget dui. Cras porttitor pulvinar ipsum, id facilisis nulla tempus id. Sed luctus ultrices arcu, eu porta erat ornare molestie. Sed malesuada tristique mi, in molestie metus dapibus vel. Vivamus ullamcorper rutrum molestie. Vivamus ac ligula ligula. Curabitur eget sem ac dolor gravida convallis.

[/border][/border]

[/border][border=0px; padding:0px; width:20px; height:10px; border-bottom: 2px solid var(--h1bg); position:absolute; margin-top:-35px; z-index:3; margin-left:20px;][/border] [/tab]

[tab=02][border=0px; padding:20px; box-sizing:border-box;max-width:420px; height:240px; width:100%;position:absolute; z-index:2; margin-top:-20px; margin-left:-30px;overflow:hidden;background:var(--contentbg); line-height:13px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); display:flex; justify-content:space-between ][border=0px; padding:0px; max-width:180px; height:auto; width:100%;][comment]

‧͙⁺˚*･༓☾　tab 2 contents - mood, location etc.　☽༓･*˚⁺‧͙

[/comment][border=0px; padding:5px;font-family: var(--titlefont); font-weight:bold; background:var(--h1bg); color:var(--fontcolor); font-size:14px; margin-top:-10px;]mood[/border]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[border=0px; padding:5px;font-family: var(--titlefont); font-weight:bold; background:var(--h1bg); color:var(--fontcolor); font-size:14px; ]location[/border]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[border=0px; padding:5px;font-family: var(--titlefont); font-weight:bold; background:var(--h1bg); color:var(--fontcolor); font-size:14px; ]tag[/border]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pharetra.

[/border]
[border=0px; padding:0px; max-width:150px; width:100%; height:240px; background:var(--outfit); background-size: cover; background-position: 50% 50%; margin-left:20px;][border=0px; padding:5px;font-family: var(--titlefont); font-weight:bold; background:var(--h1bg); color:var(--fontcolor); font-size:14px; margin-top:190px;]outfit[/border]
[/border]

[/border][border=0px; padding:0px; width:20px; height:10px; border-bottom: 2px solid var(--h1bg); position:absolute; margin-top:-35px; z-index:3; margin-left:90px;][/border]  [/tab][/tabs][/border]

[/border]

[/border]

[comment]

‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
[/comment][border=0px; font-size:8px; filter: grayscale(100%); letter-spacing:1px; text-align:center;font-family:Karla; margin-top:30px;line-height:11px;]coded by weldherwings.[/border][/row][/border]