mochiroll

Post-Script.Code

May 18th, 2020 (edited)
119
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment]
  2. Designed and coded by Nano.
  3. Please do not remove the credits or claim the code as your own work.
  4.  
  5. [font=Playfair Display].[/font]
  6. [font=Roboto].[/font]
  7. [font=Roboto Condensed].[/font]
  8. [/comment][comment]
  9.  
  10. // accents
  11.  
  12. [/comment][border=0; padding: 0;
  13. --bgcolor: #f2f2f2;
  14. --bgcolor2: #fefefe;
  15. --accent: #a6c7a7;
  16. --text: #888888;
  17. --mainimg: url('https://i.imgur.com/c4T1aQY.jpg') center/cover no-repeat;
  18.  
  19. width: 100%;
  20. font-size: initial;
  21. position: relative;
  22. ][border=0px; margin: 0 auto; padding: 25px; width: calc(100% - 50px); max-width: calc(600px - 50px); font-size: initial; background: var(--bgcolor); position: relative;][comment]
  23.  
  24. // top and bottom green borders //
  25.  
  26. [/comment][border=0px; top: 0; left: 0; padding: 0; width: 100%; height: 150px; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 30%); background: var(--accent); overflow: hidden; position: absolute;][/border][border=0px; bottom: 0; left: 0; padding: 0; width: 100%; height: 150px; clip-path: polygon(0 0, 100% 70%, 100% 100%, 0% 100%); background: var(--accent); overflow: hidden; position: absolute;][/border][comment]
  27.  
  28. // main image //
  29.  
  30. [/comment][border=0px; margin-bottom: 15px; padding: 0; width: calc(100% - 30px); height: calc(200px - 30px); border: 15px solid var(--bgcolor2); background: var(--mainimg); position: relative;][/border][comment]
  31.  
  32. // start of text box //
  33.  
  34. [/comment][border=0px; padding: 15px; width: calc(100% - 30px); background: var(--bgcolor2); position: relative;][border=0px; padding: 0; font-family: 'Playfair Display', serif; font-size: 2.0em; color: var(--accent); text-align: left; text-transform: lowercase; font-weight: bold;]» ruri izuhara[/border][border=5px; margin: 0px 7% 0; padding: 0; font-family: 'Roboto Condensed', sans-serif; font-size: .9em; color: var(--text); text-align: left; text-transform: uppercase;][b]『 TAGGED 』[/b] [USER=20950]Ruri Izuhara[/USER][/border][border=0px; margin-top: 10px; padding: 0; font-family: 'Roboto', sans-serif; font-size: .9em; color: var(--text); text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mattis dolor id quam posuere fringilla eu vitae magna. Nunc non metus nec ante posuere tempus ac bibendum libero. Praesent sit amet eros sollicitudin nulla lacinia dictum eget et nunc. Sed ultricies ullamcorper faucibus. Phasellus placerat justo vitae nisl sollicitudin, eu varius risus cursus. In varius finibus mauris a semper. Aenean a dolor egestas, fermentum nunc sed, condimentum lorem. Sed ex massa, pretium sed erat viverra, blandit semper enim. Nam quis libero non nibh auctor sagittis et non mi. Suspendisse non magna quis tortor commodo ornare.
  35.  
  36. [color=#a6c7a7]"Mauris cursus sed tellus nec mattis."[/color] Sed non iaculis diam. Proin ultricies justo quis vehicula placerat. Nullam congue lorem eu augue dignissim sodales. Sed neque urna, posuere ac efficitur ut, mollis quis justo. Nullam ut nulla massa. Vivamus dolor nisi, tristique eu lobortis id, venenatis sed leo.
  37.  
  38. Nulla facilisi. Donec suscipit ut justo eleifend viverra. Vivamus mauris nisl, feugiat et rutrum feugiat, venenatis sit amet nisi. Etiam aliquet enim nec diam hendrerit dignissim. Duis facilisis mollis tincidunt. Donec euismod pretium semper. Donec nec lectus sit amet arcu convallis imperdiet. In est nisi, posuere nec blandit eget, egestas luctus dui.[/border][/border][/border][border=0px; margin-top: 5px; padding: 0; font-size: .6em; text-align: center; text-transform: uppercase; opacity: .5;]code by [USER=20950]@Nano[/USER][/border][/border]
RAW Paste Data