reveriee

son of geb (no img scroll) / dark mode

Sep 18th, 2021 (edited)
99
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.71 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.  
  16. /*three side images here*/
  17.  
  18. --img-1: url(https://i.pinimg.com/originals/78/d3/ef/78d3ef21cd234929ff2c1cec464c457e.jpg);
  19. --img-2: url(https://www.malemodelscene.net/wp-content/uploads/2014/02/Daje-Barbour-Danny-Lang-01.jpg);
  20. --img-3: url(https://pbs.twimg.com/media/CW8IK1dVAAEsAtp.jpg);
  21. /*outfit image -- delete this + respective border tag in the code if you want to describe*/
  22. --outfit: url(https://i.pinimg.com/originals/26/12/06/261206f04bd9638879601a2f377f104f.jpg);
  23.  
  24. /*fonts here*/
  25.  
  26. --headerfont: Times New Roman;
  27. --bodyfont:'Karla', sans-serif;
  28.  
  29. 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]
  30.  
  31. --IMG ONE HERE--
  32.  
  33. [/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);][/border][comment]
  34.  
  35. --IMG TWO HERE--
  36.  
  37. [/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][/border][comment]
  38.  
  39. --IMG THREE HERE--
  40.  
  41. [/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][/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]
  42.  
  43. --SURNAME HERE--
  44.  
  45. [/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]
  46.  
  47. --FIRST NAME HERE--
  48.  
  49. [/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]
  50.  
  51. --POST HERE--
  52.  
  53. [/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.
  54.  
  55. 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.
  56.  
  57. 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]
  58.  
  59. --DO NOT REMOVE CREDIT--
  60.  
  61. [/comment]coded by reveriee.[/border][/border]
RAW Paste Data Copied