Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [comment]code by sox
- [font=Konkhmer Sleokchher]font1[/font]
- [font=Overpass Mono]font2[/font]
- [font=Overpass]font3[/font]
- [font=Libre Barcode 39]fontb[/font]
- [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
- /*colors*/
- --bkgd: #000; /*black*/
- --text: #fff; /*white*/
- --accent0: #E8E8E8; /*off white - heavy contrast to bkgd*/
- --accent1: #410000; /*dark red*/
- --accent2: #475233; /*green*/
- --accent3: #C89191; /*pink*/
- /*pics*/
- --mainpic: url('https://i.pinimg.com/736x/1a/1c/34/1a1c348517f5c60c00c153e310d041f6.jpg');
- --bkgdtexture: url('https://i.imgur.com/aITJYa2.jpeg');
- --titletexture: url('https://i.imgur.com/CgA5Pl3.png');
- /*values*/
- --titlesize: 55px; /*edit this value to adjust title text size (i recommend between 25-65px)*/
- --titlelh: 55px; /*edit this value to adjust title line height (for extra long titles that need two lines, i recommend 25px for both titlesize and titlelh)*/
- --statlevel1: 62%; /* edit this value to adjust stat1 level (0-100%)*/
- --statlevel2: 75%; /* edit this value to adjust stat2 level (0-100%)*/
- --statlevel3: 10%; /* edit this value to adjust stat3 level (0-100%)*/
- --statlevel4: 88%; /* edit this value to adjust stat4 level (0-100%)*/
- --subtitleshadow: 1px 1px 0px var(--bkgd); /*subtitle shadow*/
- --open: var(--accent2); /*open role tag color*/
- --closed: var(--accent1); /*closed role tag color*/
- /*borders*/
- --border0: 1px solid var(--accent0);
- --border1: 1px solid var(--accent1);
- --border2: 1px solid var(--accent2);
- --border3: 1px solid var(--accent3);
- --borderb: 10px solid var(--bkgd);
- --sborder0: 0.5px solid var(--accent0);
- --sborder1: 0.5px solid var(--accent1);
- --sborder2: 0.5px solid var(--accent2);
- --sborder3: 0.5px solid var(--accent3);
- /*fonts*/
- --font1: 'Konkhmer Sleokchher', sans-serif; /*titles*/
- --font2: 'Overpass Mono', sans-serif; /*subtitles*/
- --font3: 'Overpass', sans-serif; /*text*/
- --fontb: 'Libre Barcode 39', sans-serif; /*barcode*/
- ][div=margin:auto; position:relative; width:750px; height:500px; margin-top:20px; margin-bottom:20px; background: var(--bkgd); border:var(--borderb); box-sizing: border-box; cursor: url('https://i.imgur.com/bb5FSYK.png'), auto;][nobr]
- [comment] ---- BKGD TEXTURE ----[/comment]
- [div=width:100%; height:100%; background:var(--bkgdtexture); background-size:cover; background-position:0% 0%; opacity:11%;][/div]
- [comment] ---- SECTION 1: RP DETAILS ----[/comment]
- [comment] ---- MAINPIC ----[/comment]
- [div=position:absolute; left:20px; top:120px; width:460px; height:200px; background:var(--mainpic); background-size:cover; background-position:50% 50%; border:var(--border2); box-sizing: border-box;][/div]
- [comment] ---- RP TITLE START ----[/comment]
- [div=position:absolute; left:20px; top:20px; width:470px; height:50px; font-family:var(--fontb); font-size:80px; line-height:80px; text-align:left; color:var(--bkgd);]fillerfiller[/div]
- [div=position:absolute; left:20px; top:20px; width:470px; height:50px; font-family:var(--font1); font-size:var(--titlesize); line-height:var(--titlelh); text-align:left; color:var(--accent3); text-transform:uppercase; font-weight:bold; background: var(--titletexture); background-size:cover; background-position: 50% 50%; -webkit-background-clip: text; -webkit-text-fill-color:transparent;][comment]
- ---- TITLE TEXT HERE ----
- [/comment]to the peak.[/div]
- [comment] ---- RP TITLE END----[/comment]
- [comment] ---- SUBTITLE START ----[/comment]
- [div=position:absolute; left:20px; top:88px; width:470px; height:40px; font-family:var(--fontb); font-size:40px; line-height:40px; text-align:left; color:var(--accent1); text-transform:uppercase;]fillerfillerfillerfiller[/div]
- [div=position:absolute; left:20px; top:88px; width:470px; height:30px; font-family:var(--font2); font-size:14px; line-height:28px; text-align:left; color:var(--accent0); font-weight:bold; text-shadow:var(--subtitleshadow); text-transform:uppercase; padding-left:5px; overflow:hidden;][comment]
- ---- SUBTITLE TEXT HERE ----
- [/comment]frigid camaraderie amongst the snowstorms...[/div]
- [comment] ---- SUBTITLE END ----[/comment]
- [comment] ---- LINKS ----[/comment]
- [div=position:absolute; left:30px; top:130px; width:440px; height:15px; font-family:var(--font2); font-size:10px; line-height:15px; text-align:right; color:var(--accent3); text-transform:uppercase;]
- [div=display:inline; background:var(--bkgd); padding:2px 4px 1px 4px; font-weight:bold; margin-right:0px;][url='google.com'][div=display:inline; color:var(--accent3);]playlist[/div][/url][/div]
- [div=display:inline; background:var(--bkgd); padding:2px 4px 1px 4px; font-weight:bold; margin-right:0px;][url='google.com'][div=display:inline; color:var(--accent3);]characters[/div][/url][/div]
- [div=display:inline; background:var(--bkgd); padding:2px 4px 1px 4px; font-weight:bold; margin-right:0px;][url='google.com'][div=display:inline; color:var(--accent3);]lore[/div][/url][/div]
- [div=display:inline; background:var(--bkgd); padding:2px 4px 1px 4px; font-weight:bold; margin-right:0px;][url='google.com'][div=display:inline; color:var(--accent3);]ooc[/div][/url][/div][/div]
- [comment] ---- RP DESCRIPTION START ----[/comment]
- [/nobr][div=position:absolute; left:240px; top:338px; width:260px; height:128px; overflow:hidden;][div=position:relative; width:255px; height:128px; font-family:var(--font3); font-size:11px; line-height:13px; text-align:justify; color:var(--text); overflow-y:scroll; padding: 0 30px 0 0;][comment]
- ---- DESCRIPTION TEXT HERE ----
- [/comment]You've got a cold, cold heart, ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?
- Ad himenaeos pulvinar cras et feugiat et enim. Augue cubilia rutrum habitant eros, etiam finibus orci cras convallis. Et molestie tellus habitasse tincidunt vulputate adipiscing maecenas. Pellentesque placerat cubilia condimentum sit mi blandit tempor. Per cursus lobortis aptent; dui semper adipiscing euismod.
- Leo erat arcu dapibus eleifend tellus facilisi. Imperdiet eget morbi aptent primis maximus? Aliquam ligula pulvinar nullam justo duis facilisis class. Eros velit pellentesque malesuada class turpis conubia. Posuere natoque et pharetra aliquam sodales. Porttitor leo nascetur metus urna nisi parturient cubilia luctus. Egestas eget tincidunt integer dolor egestas quam, a dictumst malesuada. Nec nibh sed nascetur mollis purus magna. Magna feugiat suscipit vitae platea mauris habitant.[/div][/div][nobr]
- [comment] ---- RP DESCRIPTION END----[/comment]
- [comment] ---- STATS START----[/comment]
- [div=position:absolute; left:20px; top:340px; width:200px; height:95px; font-family:var(--font2); font-size:8px; line-height:10px; text-transform:uppercase; text-align:left; color:var(--accent0);]
- [comment] ---- STAT1 ----[/comment]
- [div=position:absolute; top:0px;][comment]
- ---- STAT1 TEXT HERE ----
- [/comment]horror[/div]
- [div=position:absolute; top:10px; width:100%; height:9px; background:var(--bkgd); border:var(--sborder2); box-sizing: border-box; border-radius:10px; overflow:hidden;][div=height:100%; width:var(--statlevel1); background:var(--accent1); border-radius:10px;][/div][/div]
- [comment] ---- STAT2 ----[/comment]
- [div=position:absolute; top:25px;][comment]
- ---- STAT2 TEXT HERE ----
- [/comment]drama[/div]
- [div=position:absolute; top:35px; width:100%; height:9px; background:var(--bkgd); border:var(--sborder2); box-sizing: border-box; border-radius:10px; overflow:hidden;][div=height:100%; width:var(--statlevel2); background:var(--accent1); border-radius:10px;][/div][/div]
- [comment] ---- STAT3 ----[/comment]
- [div=position:absolute; top:50px;][comment]
- ---- STAT3 TEXT HERE ----
- [/comment]fantasy[/div]
- [div=position:absolute; top:60px; width:100%; height:9px; background:var(--bkgd); border:var(--sborder2); box-sizing: border-box; border-radius:10px; overflow:hidden;][div=height:100%; width:var(--statlevel3); background:var(--accent1); border-radius:10px;][/div][/div]
- [comment] ---- STAT4 ----[/comment]
- [div=position:absolute; top:75px;][comment]
- ---- STAT4 TEXT HERE ----
- [/comment]survival[/div]
- [div=position:absolute; top:85px; width:100%; height:9px; background:var(--bkgd); border:var(--sborder2); box-sizing: border-box; border-radius:10px; overflow:hidden;][div=height:100%; width:var(--statlevel4); background:var(--accent1); border-radius:10px;][/div][/div]
- [/div][comment] ---- STATS END ----[/comment]
- [comment] ---- MUSIC START ----[/comment]
- [div=position:absolute; left:20px; top:445px; width:200px; height:25px; background:var(--bkgd);]
- [comment] ---- MUSIC PLAYER BUTTON
- ---- graciously granted to me by uxie ty queen ily [/comment]
- [div=position:absolute; top:1px; left:0px; width:20px; height:20px;]
- [div=height:22px; width:100%; flex-shrink:0; padding:5px 5px 5px 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap; align-items:center;]
- [comment] ---- play button ---- [/comment]
- [div=height:12px; width:12px; position:relative; flex-shrink:0;][div=height:100%; width:100%; background-size:cover; position:relative; z-index:2; pointer-events:none; font-size:12px; line-height:12px; text-align:center; color:var(--accent3);][fa]fas fa-play[/fa][/div]
- [comment] ---- media files ---- [/comment]
- [border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:1; display:flex; align-items:center; justify-content:center; overflow:hidden; opacity:0.01%;][border=transparent; height:32px; width:32px; padding:0; position:relative; pointer-events:auto;]
- [comment]---- SOUNDCLOUD ---- (replace the soundcloud link within media tag with your own) ---- [/comment]
- [border=transparent; height:80px; width:180px; padding:0; margin-top:-16px; margin-left:-14px; position:absolute; top:0; left:0;]
- [media=soundcloud]https://soundcloud.com/skibidiqalt/mad-father-old-doll-an-out-of-tune-piano[/media][/border]
- [comment]---- GOOGLE DRIVE ---- (replace the google file code within media tag with your own) ---- [/comment]
- [border=transparent; height:500px; width:500px; margin-top:-170px; margin-left:-93px; padding:0px;/*remove this to use me, and add it to the other*/ display:none;]
- [media=googledrive]1EwyiuGOGDy8NrbyIm2mfdHc7szRnCMBC[/MEDIA]
- [/border][/border][/border]
- [/div][/div][/div]
- [comment] ---- SONG DETAILS ---- [/comment]
- [div=position:absolute; left:30px; top:4px; font-family:var(--font1); font-size:9px; line-height:10px; color:var(--accent0); text-transform:uppercase;][comment]
- ---- SONG NAME HERE ----
- [/comment]old doll (out of tune)[/div]
- [div=position:absolute; left:30px; top:15px; font-family:var(--font2); font-size:7px; line-height:8px; font-weight:bold; color:var(--accent2); text-transform:uppercase;][comment]
- ---- ARTIST NAME HERE ----
- [/comment]mad father[/div]
- [comment] ---- MUSIC END ----[/comment]
- [/div]
- [comment] ---- SECTION 1 END ----[/comment]
- [comment] ---- SECTION 2: ROLES ----[/comment]
- [div=position:absolute; right:0px; top:0px; width:228px; height:244px; border-left:var(--borderb); border-bottom:var(--borderb); box-sizing: border-box;]
- [comment] ---- SUBTITLE START ----[/comment]
- [div=position:absolute; left:10px; top:10px; width:200px; height:40px; font-family:var(--fontb); font-size:40px; line-height:40px; text-align:left; color:var(--accent1); text-transform:uppercase;]fillerfill[/div]
- [div=position:absolute; left:10px; top:10px; width:190px; height:40px; font-family:var(--font2); font-size:14px; line-height:28px; text-align:left; color:var(--accent0); font-weight:bold; text-shadow:var(--subtitleshadow); text-transform:uppercase; padding-left:5px;][comment]
- ---- SUBTITLE TEXT HERE ----
- [/comment]roles...[/div]
- [comment] ---- SUBTITLE END ----[/comment]
- [comment] ---- ROLES BOX START ----[/comment]
- [/div][div=position:absolute; right:0px; top:0px; width:228px; height:244px; border-left:var(--borderb); border-bottom:var(--borderb); box-sizing: border-box;][div=position:absolute; left:10px; top:50px; width:200px; height:170px; overflow:hidden;][div=position:relative; width:190px; height:170px; font-family:var(--font3); font-size:10px; line-height:11px; text-align:justify; color:var(--text); overflow-y:scroll; overflow-x:hidden; padding: 0 30px 0 0;][comment]
- ---- ROLES BODY HERE: copy entire role section (including start and end comments) to add a new role! ----
- [/comment]
- [comment] ---- ROLE START ---- [/comment]
- [div=position:relative; width:100%; height:auto; background:var(--bkgd); padding: 10px 10px 10px 10px; margin-bottom:10px;][div=font-family:var(--font1); font-size:13px; line-height:16px; color:var(--accent3); text-transform:uppercase; text-align:left;][comment]
- ---- ROLE NAME HERE ----
- [/comment]the chemist[div=position:relative; display:inline; margin-left:5px; padding:2px 2px 0px 2px; font-family:var(--font2); font-size:8px; line-height:10px; background:var(--open); color:var(--accent0);][comment]
- ---- ROLE STATUS HERE: edit background color above! ----
- [/comment]open[/div][/div]Lorem ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?[/div]
- [comment] ---- ROLE END ---- [/comment]
- [comment] ---- ROLE START ----[/comment]
- [div=position:relative; width:100%; height:auto; background:var(--bkgd); padding: 10px 10px 10px 10px; margin-bottom:10px;][div=font-family:var(--font1); font-size:13px; line-height:16px; color:var(--accent3); text-transform:uppercase; text-align:left;][comment]
- ---- ROLE NAME HERE ----
- [/comment]the betrayer[div=position:relative; display:inline; margin-left:5px; padding:2px 2px 0px 2px; font-family:var(--font2); font-size:8px; line-height:10px; background:var(--closed); color:var(--accent0);][comment]
- ---- ROLE STATUS HERE: edit background color above! ----
- [/comment]closed[/div][/div]Lorem ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?[/div]
- [comment] ---- ROLE END ---- [/comment]
- [comment] ---- ROLE START ---- [/comment]
- [div=position:relative; width:100%; height:auto; background:var(--bkgd); padding: 10px 10px 10px 10px; margin-bottom:10px;][div=font-family:var(--font1); font-size:13px; line-height:16px; color:var(--accent3); text-transform:uppercase; text-align:left;][comment]
- ---- ROLE NAME HERE ----
- [/comment]the veteran[div=position:relative; display:inline; margin-left:5px; padding:2px 2px 0px 2px; font-family:var(--font2); font-size:8px; line-height:10px; background:var(--open); color:var(--accent0);][comment]
- ---- ROLE STATUS HERE: edit background color above! ----
- [/comment]open[/div][/div]Lorem ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?[/div]
- [comment] ---- ROLE END ---- [/comment]
- [comment] ---- ROLE START ---- [/comment]
- [div=position:relative; width:100%; height:auto; background:var(--bkgd); padding: 10px 10px 10px 10px; margin-bottom:10px;][div=font-family:var(--font1); font-size:13px; line-height:16px; color:var(--accent3); text-transform:uppercase; text-align:left;][comment]
- ---- ROLE NAME HERE ----
- [/comment]the savior[div=position:relative; display:inline; margin-left:5px; padding:2px 2px 0px 2px; font-family:var(--font2); font-size:8px; line-height:10px; background:var(--closed); color:var(--accent0);][comment]
- ---- ROLE STATUS HERE: edit background color above! ----
- [/comment]closed[/div][/div]Lorem ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?[/div]
- [comment] ---- ROLE END ---- [/comment]
- [comment] ---- ROLE START ---- [/comment]
- [div=position:relative; width:100%; height:auto; background:var(--bkgd); padding: 10px 10px 10px 10px; margin-bottom:10px;][div=font-family:var(--font1); font-size:13px; line-height:16px; color:var(--accent3); text-transform:uppercase; text-align:left;][comment]
- ---- ROLE NAME HERE ----
- [/comment]the tourist[div=position:relative; display:inline; margin-left:5px; padding:2px 2px 0px 2px; font-family:var(--font2); font-size:8px; line-height:10px; background:var(--open); color:var(--accent0);][comment]
- ---- ROLE STATUS HERE: edit background color above! ----
- [/comment]open[/div][/div]Lorem ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?[/div]
- [comment] ---- ROLE END ---- [/comment]
- [comment] ---- ROLE START ---- [/comment]
- [div=position:relative; width:100%; height:auto; background:var(--bkgd); padding: 10px 10px 10px 10px; margin-bottom:10px;][div=font-family:var(--font1); font-size:13px; line-height:16px; color:var(--accent3); text-transform:uppercase; text-align:left;][comment]
- ---- ROLE NAME HERE ----
- [/comment]the saboteur[div=position:relative; display:inline; margin-left:5px; padding:2px 2px 0px 2px; font-family:var(--font2); font-size:8px; line-height:10px; background:var(--closed); color:var(--accent0);][comment]
- ---- ROLE STATUS HERE: edit background color above! ----
- [/comment]closed[/div][/div]Lorem ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?[/div]
- [comment] ---- ROLE END ---- [/comment]
- [/div][/div][comment] ---- ROLES BOX END----[/comment]
- [/div][comment] ---- SECTION 2 END ----[/comment]
- [comment] ---- SECTION 3: RULES ----[/comment]
- [div=position:absolute; right:0px; bottom:0px; width:228px; height:244px; border-left:var(--borderb); border-top:var(--borderb); box-sizing: border-box;]
- [comment] ---- SUBTITLE START ----[/comment]
- [div=position:absolute; left:10px; top:10px; width:200px; height:40px; font-family:var(--fontb); font-size:40px; line-height:40px; text-align:left; color:var(--accent1); text-transform:uppercase;]fillerfill[/div]
- [div=position:absolute; left:10px; top:10px; width:190px; height:40px; font-family:var(--font2); font-size:14px; line-height:28px; text-align:left; color:var(--accent0); font-weight:bold; text-shadow:var(--subtitleshadow); text-transform:uppercase; padding-left:5px;][comment]
- ---- SUBTITLE TEXT HERE ----
- [/comment]rp guidelines...[/div]
- [comment] ---- SUBTITLE END ----[/comment]
- [comment] ---- RULES START----[/comment]
- [/div][/nobr][div=position:absolute; right:0px; bottom:0px; width:228px; height:244px; border-left:var(--borderb); border-top:var(--borderb); box-sizing: border-box;][div=position:absolute; right:0px; top:0px; width:228px; height:244px; border-left:var(--borderb); border-bottom:var(--borderb); box-sizing: border-box;][div=position:absolute; left:10px; top:50px; width:175px; height:155px; background:var(--bkgd); overflow:hidden; padding: 10px 10px 10px 10px;][div=position:relative; width:185px; height:155px; font-family:var(--font3); font-size:10px; line-height:12px; text-align:justify; color:var(--text); overflow-y:scroll; overflow-x:hidden; padding: 0 30px 0 0;][comment]
- ---- RULES HERE ----
- [/comment]Welcome to my roleplay! Lorem ipsum odor amet, consectetuer adipiscing elit. Adipiscing congue ut suspendisse, libero fringilla vitae adipiscing. Phasellus vulputate sed maximus luctus eget eros fringilla vestibulum?
- [div=display:inline; border:var(--sborder2); padding: 2px 3px 0px 3px; margin-right:5px; text-transform:uppercase; font-family:var(--font2); font-size:8px; color:var(--accent3);]themes[/div] Ad himenaeos pulvinar cras et feugiat et enim. Augue cubilia rutrum habitant eros, etiam finibus orci cras convallis. Et molestie tellus habitasse tincidunt vulputate adipiscing maecenas. Pellentesque placerat cubilia condimentum sit mi blandit tempor. Per cursus lobortis aptent; dui semper adipiscing euismod.
- [div=display:inline; border:var(--sborder2); padding: 2px 3px 0px 3px; margin-right:5px; text-transform:uppercase; font-family:var(--font2); font-size:8px; color:var(--accent3);]applications[/div]Leo erat arcu dapibus eleifend tellus facilisi. Imperdiet eget morbi aptent primis maximus? Aliquam ligula pulvinar nullam justo duis facilisis class. Eros velit pellentesque malesuada class turpis conubia.
- [div=display:inline; border:var(--sborder2); padding: 2px 3px 0px 3px; margin-right:5px; text-transform:uppercase; font-family:var(--font2); font-size:8px; color:var(--accent3);]rules[/div]Posuere natoque et pharetra aliquam sodales:[list]
- [*]Porttitor leo nascetur metus urna nisi parturient cubilia luctus.
- [*]Egestas eget tincidunt integer dolor egestas quam, a dictumst malesuada.
- [*]Nec nibh sed nascetur mollis purus magna.
- [*]Magna feugiat suscipit vitae platea mauris habitant.
- [/list]
- [/div][/div][nobr]
- [/nobr][/div][nobr]
- [comment] ---- SECTION 3 END ----[/comment]
- [/nobr][/div][/div][/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement