Advertisement
ooksie

mondrian

Mar 16th, 2021 (edited)
736
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment]coded by uxie!
  2. loosely inspired by: [URL="https://www.deviantart.com/rareddeer/art/TEMPLATE-POST-NARRATIVO-N006-by-rareddeer-815887432"][/URL]
  3.  
  4. fonts used:
  5. [font=Roboto Condensed]all text[/font]
  6.  
  7. to replace fonts, add/replace them here, and then in the variables below under *fonts used* check uxie's tech support in nine lives for more details ( ‾́ ◡ ‾́ )
  8.  
  9. [/comment][border=transparent;
  10. /*left colour*/
  11. --color-1: #d33939;
  12. /*right colour*/
  13. --color-2: #e2cdb3;
  14.  
  15. /*fonts used*/
  16. --header: 'Roboto Condensed', sans-serif;
  17.  
  18. /*left image*/
  19. --img-1: url('https://64.media.tumblr.com/442d5ea276a184e2655cdfa91dc94488/tumblr_pm958qnIbT1s8o69m_500.jpg');
  20. /*right image*/
  21. --img-2: url('https://64.media.tumblr.com/e64b19253420e3032e2c6ddc76f0e530/tumblr_pm958r1TIm1s8o69m_500.jpg');
  22.  
  23.  
  24. height:fit-content; width:100%; max-width:clamp(235px, 55vw, 450px); padding:5px; position:relative; box-sizing:border-box; display:flex; flex-flow: row wrap; margin:auto; line-height:0;]
  25. [comment]----left----[/comment]
  26. [border=transparent; min-height:250px; flex:1; min-width:200px; padding:5px; box-sizing:border-box; display:flex; flex-flow: column nowrap; align-items:center;]
  27. [comment]----text----[/comment]
  28. [border=transparent; height:15px; width:100%; padding:0; display:flex; align-items:center; flex-shrink:0;]
  29. [border=transparent; height:fit-content; width:fit-content; padding:0; margin-right:10px; color: var(--color-1); font-size:12px; line-height:100%;][fa]fas fa-chevron-right[/fa][/border]
  30. [border=transparent; height:fit-content; width:fit-content; padding:0; font-family: var(--header); text-transform:uppercase; letter-spacing:0.7px; font-size:12px; font-weight:bold;][comment]
  31.  
  32. ----* * * name here----
  33.  
  34. [/comment]full name here[/border]
  35. [/border]
  36.  
  37. [comment]----image----[/comment]
  38. [border=transparent; width:100%; padding:0; margin:10px 0;][border=transparent; width:100%; padding:0; padding-top:95%; background: var(--img-1); background-size:cover; background-position: 50% 50%;][/border][/border]
  39.  
  40. [comment]----line----[/comment]
  41. [border=transparent; height:15px; width:100%; padding:0; background: var(--color-1); flex-shrink:0;][/border]
  42. [/border]
  43.  
  44. [comment]----right----[/comment]
  45. [border=transparent; min-height:250px; flex:1; min-width:200px; padding:5px; box-sizing:border-box; display:flex; flex-flow: column-reverse nowrap; align-items:center;]
  46. [comment]----text (don't add too many tags plz)----[/comment]
  47. [border=transparent; height:15px; width:100%; padding:0; display:flex; align-items:center; justify-content:flex-end; flex-shrink:0;]
  48.  
  49. [comment]----copy this whole thing to add a tag----[/comment]
  50. [border=transparent; height:fit-content; width:fit-content; padding:0; margin:0 0 0 10px; color: var(--color-2); font-size:9px; font-family: var(--header); text-transform:uppercase; letter-spacing:1px; font-weight:bold; line-height:10px;][comment]
  51.  
  52. ----* * * info here (try to keep these short)----
  53.  
  54. [/comment]# role here[/border]
  55. [comment]----copy me too!----[/comment]
  56.  
  57. [comment]----copy this whole thing to add a tag----[/comment]
  58. [border=transparent; height:fit-content; width:fit-content; padding:0; margin:0 0 0 10px; color: var(--color-2); font-size:9px; font-family: var(--header); text-transform:uppercase; letter-spacing:1px; font-weight:bold; line-height:10px;][comment]
  59.  
  60. ----* * * info here (try to keep these short)----
  61.  
  62. [/comment]# fc here[/border]
  63. [comment]----copy me too!----[/comment]
  64. [/border]
  65.  
  66. [comment]----image----[/comment]
  67. [border=transparent; width:100%; padding:0; margin:10px 0;][border=transparent; width:100%; padding:0; padding-top:95%; background: var(--img-2); background-size:cover; background-position: 50% 50%;][/border][/border]
  68.  
  69. [comment]----line----[/comment]
  70. [border=transparent; height:15px; width:100%; padding:0 3px; box-sizing:border-box; background: var(--color-2); flex-shrink:0; display:flex; justify-content:flex-end; align-items:center;]
  71. [comment]----signature! do not remove----[/comment]
  72. [border=transparent; height:fit-content; width:max-content; padding:0; line-height:100%; opacity:0.23; font-size:9px; color:var(--color-2); -webkit-filter: brightness(0.5) saturate(1.3); pointer-events:none;][font=Open Sans]♡coded by uxie♡[/font][/border][/border]
  73. [/border]
  74.  
  75. [/border]
Advertisement
RAW Paste Data Copied
Advertisement