katya_resources

basic scrollbox w/ mark

May 17th, 2022 (edited)
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.20 KB | None | 0 0
  1. <style>
  2. @font-face {
  3. font-family: cutie;
  4. src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
  5.  
  6. @import url('https://fonts.googleapis.com/css2?family=Mali&display=swap');
  7. </style>
  8.  
  9. <style>
  10.  
  11. #scrollOne {
  12. font-family: 'Mali', cursive;
  13. width 100%;
  14. font-size: 0.65em;
  15. text-align: left;
  16. line-height: 15px;
  17. border: 1px solid #000000;
  18. padding: 7px;
  19. background-color: #ffffff;
  20. color: #000000;
  21. height: 75px;
  22. overflow-y: scroll;
  23. }
  24.  
  25. mark {
  26. font-family: 'cutie';
  27. font-size: 1.2em;
  28. color: #FFFFFF;
  29. background-color: #ffffff00;
  30. background: rgb(204,70,80);
  31. background: linear-gradient(180deg, rgba(204,70,80,1) 0%, rgba(131,31,38,1) 100%);
  32. border-radius: 7px;
  33. border: 1px solid black;
  34. padding-left: 5px;
  35. padding-right: 5px;
  36. }
  37.  
  38. </style>
  39. <div id=scrollOne><mark>text text</mark> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>
Add Comment
Please, Sign In to add comment