solielios

Bookmark menu! ♡

Sep 19th, 2021 (edited)
2,519
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.38 KB | None | 0 0
  1. <!-- CR Solielios for this menu. DO NOT REPUBLISH ANYWHERE ELSE PERIOD !!! -->
  2.  
  3. <style>
  4.  
  5. @font-face {
  6. font-family: fingerlinger;
  7. src: url(https://dl.dropbox.com/s/v5ks4dcr1o7k9ew/fingerlinger.ttf);
  8. }
  9.  
  10.  
  11. </style>
  12.  
  13. <body>
  14. <div id="tab1"><center>
  15. <div id="tab1icon"><img src="https://gnome.crd.co/assets/images/cats1/1305a3f0.gif?v=0f119cb7"></div><br>
  16. slot 1
  17.  
  18. </div>
  19.  
  20. <div id="tab2"><center>
  21. <div id="tab2icon"><img src="https://gnome.crd.co/assets/images/cats1/648f0264.gif?v=0f119cb7"></div><br>
  22. slot 2
  23.  
  24. </div>
  25.  
  26. <div id="tab3"><center>
  27. <div id="tab3icon"><img src="https://gnome.crd.co/assets/images/cats1/e84273b8.gif?v=0f119cb7"></div><br>
  28. slot 3
  29.  
  30. </div>
  31.  
  32. <div id="tab4"><center>
  33. <div id="tab4icon"><img src="https://gnome.crd.co/assets/images/cats1/35f8a9cb.gif?v=0f119cb7"></div><br>
  34. slot 4
  35.  
  36. </div>
  37.  
  38. <a href="https://limonysal.crd.co/"><img class=lim src="https://64.media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png"></a>
  39.  
  40. </body>
  41. <style>
  42. #tab1 {
  43. background-color:#ffffff; /* background colour */
  44. border-bottom:1px solid #919191; /* top border width and colour */
  45. border-top:1px solid #919191; /* top border width and colour */
  46. border-left:1px dashed #919191; /* left border width and colour */
  47. border-right:1px dashed #919191; /* right border width and colour */
  48. width:25px; /* width before hovering */
  49. height:25px; /* height before hovering */
  50. font-size:14px; /* font size */
  51. font-family: 'fingerlinger'; /* font */
  52. color: #808080;
  53. border-radius:0px 0px 10px 10px;
  54. -moz-border-radius:0px 0px 0px 10px;
  55. position:fixed;
  56. overflow:hidden;
  57. top:0px;
  58. left:10px;
  59. z-index:999999999;
  60. padding:2px;
  61. -webkit-transition: opacity 0.7s linear;
  62. -webkit-transition: all 0.7s ease-in-out;
  63. -moz-transition: all 0.7s ease-in-out;
  64. -o-transition: all 0.7s ease-in-out;}
  65.  
  66. #tab1icon{
  67. font-size:17px; /* size of text icon */
  68. color:#808080; /* colour of text icon */
  69. margin-top:0px;
  70. margin-right:0px;
  71. text-align:center;
  72. -webkit-transition: opacity 0.7s linear;
  73. -webkit-transition: all 0.7s ease-in-out;
  74. -moz-transition: all 0.7s ease-in-out;
  75. -o-transition: all 0.7s ease-in-out;}
  76.  
  77. #tab1:hover{
  78. width:160px; /* width after hovering */
  79. height:250px; /* height after hovering */
  80. border-radius:5px 5px 5px 5px;
  81. -moz-border-radius:5px 5px 5px 5px;
  82. opacity:0.95}
  83.  
  84. #tab2 {
  85. background-color:#ffffff; /* background colour */
  86. border-bottom:1px solid #919191; /* top border width and colour */
  87. border-top:1px solid #919191; /* top border width and colour */
  88. border-left:1px dashed #919191; /* left border width and colour */
  89. border-right:1px dashed #919191; /* right border width and colour */
  90. width:25px; /* width before hovering */
  91. height:25px; /* height before hovering */
  92. font-size:14px; /* font size */
  93. font-family: 'fingerlinger'; /* font */
  94. color: #808080;
  95. border-radius:0px 0px 10px 10px;
  96. -moz-border-radius:0px 0px 0px 10px;
  97. position:fixed;
  98. overflow:hidden;
  99. top:0px;
  100. left:55px;
  101. z-index:99999999;
  102. padding:2px;
  103. -webkit-transition: opacity 0.7s linear;
  104. -webkit-transition: all 0.7s ease-in-out;
  105. -moz-transition: all 0.7s ease-in-out;
  106. -o-transition: all 0.7s ease-in-out;}
  107.  
  108. #tab2icon{
  109. font-size:17px; /* size of text icon */
  110. color:#808080; /* colour of text icon */
  111. margin-top:0px;
  112. margin-right:0px;
  113. text-align:center;
  114. -webkit-transition: opacity 0.7s linear;
  115. -webkit-transition: all 0.7s ease-in-out;
  116. -moz-transition: all 0.7s ease-in-out;
  117. -o-transition: all 0.7s ease-in-out;}
  118.  
  119. #tab2:hover{
  120. width:160px; /* width after hovering */
  121. height:250px; /* height after hovering */
  122. border-radius:5px 5px 5px 5px;
  123. -moz-border-radius:5px 5px 5px 5px;
  124. opacity:0.95}
  125.  
  126. #tab3 {
  127. background-color:#ffffff; /* background colour */
  128. border-bottom:1px solid #919191; /* top border width and colour */
  129. border-top:1px solid #919191; /* top border width and colour */
  130. border-left:1px dashed #919191; /* left border width and colour */
  131. border-right:1px dashed #919191; /* right border width and colour */
  132. width:25px; /* width before hovering */
  133. height:25px; /* height before hovering */
  134. font-size:14px; /* font size */
  135. font-family: 'fingerlinger'; /* font */
  136. color: #808080;
  137. border-radius:0px 0px 10px 10px;
  138. -moz-border-radius:0px 0px 0px 10px;
  139. position:fixed;
  140. overflow:hidden;
  141. top:0px;
  142. left:100px;
  143. z-index:9999999;
  144. padding:2px;
  145. -webkit-transition: opacity 0.7s linear;
  146. -webkit-transition: all 0.7s ease-in-out;
  147. -moz-transition: all 0.7s ease-in-out;
  148. -o-transition: all 0.7s ease-in-out;}
  149.  
  150. #tab3icon{
  151. font-size:17px; /* size of text icon */
  152. color:#808080; /* colour of text icon */
  153. margin-top:0px;
  154. margin-right:0px;
  155. text-align:center;
  156. -webkit-transition: opacity 0.7s linear;
  157. -webkit-transition: all 0.7s ease-in-out;
  158. -moz-transition: all 0.7s ease-in-out;
  159. -o-transition: all 0.7s ease-in-out;}
  160.  
  161. #tab3:hover{
  162. width:160px; /* width after hovering */
  163. height:250px; /* height after hovering */
  164. border-radius:5px 5px 5px 5px;
  165. -moz-border-radius:5px 5px 5px 5px;
  166. opacity:0.95}
  167.  
  168. #tab4 {
  169. background-color:#ffffff; /* background colour */
  170. border-bottom:1px solid #919191; /* top border width and colour */
  171. border-top:1px solid #919191; /* top border width and colour */
  172. border-left:1px dashed #919191; /* left border width and colour */
  173. border-right:1px dashed #919191; /* right border width and colour */
  174. width:25px; /* width before hovering */
  175. height:25px; /* height before hovering */
  176. font-size:14px; /* font size */
  177. font-family: 'fingerlinger'; /* font */
  178. color: #808080;
  179. border-radius:0px 0px 10px 10px;
  180. -moz-border-radius:0px 0px 0px 10px;
  181. position:fixed;
  182. overflow:hidden;
  183. top:0px;
  184. left:145px;
  185. z-index:999999;
  186. padding:2px;
  187. -webkit-transition: opacity 0.7s linear;
  188. -webkit-transition: all 0.7s ease-in-out;
  189. -moz-transition: all 0.7s ease-in-out;
  190. -o-transition: all 0.7s ease-in-out;}
  191.  
  192. #tab4icon{
  193. font-size:17px; /* size of text icon */
  194. color:#808080; /* colour of text icon */
  195. margin-top:0px;
  196. margin-right:0px;
  197. text-align:center;
  198. -webkit-transition: opacity 0.7s linear;
  199. -webkit-transition: all 0.7s ease-in-out;
  200. -moz-transition: all 0.7s ease-in-out;
  201. -o-transition: all 0.7s ease-in-out;}
  202.  
  203. #tab4:hover{
  204. width:160px; /* width after hovering */
  205. height:250px; /* height after hovering */
  206. border-radius:5px 5px 5px 5px;
  207. -moz-border-radius:5px 5px 5px 5px;
  208. opacity:0.95;
  209. }
  210.  
  211. .lim {
  212. position: fixed;
  213. bottom: 10px;
  214. left: 10px;
  215. margin-bottom: 10px;
  216. margin-left: 10px;
  217. width: 10px;
  218. height: auto;
  219. }
  220.  
  221. </style>
  222.  
  223.  
  224.  
Add Comment
Please, Sign In to add comment