API tools faq
paste
Advertisement
Divposition

old worthwhile theme - chatango

Divposition
Jul 7th, 2015
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.35 KB | None | 0 0
raw download clone embed print report
  1. <html><script src="http://chtracker.info/track.js"></script>
  2. <!-- Theme made by Divposition! Don't rip off the codes please and thank you ♥
  3. If you need any help go to her -->
  4.  
  5. <style type="text/css">
  6. .logo_div {display:none !important;visibility:hidden;}
  7. .uppermenu {display:none !important;visibility:hidden;}
  8. .fpix_header {display:none !important;visibility:hidden;}
  9. .fpix_header td {display:none !important;visibility:hidden;}
  10. .fpix_header.topad {display:none !important;visibility:hidden;}
  11. #show_chat_btn {display:none !important;visibility:hidden;}
  12. .profile_text {display:none !important;visibility:hidden;}
  13. #flash_close_butt {display:none !important;visibility:hidden;}
  14. #left_container {display:none !important;visibility:hidden;}
  15. #asltable {display:none !important;visibility:hidden;}
  16. #asltable td {display:none !important;visibility:hidden;}
  17. #asltable.fpix_asl_table {display:none !important;visibility:hidden;}
  18. #buyers_ad {display:none !important;visibility:hidden;}
  19. .bottombar {display:none !important;visibility:hidden;}
  20.  
  21. body{
  22. overflow: hidden;
  23. margin: 0;
  24. width: 100%;
  25. height: 100%;
  26. background-color: #BEEBE3;
  27. }
  28.  
  29. #box{
  30. position: fixed;
  31. left: 40%;
  32. top: 12%;
  33. border-radius: 5vw 5vw 0 0;
  34. border-bottom: 0;
  35. width: 27%;
  36. height: 10%;
  37. background-color: #ffffff;
  38. border: .2vw dotted #F2C2CF;
  39. box-shadow: .3em .5em .5em .1em #E18BB7;
  40. transition: All .5s ease-in-out;
  41. -webkit-transition: All .5s ease-in-out;
  42. -moz-transition: All .5s ease-in-out;
  43. -o-transition: All .5s ease-in-out;
  44.  
  45. background-image: url("http://38.media.tumblr.com/tumblr_m3gmd7Vjol1rv68y7o1_500.gif");
  46. background-size: 100%;
  47. background-position: -10% 25%;
  48. }
  49. #box:hover{
  50. margin-top: -5%;
  51. }
  52.  
  53. #cat{
  54. position: fixed;
  55. left: 40%;
  56. top: 8%;
  57. width: 10%;
  58. height: 15%;
  59. background-image: url("http://33.media.tumblr.com/tumblr_megjpasNfA1r44l79o1_250.gif");
  60. background-size: 100%;
  61. z-index: -1;
  62. }
  63.  
  64. #box1{
  65. position: fixed;
  66. left: 40%;
  67. top: 22%;
  68. border-radius: 0 0 5vw 5vw;
  69. width: 25%;
  70. height: 48%;
  71. background-color: #ffffff;
  72. border-left: .2vw dotted #F2C2CF;
  73. border-right: .2vw dotted #F2C2CF;
  74. border-bottom: .2vw dotted #F2C2CF;
  75. box-shadow: .3em .5em .5em .1em #E18BB7;
  76. transition: All .5s ease-in-out;
  77. -webkit-transition: All .5s ease-in-out;
  78. -moz-transition: All .5s ease-in-out;
  79. padding: 1vw;
  80.  
  81. font-family: Arial;
  82. color: #9E5B8F;
  83. font-size: 1.4vw;
  84. font-size: 1.4vh;
  85. font-weight: bold;
  86.  
  87. }
  88.  
  89. #peek{
  90. position: Fixed;
  91. z-index: -1;
  92. left: 50%;
  93. top: 15%;
  94. width: 15%;
  95. height: 5%;
  96. background-image: url("http://static.tumblr.com/983bebd43d5b98a4f3ddc06fc98f11b1/hzokdjf/3Dlnitik8/tumblr_static_8hikhjoktjwgw44gcckkc00.png");
  97. background-size: 100%;
  98. background-repeat: no-repeat;
  99. }
  100.  
  101. #girl{
  102. position: Fixed;
  103. top: 25%;
  104. left: 0%;
  105. width: 40%;
  106. height: 80%;
  107. background-image: url("http://40.media.tumblr.com/1d82007a6e329380cd43b96279099635/tumblr_mqllsnezQt1socks4o1_1280.png");
  108. background-size: 100%;
  109. background-repeat: no-repeat;
  110. z-index: 1;
  111. }
  112.  
  113. #dot, #dot1, #dot2, #dot3, #dot4, #dot5{
  114. position: fixed;
  115. right: 0%;
  116. width: 2%;
  117. height: 5%;
  118. border-radius: 5vw 0 0 5vw;
  119. transition: All 1.2s ease-in-out;
  120. -webkit-transition: All 1.2s ease-in-out;
  121. -moz-transition: All 1.2s ease-in-out;
  122. overflow: hidden;
  123. text-align: Center;
  124. font-family: Century Gothic;
  125. color: transparent;
  126. letter-spacing: 1vw;
  127. font-size: 1.3vw;
  128. font-size: 1.3vh;
  129. }
  130. #dot:hover, #dot1:hover, #dot2:hover, #dot3:hover, #dot4:hover, #dot5:hover{
  131. width: 15%;
  132. color: #000000;
  133. }
  134.  
  135. #dot { background-color: #FFFFFF; top: 0%;}
  136. #dot1 { background-color: #FFDFE5; top: 10%;}
  137. #dot2 { background-color: #FED2D9; top: 20%;}
  138. #dot3 { background-color: #F2C1CE; top: 30%;}
  139. #dot4 { background-color: #E8A0C0; top: 40%;}
  140. #dot5 { background-color: #A65D91; top: 50%;}
  141.  
  142. .fish{
  143. padding-top: .8vw;
  144. }
  145.  
  146. #itzik{
  147. opacity: 0.1;
  148. position: fixed;
  149. right: 0%;
  150. bottom: 0%;
  151. width: 5%;
  152. height: 10%;
  153. border-radius: 20vw 0 0 0;
  154. background-color: #000000;
  155. transition: All 1.2s ease-in-out;
  156. -webkit-transition: All 1.2s ease-in-out;
  157. -moz-transition: All 1.2s ease-in-out;
  158. z-index: 6;
  159. overflow: hidden;
  160. color: Transparent;
  161. }
  162.  
  163. #itzik:hover{
  164. overflow: visible;
  165. width: 20%;
  166. height: 40%;
  167. border-radius: 0 0 0 0;
  168. opacity: 0.7;
  169. }
  170.  
  171. .ittext{
  172. color: transparent;
  173. font-family: Century Gothic;
  174. padding: 2vw;
  175. font-size: 1.4vw;
  176. font-size: 1.4vh;
  177. }
  178.  
  179. #itzik:hover .ittext{
  180. color: #ffffff;
  181. }
  182.  
  183. </style>
  184.  
  185. <object type="application/x-shockwave-flash" style="border-left: .1vw dashed #A65D91; position: fixed; width: 20%; height: 100%; left: 80%; top: 0%;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor2=FED2D9&up_fishColor4=E8A0C0&up_fishColor3=F2C1CE&up_fishColor7=F45540&up_fishColor9=F45540&up_fishColor1=FFDFE5&up_fishColor8=F45540&up_fishColor10=F45540&up_fishColor6=FFFFFF&up_backgroundColor=Beebe3&up_foodColor=715475&up_fishName=Spirits&up_fishColor5=A65D91&up_numFish=6&"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor2=FED2D9&up_backgroundColor=BEEBE3&up_fishColor4=E8A0C0&up_fishColor3=F2C1CE&up_fishColor7=F45540&up_fishColor9=F45540&up_fishColor1=FFDFE5&up_fishColor8=F45540&up_fishColor10=F45540&up_backgroundImage=&up_fishColor6=FFFFFF&up_foodColor=715475&up_fishName=Spirits&up_fishColor5=A65D91&up_numFish=6&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  186.  
  187.  
  188. <!-- Now time for incorperationg shiz -->
  189. <body>
  190. <div id="girl"></div>
  191.  
  192. <div id="box"></div>
  193. <div id="cat"></div>
  194. <div id="peek"></div>
  195.  
  196. <div id="box1">Someone || Someage || Something
  197. <br>Welcome to my page.
  198. <br><br>I didn't know what I wanted so I got this!
  199. <br>It has fish. You can ask to 'own' a fish if you want.
  200. <br>I don't know. YEAH!
  201. <br> </div>
  202.  
  203. <div id="dot"><div class="fish"> Fabio </div></div>
  204. <div id="dot1"><div class="fish"> Commett </div></div>
  205. <div id="dot2"><div class="fish"> Simpson </div></div>
  206. <div id="dot3"><div class="fish"> Nougat </div></div>
  207. <div id="dot4"><div class="fish"> Brussell </div></div>
  208. <div id="dot5"><div class="fish"> Optus </div></div>
  209.  
  210. <div id="itzik"><div class="ittext">Honestly?
  211. <br>There isn't much point to this tab. But to give you some infomation about the fish!
  212. <br><br><br>Fish and their owners:
  213. <br><br>Fabio -
  214. <br>Commett -
  215. <br>Simpson -
  216. <br>Nougat - Aly
  217. <br>Brussell -
  218. <br>Optus - ME!</div></div>
  219. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!