Advertisement
ukamori

update log in ishimori crd

Jul 4th, 2022
3,790
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.84 KB | None | 0 0
  1. <head>
  2. <link rel="preconnect" href="https://fonts.googleapis.com">
  3. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  4. <link href="https://fonts.googleapis.com/css2?family=DM+Sans&display=swap" rel="stylesheet">
  5.  
  6. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9. $(".about_body").hide();
  10. $(".about_head").click(function() {
  11. $(this).next(".about_body").slideToggle('active');
  12. });
  13. });
  14. </script>
  15. <style type="text/css">
  16. @font-face {
  17. font-family:'antre';
  18. src: url(https://dl.dropbox.com/s/xaspbkonff6y9uf/antre.otf);
  19. }
  20.  
  21. .about_list {
  22. width: 200px;
  23. padding: 0px;
  24. background: #ffe6ec;
  25. box-shadow: 0 0 7px 10px #ffe6ec;
  26. margin-top: 1px;
  27. margin-left: 1px;
  28. top: 20px;
  29. left: 20px;
  30. position: fixed;
  31. z-index: 1;
  32. }
  33.  
  34. .about_head {
  35. font-family:'antre';
  36. text-shadow: -1px 0 #ffa9c2, 0 1px #000, 1px 0 #000, 0 -1px #ffa9c2;
  37. font-size: 1.5em;
  38. text-align: center;
  39. color: #fff;
  40. height:1em;
  41. }
  42.  
  43. .about_body {
  44. font-family: 'DM Sans', sans-serif;
  45. font-size: 0.875em;
  46. color: #424242;
  47. text-align: center;
  48. display: none;
  49. height: 130px;
  50. overflow: auto;
  51. text-align: left;
  52. padding-top: 10px;
  53. line-height: 1.25em;
  54. }
  55.  
  56. mark {
  57. background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,212,222,1) 93%);
  58. padding-left: 5px;
  59. padding-right: 5px;
  60. padding-top: 2px;
  61. border: 1px solid #e3c3ca;
  62. border-radius: 1em;
  63. }
  64.  
  65. @media only screen and (max-width: 600px) {
  66. .about_body {
  67. height: 118px;
  68. }
  69. }
  70. </style>
  71.  
  72. <body>
  73. <div class="about_list">
  74. <p class="about_head">UPDATE LOG</p>
  75. <div class="about_body">
  76. <mark>text</mark> text text text text text text text
  77. <br><br>
  78. <mark>text</mark> text text text text text text text
  79. <br><br>
  80. <mark>text</mark> text text text text text text text
  81. </div>
  82. </div>
  83. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement