reveriee

son of geb / dark mode (ic)

Dec 28th, 2020 (edited)
243
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.16 KB | None
  1. [comment][font=Times New Roman][font=Karla]--CODE BY REVERIEE--[/font][/font]
  2. son of geb, in-character code. do not remove credit (visible or not) or claim as your own.
  3.  
  4. -- to change the colors/images, change the variables below --
  5. in order to change fonts, change the font in the variable, along with the corresponding font in the call-out tag in the comment above
  6.  
  7. [/comment][border=0px;
  8.  
  9. /*colors here*/
  10.  
  11. --bigbg: #151515;
  12. --minibg: #111;
  13. --fontcolor: #fff;
  14. --color: #D7AD4B;
  15. /*change the rgb values to match the hex code above*/
  16. --rgb: RGBA(215, 173, 75, 0.7);
  17.  
  18. /*three side images here*/
  19.  
  20. --img-1: url(https://i.pinimg.com/originals/78/d3/ef/78d3ef21cd234929ff2c1cec464c457e.jpg);
  21. --img-2: url(https://www.malemodelscene.net/wp-content/uploads/2014/02/Daje-Barbour-Danny-Lang-01.jpg);
  22. --img-3: url(https://pbs.twimg.com/media/CW8IK1dVAAEsAtp.jpg);
  23. /*outfit image -- delete this + respective border tag in the code if you want to describe*/
  24. --outfit: url(https://i.pinimg.com/originals/26/12/06/261206f04bd9638879601a2f377f104f.jpg);
  25.  
  26. /*fonts here*/
  27.  
  28. --headerfont: Times New Roman;
  29. --bodyfont:'Karla', sans-serif;
  30.  
  31. font-smoothing:antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;box-sizing:border-box;height:470px;max-width:450px;padding:0px;margin:auto][border=0px;background:var(--bigbg);height:430px;max-width:450px;padding:10px;margin:auto][border=0px;float:left;display:inline-block;height:420px;width:150px;padding:0px][comment]
  32.  
  33. --IMG ONE HERE--
  34.  
  35. [/comment][border=0px;background:var(--img-1);background-size:110%;background-position:50% 50%;height:130px;width:130px;padding:0px;border:5px solid var(--minibg);overflow:hidden; display:flex; flex-direction:column;][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0px; height:auto; width:50%; padding:0px 10px; box-sizing:border-box;margin-top:130px][border=0px;border-box;box-sizing;width:130px;height:130px;padding:0px 0px;display:inline-block;overflow:hidden; display:flex; flex-direction:column;background:var(--rgb);margin-left:-10px;margin-top:5px][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll][border=0px; height:auto; width:50%; padding:10px 10px; box-sizing:border-box; font-family:var(--bodyfont); font-size:11px;text-align:justify;color:var(--minibg); line-height:130%][border=0px;padding:0px;display:inline-block;font-weight:bold;font-family:var(--headerfont);font-size:12px;line-height:12px;text-transform:uppercase]mood :[/border] [comment]
  36.  
  37. --MOOD HERE--
  38.  
  39. [/comment]here
  40.  
  41. [border=0px;padding:0px;display:inline-block;font-weight:bold;font-family:var(--headerfont);font-size:12px;line-height:12px;text-transform:uppercase]location :[/border] [comment]
  42.  
  43. --LOCATION HERE--
  44.  
  45. [/comment]here[/border][/border][/border][/border][/border][/border][comment]
  46.  
  47. --IMG TWO HERE--
  48.  
  49. [/comment][border=0px;background:var(--img-2);background-size:cover;background-position:50% 50%;height:130px;width:130px;padding:0px;border:5px solid var(--minibg);margin-top:5px;overflow:hidden; display:flex; flex-direction:column;][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0px; height:auto; width:50%; padding:0px 10px; box-sizing:border-box;margin-top:130px][border=0px;border-box;box-sizing;width:130px;height:130px;padding:0px 0px;display:inline-block;overflow:hidden; display:flex; flex-direction:column;background:var(--rgb);margin-left:-10px;margin-top:5px][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll][border=0px; height:auto; width:50%; padding:10px 10px; box-sizing:border-box; font-family:var(--bodyfont); font-size:11px;text-align:justify;color:var(--minibg); line-height:130%][border=0px;padding:0px;display:inline-block;font-weight:bold;font-family:var(--headerfont);font-size:12px;line-height:12px;text-transform:uppercase]outfit :[/border] [comment]
  50.  
  51. --OUTFIT HERE--
  52. delete the following [border=][/border] tag if you want to describe instead of using a picture
  53.  
  54. [/comment][border=0px;background:var(--outfit);background-size:cover;background-position:50% 50%;height:75px;width:90px][/border][/border][/border][/border][/border][/border][/border][comment]
  55.  
  56. --IMG THREE HERE--
  57.  
  58. [/comment][border=0px;background:var(--img-3);background-size:125%;background-position:50% 30%;height:130px;width:130px;padding:0px;border:5px solid var(--minibg);margin-top:5px;overflow:hidden; display:flex; flex-direction:column;][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0px; height:auto; width:50%; padding:0px 10px; box-sizing:border-box;margin-top:130px][border=0px;border-box;box-sizing;width:130px;height:130px;padding:0px 0px;display:inline-block;overflow:hidden; display:flex; flex-direction:column;background:var(--rgb);margin-left:-10px;margin-top:5px][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll][border=0px; height:auto; width:50%; padding:10px 10px; box-sizing:border-box; font-family:var(--bodyfont); font-size:11px;text-align:justify;color:var(--minibg); line-height:130%][border=0px;padding:0px;display:inline-block;font-weight:bold;font-family:var(--headerfont);font-size:12px;line-height:12px;text-transform:uppercase]mentions :[/border] [comment]
  59.  
  60. --MENTIONS HERE--
  61.  
  62. [/comment]@reveriee
  63.  
  64. [border=0px;padding:0px;display:inline-block;font-weight:bold;font-family:var(--headerfont);font-size:12px;line-height:12px;text-transform:uppercase]interactions :[/border] [comment]
  65.  
  66. --INTERACTIONS HERE--
  67.  
  68. [/comment]@reveriee[/border][/border][/border][/border][/border][/border][/border][border=0px;float:right;display:inline-block;height:430px;width:calc(100% - 150px);padding:0px;background:var(--minibg);display:flex;flex-flow:column nowrap][border=0px;float:left;text-transform:uppercase;font-family:var(--headerfont);color:var(--fontcolor);padding:5px 10px;letter-spacing:2px;font-size:13px;text-align:left;width:100%][comment]
  69.  
  70. --SURNAME HERE--
  71.  
  72. [/comment]Musabyimana[/border][border=0px;width:100%;text-align:center;text-transform:lowercase;font-family:var(--headerfont);color:var(--color);font-weight:800;font-style:italic;padding:0px;letter-spacing:1.5px;font-size:45px;line-height:45px;margin-top:-5px;margin-bottom:5px][comment]
  73.  
  74. --FIRST NAME HERE--
  75.  
  76. [/comment];; pierre[/border][border=0px;border-box;box-sizing;width:100%;height:320px;padding:10px 0px;display:inline-block;overflow:hidden; display:flex; flex-direction:column;flex:320px][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0px; height:auto; width:50%; padding:0 10px; box-sizing:border-box; font-family:var(--bodyfont); font-size:11px;text-align:justify;color:var(--fontcolor); line-height:130%][comment]
  77.  
  78. --POST HERE--
  79.  
  80. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  81.  
  82. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  83.  
  84. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border][/border][border=0px;margin:auto;color:var(--color);text-align:center;padding:3px 0px;font-family:var(--bodyfont);font-size:10px][comment]
  85.  
  86. --DO NOT REMOVE CREDIT--
  87.  
  88. [/comment]coded by reveriee.[/border][/border]
RAW Paste Data Copied