hanthesunbeam1

buffalo chicken dip {ooc/placeholder}

Oct 26th, 2020 (edited)
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.22 KB | None | 0 0
  1. [comment]
  2. ---the colors are pretty straightforward. bg2 is the background for the musicplayer and the detail2 is the darker brown overtop the light brown bg. i hope you enjoy. [/comment][border=0; box-sizing: border-box; height: 350px; width: 100%; margin: auto; line-height: 0px; position: relative; display: flex; justify-content: center; flex-flow: row nowrap; align-items: center; overflow: hidden;
  3. --detail: #ffa45e;
  4. --detail2: #67615B;
  5. --bg: #9D8972;
  6. --bg2: rgb(255, 164, 94, 0.9);
  7. --title: #fff;
  8. --musicplayer: #000;
  9. --text: #fff;
  10. --pic: url(https://i.pinimg.com/originals/d8/4b/09/d84b09d98faa76597374ea13edfcd778.jpg);][border=0; box-sizing: border-box; padding: 0px; position: relative; margin: auto; width: 375px; height: 300px; background: var(--bg); display: flex; justify-content: flex-start; flex-flow: row wrap; align-items: center;]
  11.  
  12. [border=0; box-sizing: border-box; height: 50%; flex: 1; background: var(--detail2); display: flex; justify-content: flex-start; flex-flow: column nowrap; align-items: top;]
  13.  
  14. [border=0; box-sizing: border-box; color: var(--title); width: 100%; font-size: 20px; margin-bottom: 2%;][font= Bree Serif][comment]
  15.  
  16. --title content[/comment]title goes here[/font][/border][comment]
  17.  
  18. ---scroll box[/comment][border=0; box-sizing: border-box; width: 100%; height: 80%; display: flex; flex-direction: column; overflow: hidden; text-align: justify; padding: 0px 5px 0px 15px; margin-top: 0px;][border= 0; box-sizing: border-box; width: 200%; flex: 1; position: relative; overflow: auto; padding: 0px; pointer-events: auto;][border=0; box-sizing: border-box; padding: 0px; width: 50%; font-size: 12px; line-height: 16px; margin-bottom: 0; padding-right: 10px; pointer-events: auto; color: var(--text);][font= Roboto][comment]
  19.  
  20. ---scroll content[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In eu mi bibendum neque egestas congue quisque egestas. Faucibus nisl tincidunt eget nullam non nisi est sit amet. Arcu bibendum at varius vel pharetra vel turpis. Tellus cras adipiscing enim eu turpis. Nibh praesent tristique magna sit amet purus. Viverra justo nec ultrices dui sapien eget. Mattis nunc sed blandit libero volutpat. Enim tortor at auctor urna nunc. Dis parturient montes nascetur ridiculus mus mauris vitae. Velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas integer eget aliquet.[/font][/border][/border][/border]
  21. [/border][comment]
  22.  
  23. ---orange block[/comment][border=0; box-sizing: border-box; width: 10%; height: 55%; background: var(--detail);][/border][comment]
  24.  
  25. ---picture here[/comment][border=0; box-sizing: border-box; padding: 0px; width: 100%; height: 45%; background: var(--pic); background-size: cover; background-position: center right; display: flex; justify-content: flex-start; flex-flow: row wrap; align-items: bottom; ][comment][/comment][border=0; box-sizing: border-box; padding: 10px 5px 5px 10px; width: fit-content; height: 25%; background: var(--bg2); margin-left: -5%; margin-top: 30%; display: flex; justify-content: center; flex-flow: row wrap; align-items: top; overflow: hidden; position: relative;][comment]
  26.  
  27. ---music player start[/comment][border=0; box-sizing: border-box; width: 100%; color: var(--musicplayer); font-size: 12px; flex: 1; text-align: left; padding: 0px; padding-right: 20px; margin-bottom: 8%; line-height: 120%;][comment]
  28.  
  29. --play icon[/comment][fa]fas fa-play-circle [/fa][comment]
  30.  
  31. ---song title and artist here[/comment][font=Karla] [b]Icarus[/b] -Bastille[/font][/border][comment]
  32.  
  33. --music player[/comment][border=0; box-sizing: border-box; padding: 0px; width: 5%; height: 100%; position: absolute; left: -20px; top: 0; text-align: center; pointer-events: auto;][border=0px; width: 100px; height: 80px; margin-left:-20px; margin-top:-15px; opacity: 0.00009%; display:inline-block;][comment]
  34.  
  35. ---soundcloud link goes in here[/comment][MEDIA=soundcloud]https://soundcloud.com/virgomars/icarus-by-bastille[/MEDIA][/border][/border][/border][/border][/border][/border][comment]
  36.  
  37. ---credit, do not remove please.[/comment][border=0; position: relative; margin: auto; text-align: center; font-size: 10px; width: 100%; line-height: 12px;]coded by hanthesunbeam[/border]
Add Comment
Please, Sign In to add comment