Advertisement
izuemis

cr choerrylgbt css

Mar 21st, 2023 (edited)
556
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.77 KB | None | 0 0
  1. **NOT ALL POSITIONING WILL BE GOOD ON YOUR END SO JUST ADJUST IT YOU CAN USE INSPECT ELEMENT IN ORDER FOR U TO FIND THE CORRECT POSITIONING LIKE WHAT I DID IN THE TUTORIAL TO SAVE SOME TIME !!**
  2.  
  3. -- NAME TEXT --
  4. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  5. bottom: .2em;
  6. font-family: roman;
  7. left: .5em;
  8.  
  9. !! CARRD SETTINGS !!
  10. size: 2.5
  11. letter-spacing: 0.15
  12.  
  13. -- IMAGE BESIDE NAME --
  14. position: absolute;
  15. left: 0em;
  16. top: -3.5em;
  17.  
  18. !! CARRD SETTINGS !!
  19. width: 4.875
  20.  
  21. -- MAIN CONTAINER --
  22. box-shadow: inset 0 0 10px #969696;
  23. height: 20em;
  24.  
  25. !! CARRD SETTINGS !!
  26. padding: vertical - 1 ; horizontal - 0.5
  27. corner-rounding: 0.25
  28.  
  29. -- ICONS CONTAINER --
  30. position: absolute;
  31. z-index: 999;
  32. bottom: 17.3em;
  33. left: 14.8em;
  34. width: 4em;
  35.  
  36. !! CARRD SETTINGS !!
  37. padding: 0.25
  38. corner rounding: 0.25
  39.  
  40. -- MARQUEE CONTAINER --
  41. transform: rotate(-11rad);
  42. position: absolute;
  43. z-index: 999;
  44. bottom: 7.6em;
  45. left: 10em;
  46. width: 14em;
  47.  
  48. !! CARRD SETTINGS !!
  49. padding: 0.5
  50. corner-rounding: 0.25
  51.  
  52. -- MARQUEE TEXT --
  53. <marquee behavior="scroll" direction="left" style="font-family: sant joan;
  54. color:#453433;">reo mikage o mashine city</marquee>
  55.  
  56. -- ABOUT TEXT --
  57. background: #ebdddd;
  58. border-radius: 10px 10px 10px 0px;
  59. padding-left: 5px;
  60. padding-right: 5px;
  61. padding-top: 2px;
  62. padding-bottom: 2px;
  63. border: 1px dotted gray;
  64.  
  65. -- ABOUT ME INFO TEXT --
  66. font-family: MS San Serif;
  67. background: rgba(255,255,255,.8);
  68. width: 15.8em;
  69. border-radius: 0px 10px 10px 10px;
  70. border: 1px dotted gray;
  71. height: 6.3em;
  72. padding: 5px;
  73. bottom: -.3em;
  74.  
  75. -- GUIDELINES CONTAINER --
  76. width: 70%;
  77. height: 6.5em;
  78. position: absolute;
  79. left: 0.625em;
  80. top: -15.7em;
  81.  
  82. -- SECTION TITLE TEXT --
  83. background: #ebdddd;
  84. border-radius: 1em 1em 0em 0em;
  85. padding-left: 5px;
  86. padding-right: 5px;
  87. padding-top: 2px;
  88. padding-bottom: 2px;
  89. border: 1px dotted gray;
  90.  
  91. -- SCROLLBOX TEXT --
  92. background: rgba(255,255,255,.8);
  93. border-radius: 1em;
  94. border: 1px dotted gray;
  95. height: 6.25em;
  96. padding: 5px;
  97. font-family: MS San Serif;
  98. overflow: auto;
  99.  
  100. -- GUIDELINES IMAGE --
  101. position: absolute;
  102. right: -1.5em;
  103. top: -1.5em;
  104.  
  105. -- LIKES CONTAINER --
  106. width: 34.75%;
  107. height: 6.5em;
  108. position: absolute;
  109. left: 0.625em;
  110. top: -15.7em;
  111.  
  112. -- MUSIC CONTAINER --
  113. width: 34.75%;
  114. height: 6.5em;
  115. position: absolute;
  116. left: 8em;
  117. top: -15.7em;
  118.  
  119. -- LIKES & MUSIC IMAGE --
  120. position: absolute;
  121. right: -2.3em;
  122. top: -1.5em;
  123. z-index: 999;
  124.  
  125. -- FONTS --
  126.  
  127. @font-face {
  128. font-family: roman;
  129. src: url(https://dl.dropbox.com/s/f9cfrx4wyt13rwv/ROMANTIC.TTF);
  130. }
  131.  
  132. @font-face {
  133. font-family: sant joan;
  134. src: url(https://dl.dropbox.com/s/iwvkrg8ccgd1pf4/SantJoanDespi-Regular.otf);
  135. }
  136.  
  137. @font-face {
  138. font-family: MS San Serif;
  139. src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/MS%20Sans%20Serif.ttf);
  140. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement