Advertisement
solielios

Flower menu! ♡

Sep 19th, 2021 (edited)
2,069
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.85 KB | None | 0 0
  1. <!-- CR Solielios for this menu. DO NOT REPUBLISH ANYWHERE ELSE PERIOD !!! -->
  2.  
  3. <head>
  4. <div id="petaltab1"><center>
  5. <br>
  6. <br>
  7. <div style=" width:150px; border:2px solid #FFCCE3; text-transform:none; letter-spacing: 1px; font-size: 18px; color:#000; font-family: 'Patrick Hand', cursive; background:transparent;">Slot 1</div><br>
  8.  
  9. a
  10.  
  11. </div>
  12.  
  13. <div id="petaltab2"><center>
  14. <br>
  15. <br>
  16. <div style="width:150px; border:2px solid #FFCCE3; text-transform:none; letter-spacing: 1px; font-size: 18px; color:#000; font-family: 'Patrick Hand', cursive; background:transparent;">Slot 2</div><br>
  17.  
  18. b
  19.  
  20. </div>
  21.  
  22. <div id="petaltab3"><center>
  23. <br>
  24. <br>
  25. <div style="width:150px; border:2px solid #FFCCE3; text-transform:none; letter-spacing: 1px; font-size: 18px; color:#000; font-family: 'Patrick Hand', cursive; background:transparent;">Slot 3</div><br>
  26.  
  27. c
  28.  
  29. </div>
  30.  
  31.  
  32. <div id="petaltab4"><center>
  33. <br>
  34. <br>
  35. <div style="width:150px; border:2px solid #FFCCE3; text-transform:none; letter-spacing: 1px; font-size: 18px; color:#000; font-family: 'Patrick Hand', cursive; background:transparent;">Slot 4</div><br>
  36.  
  37. d
  38.  
  39. <a href="https://limonysal.crd.co/"><img class=lim src="https://64.media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png"></a>
  40.  
  41.  
  42. </div>
  43. </head>
  44.  
  45. <style>
  46. #petaltab1{
  47. position:absolute;
  48. overflow:hidden;
  49. padding:5px;
  50. background:#FFCCE3;
  51. border:2px solid #FFCCE3;
  52. border-radius:0px 19px / 0px 19px;
  53. width:25px;
  54. height:25px;
  55. top:30px;
  56. left:40px;
  57. font-size:13px;
  58. font-family: 'Patrick Hand', cursive;
  59. color: #777;
  60. z-index:9999;
  61. -webkit-transition: opacity 0.6s linear;
  62. -webkit-transition: all 0.6s ease-in-out;
  63. -moz-transition: all 0.6s ease-in-out;
  64. -o-transition: all 0.6s ease-in-out;
  65. }
  66.  
  67. #petaltab1:hover{
  68. opacity:0.99;
  69. width:250px;
  70. height: 250px;
  71. background:white;
  72. border:2px solid #FFCCE3;
  73. border-radius:0px;
  74. z-index:999999999999;
  75. }
  76.  
  77. #petaltab2{
  78. position:absolute;
  79. overflow:hidden;
  80. padding:5px;
  81. background:#FFCCE3;
  82. border:2px solid #FFCCE3;
  83. border-radius:19px 0px / 19px 0px;
  84. width:25px;
  85. height:25px;
  86. top:30px;
  87. left:80px;
  88. font-size:13px;
  89. font-family: 'Patrick Hand', cursive;
  90. color: #777;
  91. z-index:9999;
  92. -webkit-transition: opacity 0.6s linear;
  93. -webkit-transition: all 0.6s ease-in-out;
  94. -moz-transition: all 0.6s ease-in-out;
  95. -o-transition: all 0.6s ease-in-out;
  96. }
  97.  
  98. #petaltab2:hover{
  99. opacity:0.99;
  100. width:250px;
  101. height: 250px;
  102. background:white;
  103. border:2px solid #FFCCE3;
  104. border-radius:0px;
  105. z-index:999999999999;
  106. }
  107.  
  108. #petaltab3{
  109. position:absolute;
  110. overflow:hidden;
  111. padding:5px;
  112. background:#FFCCE3;
  113. border:2px solid #FFCCE3;
  114. border-radius:19px 0px / 19px 0px;
  115. width:25px;
  116. height:25px;
  117. top:70px;
  118. left:40px;
  119. font-size:13px;
  120. font-family: 'Patrick Hand', cursive;
  121. color: #777;
  122. z-index:9999;
  123. -webkit-transition: opacity 0.6s linear;
  124. -webkit-transition: all 0.6s ease-in-out;
  125. -moz-transition: all 0.6s ease-in-out;
  126. -o-transition: all 0.6s ease-in-out;
  127. }
  128.  
  129. #petaltab3:hover{
  130. opacity:0.99;
  131. width:250px;
  132. height: 250px;
  133. background:white;
  134. border:2px solid #FFCCE3;
  135. border-radius:0px;
  136. z-index:999999999999;
  137. }
  138.  
  139. #petaltab4{
  140. position:absolute;
  141. overflow:hidden;
  142. padding:5px;
  143. background:#FFCCE3;
  144. border:2px solid #FFCCE3;
  145. border-radius:0px 19px / 0px 19px;
  146. width:25px;
  147. height:25px;
  148. top:70px;
  149. left:80px;
  150. font-size:13px;
  151. font-family: 'Patrick Hand', cursive;
  152. color: #777;
  153. z-index:9999;
  154. -webkit-transition: opacity 0.6s linear;
  155. -webkit-transition: all 0.6s ease-in-out;
  156. -moz-transition: all 0.6s ease-in-out;
  157. -o-transition: all 0.6s ease-in-out;
  158. }
  159.  
  160. #petaltab4:hover{
  161. opacity:0.99;
  162. width:250px;
  163. height: 250px;
  164. background:white;
  165. border:2px solid #FFCCE3;
  166. border-radius:0px;
  167. z-index:999999999999;
  168. }
  169.  
  170. .lim {
  171. position: fixed;
  172. bottom: 10px;
  173. left: 10px;
  174. margin-bottom: 10px;
  175. margin-left: 10px;
  176. width: 10px;
  177. height: auto;
  178. }
  179. </style>
  180.  
  181.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement