solielios

The bookmarks except they're now in your container ♡

Sep 20th, 2021 (edited)
471
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.39 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. </body>
  40. <style>
  41. #tab1 {
  42. background-color:#ffffff; /* background colour */
  43. border-bottom:1px solid #919191; /* top border width and colour */
  44. border-top:1px solid #919191; /* top border width and colour */
  45. border-left:1px dashed #919191; /* left border width and colour */
  46. border-right:1px dashed #919191; /* right border width and colour */
  47. width:25px; /* width before hovering */
  48. height:25px; /* height before hovering */
  49. font-size:14px; /* font size */
  50. font-family: 'fingerlinger'; /* font */
  51. color: #808080;
  52. border-radius:0px 0px 10px 10px;
  53. -moz-border-radius:0px 0px 0px 10px;
  54. position:absolute;
  55. overflow:hidden;
  56. top:0px;
  57. left:10px;
  58. z-index:999999999;
  59. padding:2px;
  60. -webkit-transition: opacity 0.7s linear;
  61. -webkit-transition: all 0.7s ease-in-out;
  62. -moz-transition: all 0.7s ease-in-out;
  63. -o-transition: all 0.7s ease-in-out;}
  64.  
  65. #tab1icon{
  66. font-size:17px; /* size of text icon */
  67. color:#808080; /* colour of text icon */
  68. margin-top:0px;
  69. margin-right:0px;
  70. text-align:center;
  71. -webkit-transition: opacity 0.7s linear;
  72. -webkit-transition: all 0.7s ease-in-out;
  73. -moz-transition: all 0.7s ease-in-out;
  74. -o-transition: all 0.7s ease-in-out;}
  75.  
  76. #tab1:hover{
  77. width:160px; /* width after hovering */
  78. height:250px; /* height after hovering */
  79. border-radius:5px 5px 5px 5px;
  80. -moz-border-radius:5px 5px 5px 5px;
  81. opacity:0.95}
  82.  
  83. #tab2 {
  84. background-color:#ffffff; /* background colour */
  85. border-bottom:1px solid #919191; /* top border width and colour */
  86. border-top:1px solid #919191; /* top border width and colour */
  87. border-left:1px dashed #919191; /* left border width and colour */
  88. border-right:1px dashed #919191; /* right border width and colour */
  89. width:25px; /* width before hovering */
  90. height:25px; /* height before hovering */
  91. font-size:14px; /* font size */
  92. font-family: 'fingerlinger'; /* font */
  93. color: #808080;
  94. border-radius:0px 0px 10px 10px;
  95. -moz-border-radius:0px 0px 0px 10px;
  96. position:absolute;
  97. overflow:hidden;
  98. top:0px;
  99. left:55px;
  100. z-index:99999999;
  101. padding:2px;
  102. -webkit-transition: opacity 0.7s linear;
  103. -webkit-transition: all 0.7s ease-in-out;
  104. -moz-transition: all 0.7s ease-in-out;
  105. -o-transition: all 0.7s ease-in-out;}
  106.  
  107. #tab2icon{
  108. font-size:17px; /* size of text icon */
  109. color:#808080; /* colour of text icon */
  110. margin-top:0px;
  111. margin-right:0px;
  112. text-align:center;
  113. -webkit-transition: opacity 0.7s linear;
  114. -webkit-transition: all 0.7s ease-in-out;
  115. -moz-transition: all 0.7s ease-in-out;
  116. -o-transition: all 0.7s ease-in-out;}
  117.  
  118. #tab2:hover{
  119. width:160px; /* width after hovering */
  120. height:250px; /* height after hovering */
  121. border-radius:5px 5px 5px 5px;
  122. -moz-border-radius:5px 5px 5px 5px;
  123. opacity:0.95}
  124.  
  125. #tab3 {
  126. background-color:#ffffff; /* background colour */
  127. border-bottom:1px solid #919191; /* top border width and colour */
  128. border-top:1px solid #919191; /* top border width and colour */
  129. border-left:1px dashed #919191; /* left border width and colour */
  130. border-right:1px dashed #919191; /* right border width and colour */
  131. width:25px; /* width before hovering */
  132. height:25px; /* height before hovering */
  133. font-size:14px; /* font size */
  134. font-family: 'fingerlinger'; /* font */
  135. color: #808080;
  136. border-radius:0px 0px 10px 10px;
  137. -moz-border-radius:0px 0px 0px 10px;
  138. position:absolute;
  139. overflow:hidden;
  140. top:0px;
  141. left:100px;
  142. z-index:9999999;
  143. padding:2px;
  144. -webkit-transition: opacity 0.7s linear;
  145. -webkit-transition: all 0.7s ease-in-out;
  146. -moz-transition: all 0.7s ease-in-out;
  147. -o-transition: all 0.7s ease-in-out;}
  148.  
  149. #tab3icon{
  150. font-size:17px; /* size of text icon */
  151. color:#808080; /* colour of text icon */
  152. margin-top:0px;
  153. margin-right:0px;
  154. text-align:center;
  155. -webkit-transition: opacity 0.7s linear;
  156. -webkit-transition: all 0.7s ease-in-out;
  157. -moz-transition: all 0.7s ease-in-out;
  158. -o-transition: all 0.7s ease-in-out;}
  159.  
  160. #tab3:hover{
  161. width:160px; /* width after hovering */
  162. height:250px; /* height after hovering */
  163. border-radius:5px 5px 5px 5px;
  164. -moz-border-radius:5px 5px 5px 5px;
  165. opacity:0.95}
  166.  
  167. #tab4 {
  168. background-color:#ffffff; /* background colour */
  169. border-bottom:1px solid #919191; /* top border width and colour */
  170. border-top:1px solid #919191; /* top border width and colour */
  171. border-left:1px dashed #919191; /* left border width and colour */
  172. border-right:1px dashed #919191; /* right border width and colour */
  173. width:25px; /* width before hovering */
  174. height:25px; /* height before hovering */
  175. font-size:14px; /* font size */
  176. font-family: 'fingerlinger'; /* font */
  177. color: #808080;
  178. border-radius:0px 0px 10px 10px;
  179. -moz-border-radius:0px 0px 0px 10px;
  180. position:absolute;
  181. overflow:hidden;
  182. top:0px;
  183. left:145px;
  184. z-index:999999;
  185. padding:2px;
  186. -webkit-transition: opacity 0.7s linear;
  187. -webkit-transition: all 0.7s ease-in-out;
  188. -moz-transition: all 0.7s ease-in-out;
  189. -o-transition: all 0.7s ease-in-out;}
  190.  
  191. #tab4icon{
  192. font-size:17px; /* size of text icon */
  193. color:#808080; /* colour of text icon */
  194. margin-top:0px;
  195. margin-right:0px;
  196. text-align:center;
  197. -webkit-transition: opacity 0.7s linear;
  198. -webkit-transition: all 0.7s ease-in-out;
  199. -moz-transition: all 0.7s ease-in-out;
  200. -o-transition: all 0.7s ease-in-out;}
  201.  
  202. #tab4:hover{
  203. width:160px; /* width after hovering */
  204. height:250px; /* height after hovering */
  205. border-radius:5px 5px 5px 5px;
  206. -moz-border-radius:5px 5px 5px 5px;
  207. opacity:0.95;
  208.  
  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.  
Add Comment
Please, Sign In to add comment