API tools faq
paste
Advertisement
sasorisbutt

Free! - BakaThemes

sasorisbutt
Aug 17th, 2014
3,505
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.23 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME AND BACKGROUND MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  4. THEME BASE 01 BY SUPPISUN @ TUMBLR
  5. Edit/tweak as much as you like but pleeeeaaaase
  6. DO NOT remove the credits, copy and
  7. redistribute the theme as your own.
  8. I will fucking drown you if you do.
  9.  
  10. Music code (change the mp3 link if you want to):
  11.  
  12. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  13. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  14. <param name="bgcolor" value="#ffffff" />
  15. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/lphq177lcswbpl4/Rhythm%20of%20Port%20Town.MP3?dl=1&width=105&height=20&showslider=0&volumeheight=5&skin=000000&loadingcolor=000000&bgcolor1=000000&bgcolor2=000000&slidercolor1=000000&slidercolor2=000000&sliderovercolor=000000&buttoncolor=000000&buttonovercolor=000000" /></object>
  16.  
  17. -->
  18.  
  19.  
  20.  
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <meta name="image:Icon" content="" />
  31. <meta name="image:Pool" content="http://static.tumblr.com/fsavqrf/Gwhnag0y1/pool.gif" />
  32.  
  33. <meta name="color:Background" content="#a5f3ef" />
  34. <meta name="color:Text" content="#bbb" />
  35. <meta name="color:Bold" content="#5ba2ff" />
  36. <meta name="color:Italic" content="#5bc0ff" />
  37. <meta name="color:Links" content="#75d9fe" />
  38. <meta name="color:Post" content="#fff" />
  39. <meta name="color:Tags" content="#75d9fe" />
  40. <meta name="color:Bubble" content="#22f0e9" />
  41. <meta name="color:Bubble Text" content="#d9fffe" />
  42. <meta name="color:Bubble Text Title" content="#00817d" />
  43. <meta name="color:Title" content="#fff" />
  44. <meta name="color:Title Shadow" content="#0083b3" />
  45. <meta name="color:Small Bubbles" content="#fff" />
  46. <meta name="color:Small Bubbles Border" content="#22f0e9" />
  47. <meta name="color:Custom Bubbles" content="#fff" />
  48. <meta name="color:Custom Bubbles Border" content="#22d8f0" />
  49. <meta name="color:Post Header" content="#22f0e9" />
  50. <meta name="color:Post Header 2" content="#22d8f0" />
  51. <meta name="color:Post Header Text" content="#fff" />
  52.  
  53. <meta name="if:250px" content="1" />
  54. <meta name="if:400px" content="0" />
  55. <meta name="if:Infinite Scroll" content="0" />
  56. <meta name="if:Show Tags" content="0" />
  57.  
  58. <meta name="text:Bubble Text Title" content="" />
  59. <meta name="text:Bubble Text" content="" />
  60. <meta name="text:Music Code" content="" />
  61. <meta name="text:Notes" content="swimmers" />
  62. <meta name="text:Back to Top Text" content="swim to top" />
  63. <meta name="text:Link1" content="" />
  64. <meta name="text:Link1 URL" content="" />
  65. <meta name="text:Link2" content="" />
  66. <meta name="text:Link2 URL" content="" />
  67. <meta name="text:Link3" content="" />
  68. <meta name="text:Link3 URL" content="" />
  69. <meta name="text:Link4" content="" />
  70. <meta name="text:Link4 URL" content="" />
  71. <meta name="text:Link5" content="" />
  72. <meta name="text:Link5 URL" content="" />
  73. <meta name="text:Link6" content="" />
  74. <meta name="text:Link6 URL" content="" />
  75.  
  76.  
  77.  
  78. <head>
  79.  
  80.  
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  83. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  84. <link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
  85. <link href='http://fonts.googleapis.com/css?family=Scada:400italic,400' rel='stylesheet' type='text/css'>
  86.  
  87. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  88.  
  89. <script>
  90. $(document).ready(function(){
  91. $("#backtotop").hide();
  92. $(function () {
  93. $(window).scroll(function () {
  94. if ($(this).scrollTop() > 100) {
  95. $('#backtotop').fadeIn();
  96. } else {
  97. $('#backtotop').fadeOut();
  98. }
  99. });
  100. $('#backtotop a').click(function () {
  101. $('body,html').animate({
  102. scrollTop: 0
  103. }, 800);
  104. return false;
  105. });
  106. });
  107. });
  108. </script>
  109.  
  110. <script src="http://static.tumblr.com/fsavqrf/Ewrnaf0gl/jquery.style-my-tooltips-free.js"></script>
  111.  
  112. <script>
  113. $().ready(function() {
  114. $("[title]").style_my_tooltips({
  115. tip_follows_cursor: "on", //on/off
  116. tip_delay_time: 80 //milliseconds
  117. });
  118. });
  119. </script>
  120.  
  121.  
  122. <style type="text/css">
  123.  
  124. ::-webkit-scrollbar {
  125. background:{color:Bubble};
  126. border:2px solid {color:Background};
  127. width:5px;
  128. height:3px;
  129. }
  130.  
  131. ::-webkit-scrollbar-thumb {
  132. background:{color:Custom Bubbles Border};
  133. }
  134.  
  135. body {
  136. background:{color:Background} url('{image:Pool}');
  137. background-attachment:fixed;
  138. font-family:Muli;
  139. color:{color:Text};
  140. font-size:10px;
  141. margin:0;
  142. padding:0;
  143. cursor:default;
  144. }
  145.  
  146. a {
  147. color:{color:Links};
  148. text-decoration:none;
  149. cursor:help;
  150. }
  151.  
  152. b {
  153. color:{color:Bold};
  154. }
  155.  
  156. i {
  157. color:{color:Italic};
  158. }
  159.  
  160. blockquote {
  161. border-left:3px solid {color:Post Header};
  162. padding-left:10px;
  163. margin:5px;
  164. }
  165.  
  166. ol.notes {
  167. padding:3px;
  168. list-style-type:none;
  169. }
  170.  
  171. ol.notes li.note {
  172. background:{color:Post Header 2};
  173. height:22px;
  174. margin-bottom:3px;
  175. color:{color:Post Header Text};
  176. opacity:0.8;
  177. }
  178.  
  179. ol.notes li.note span.action {
  180. position:absolute;
  181. margin:5px 0 0 0;
  182. }
  183.  
  184. ol.notes li.note a {
  185. color:{color:Post Header Text};
  186. }
  187.  
  188. ol.notes li.note img.avatar {
  189. margin:3px 10px 0 3px;
  190. -webkit-border-radius:15px;
  191. -moz-border-radius:15px;
  192. border-radius:15px;
  193. }
  194.  
  195. #all {
  196. position:absolute;
  197. {block:If400px}right:200px;{/block:If400px}
  198. {block:IfNot400px}
  199. {block:If250px}right:250px;{/block:If250px}
  200. {block:IfNot250px}right:200px;{/block:IfNot250px}
  201. {/block:IfNot400px}
  202. padding:10px 0;
  203. }
  204.  
  205. #post {
  206. background:{color:Post};
  207. {block:If400px}width:400px;{/block:If400px}
  208. {block:IfNot400px}
  209. {block:If250px}width:250px;{/block:If250px}
  210. {block:IfNot250px}width:400px;{/block:IfNot250px}
  211. {/block:IfNot400px}
  212. padding:10px;
  213. margin-bottom:5px;
  214. -webkit-border-radius:10px;
  215. -moz-border-radius:10px;
  216. border-radius:10px;
  217. transition:all 0.3s ease-in;
  218. -webkit-transition:all 0.3s ease-in;
  219. -moz-transition:all 0.3s ease-in;
  220. -o-transition:all 0.3s ease-in;
  221. -ms-transition:all 0.3s ease-in;
  222. overflow:hidden;
  223. }
  224.  
  225. #post:hover {
  226. opacity:1;
  227. }
  228.  
  229. .postodd {
  230. border:1px solid {color:Post Header};
  231. }
  232.  
  233. .posteven {
  234. border:1px solid {color:Post Header 2};
  235. }
  236.  
  237. #post h4 {
  238. margin:0;
  239. font-family:Coming Soon;
  240. font-size:16px;
  241. text-align:center;
  242. cursor:help;
  243. }
  244.  
  245. .postodd h4 {
  246. border-bottom:1px solid {color:Post Header};
  247. color:{color:Post Header};
  248. }
  249.  
  250. .posteven h4 {
  251. border-bottom:1px solid {color:Post Header 2};
  252. color:{color:Post Header 2};
  253. }
  254.  
  255. #post a:hover {
  256. text-decoration:line-through;
  257. }
  258.  
  259. #header {
  260. {block:If400px}width:400px;{/block:If400px}
  261. {block:IfNot400px}
  262. {block:If250px}width:250px;{/block:If250px}
  263. {block:IfNot250px}width:400px;{/block:IfNot250px}
  264. {/block:IfNot400px}
  265. margin:-10px 0 10px -10px;
  266. padding:10px;
  267. color:{color:Post Header Text};
  268. text-align:center;
  269. }
  270.  
  271. .headerodd {
  272. background:{color:Post Header};
  273. }
  274.  
  275. .headereven {
  276. background:{color:Post Header 2};
  277. }
  278.  
  279. #header a {
  280. color:{color:Post Header Text};
  281. }
  282.  
  283. #via {
  284. position:absolute;
  285. -webkit-border-radius:40px;
  286. -moz-border-radius:40px;
  287. border-radius:40px;
  288. z-index:1;
  289. {block:If400px}width:64px;{/block:If400px}
  290. {block:IfNot400px}
  291. {block:If250px}width:50px;{/block:If250px}
  292. {block:IfNot250px}width:64px;{/block:IfNot250px}
  293. {/block:IfNot400px}
  294. }
  295.  
  296. .viaodd {
  297. border:2px solid {color:Post Header};
  298. {block:If400px}margin:-35px 0 0 380px;{/block:If400px}
  299. {block:IfNot400px}
  300. {block:If250px}margin:-35px 0 0 235px;{/block:If250px}
  301. {block:IfNot250px}margin:-35px 0 0 380px;{/block:IfNot250px}
  302. {/block:IfNot400px}
  303. }
  304.  
  305. .viaeven {
  306. border:2px solid {color:Post Header 2};
  307. {block:If400px}margin:-35px 0 0 -50px;{/block:If400px}
  308. {block:IfNot400px}
  309. {block:If250px}margin:-35px 0 0 -40px;{/block:If250px}
  310. {block:IfNot250px}margin:-35px 0 0 -50px;{/block:IfNot250px}
  311. {/block:IfNot400px}
  312. }
  313.  
  314. #source {
  315. position:absolute;
  316. {block:If400px}width:40px;{/block:If400px}
  317. {block:IfNot400px}
  318. {block:If250px}width:30px;{/block:If250px}
  319. {block:IfNot250px}width:40px;{/block:IfNot250px}
  320. {/block:IfNot400px}
  321. -webkit-border-radius:40px;
  322. -moz-border-radius:40px;
  323. border-radius:40px;
  324. z-index:2;
  325. }
  326.  
  327. .sourceodd {
  328. border:2px solid {color:Post Header};
  329. {block:If400px}margin:10px 0 0 420px;{/block:If400px}
  330. {block:IfNot400px}
  331. {block:If250px}margin:0 0 0 270px;{/block:If250px}
  332. {block:IfNot250px}margin:10px 0 0 420px;{/block:IfNot250px}
  333. {/block:IfNot400px}
  334. }
  335.  
  336. .sourceeven {
  337. border:2px solid {color:Post Header 2};
  338. {block:If400px}margin:-55px 0 0 -5px;{/block:If400px}
  339. {block:IfNot400px}
  340. {block:If250px}margin:-50px 0 0 -5px;{/block:If250px}
  341. {block:IfNot250px}margin:-55px 0 0 -5px;{/block:IfNot250px}
  342. {/block:IfNot400px}
  343. }
  344.  
  345. #bubbles {
  346. display:table;
  347. position:fixed;
  348. right:0;
  349. width:400px;
  350. height:100%;
  351. {block:If400px}border-right:670px solid transparent;{/block:If400px}
  352. {block:IfNot400px}
  353. {block:If250px}
  354. border-right:640px solid transparent;
  355. {/block:If250px}
  356. {block:IfNot250px}
  357. border-right:670px solid transparent;
  358. {/block:IfNot250px}
  359. {/block:IfNot400px}
  360. border-bottom:140px solid transparent;
  361. }
  362.  
  363. #bubbles2 {
  364. display:table-cell;
  365. vertical-align:middle;
  366. width:400px;
  367. height:600px;
  368. }
  369.  
  370. #bubble {
  371. background:{color:Bubble};
  372. border:50px solid transparent;
  373. margin:180px 0 0 40px;
  374. width:250px;
  375. height:250px;
  376. color:{color:Bubble Text};
  377. -webkit-border-radius:250px;
  378. -moz-border-radius:250px;
  379. border-radius:250px;
  380. -webkit-background-clip:padding-box;
  381. background-clip:padding-box;
  382. transition:all 0.7s ease-out;
  383. -webkit-transition:all 0.7s ease-out;
  384. -moz-transition:all 0.7s ease-out;
  385. -o-transition:all 0.7s ease-out;
  386. -ms-transition:all 0.7s ease-out;
  387. overflow:hidden;
  388. z-index:1;
  389. }
  390.  
  391. #bubble:hover {
  392. -webkit-border-top-right-radius:100px;
  393. -webkit-border-bottom-left-radius:100px;
  394. -moz-border-radius-topright:100px;
  395. -moz-border-radius-bottomleft:100px;
  396. border-top-right-radius:100px;
  397. border-bottom-left-radius:100px;
  398. -webkit-border-top-left-radius:0;
  399. -webkit-border-bottom-right-radius:0;
  400. -moz-border-radius-topleft:0;
  401. -moz-border-radius-bottomright:0;
  402. border-top-left-radius:0;
  403. border-bottom-right-radius:0;
  404. }
  405.  
  406. #bubbletext {
  407. width:240px;
  408. height:195px;
  409. margin:30px 5px 0 5px;
  410. color:{color:Bubble Text};
  411. font-family:Didact Gothic;
  412. font-size:12px;
  413. font-style:italic;
  414. text-align:center;
  415. transition:all 0.8s ease;
  416. -webkit-transition:all 0.8s ease;
  417. -moz-transition:all 0.8s ease;
  418. -o-transition:all 0.8s ease;
  419. -ms-transition:all 0.8s ease;
  420. -ms-transform:scale(1);
  421. -webkit-transform:scale(1);
  422. transform:scale(1);
  423. opacity:1;
  424. overflow:hidden;
  425. }
  426.  
  427. #bubbletext h4 {
  428. margin:60px 0 0 0;
  429. color:{color:Bubble Text Title};
  430. font-family:Coming Soon;
  431. font-size:24px;
  432. text-shadow:2px 2px 2px {color:Bubble Text};
  433. white-space:nowrap;
  434. }
  435.  
  436. #bubble:hover #bubbletext {
  437. -ms-transform:scale(0);
  438. -webkit-transform:scale(0);
  439. transform:scale(0);
  440. opacity:0;
  441. }
  442.  
  443. #desc {
  444. position:absolute;
  445. margin:-250px 0 0 30px;
  446. font-family:Scada;
  447. font-size:11px;
  448. font-style:italic;
  449. transition:all 0.7s ease;
  450. -webkit-transition:all 0.7s ease;
  451. -moz-transition:all 0.7s ease;
  452. -o-transition:all 0.7s ease;
  453. -ms-transition:all 0.7s ease;
  454. opacity:0;
  455. }
  456.  
  457. #desc h4 {
  458. background:{color:Custom Bubbles Border};
  459. border-bottom:1px solid {color:Bubble Text};
  460. position:absolute;
  461. width:190px;
  462. height:30px;
  463. margin:-30px 0 0 -180px;
  464. padding:10px 30px;
  465. color:{color:Title};
  466. font-family:Coming Soon;
  467. font-size:16px;
  468. line-height:30px;
  469. text-align:right;
  470. font-style:italic;
  471. text-shadow:2px 2px {color:Title Shadow};
  472. white-space:nowrap;
  473. transition:all 0.7s ease;
  474. -webkit-transition:all 0.7s ease;
  475. -moz-transition:all 0.7s ease;
  476. -o-transition:all 0.7s ease;
  477. -ms-transition:all 0.7s ease;
  478. -webkit-border-top-right-radius:100px;
  479. -moz-border-radius-topright:100px;
  480. border-top-right-radius:100px;
  481. opacity:0;
  482. overflow:hidden;
  483. }
  484.  
  485. #bubble:hover #desc h4 {
  486. margin:-30px 0 0 -30px;
  487. opacity:1;
  488. }
  489.  
  490. #desc p {
  491. width:170px;
  492. height:120px;
  493. margin:40px 0 0 0;
  494. padding:10px;
  495. overflow-y:auto;
  496. }
  497.  
  498. #bubble:hover #desc {
  499. margin:-195px 0 0 30px;
  500. opacity:1;
  501. }
  502.  
  503. #desc a {
  504. background:{color:Small Bubbles};
  505. padding:0 3px;
  506. -webkit-border-radius:5px;
  507. -moz-border-radius:5px;
  508. border-radius:5px;
  509. }
  510.  
  511. #links a {
  512. display:inline-block;
  513. background:{color:Small Bubbles};
  514. border:3px solid {color:Small Bubbles Border};
  515. position:absolute;
  516. padding:8px;
  517. color:{color:Small Bubbles Border};
  518. font-family:Calibri;
  519. font-size:8px;
  520. text-align:center;
  521. text-transform:uppercase;
  522. letter-spacing:1px;
  523. -webkit-border-radius:50px;
  524. -moz-border-radius:50px;
  525. border-radius:50px;
  526. -ms-transform:scale(1);
  527. -webkit-transform:scale(1);
  528. transform:scale(1);
  529. opacity:0.8;
  530. overflow:hidden;
  531. }
  532.  
  533. #links a:hover {
  534. -ms-transform:scale(1.3);
  535. -webkit-transform:scale(1.3);
  536. transform:scale(1.3);
  537. }
  538.  
  539. #links img {
  540. position:absolute;
  541. background:{color:Small Bubbles};
  542. width:50px;
  543. height:50px;
  544. margin:-210px 0 0 -30px;
  545. padding:0;
  546. -webkit-border-radius:50px;
  547. -moz-border-radius:50px;
  548. border-radius:50px;
  549. transition:all 0.5s ease;
  550. -webkit-transition:all 0.5s ease;
  551. -moz-transition:all 0.5s ease;
  552. -o-transition:all 0.5s ease;
  553. -ms-transition:all 0.5s ease;
  554. opacity:0.8;
  555. z-index:2;
  556. }
  557.  
  558. #bubble:hover #links img {
  559. width:100px;
  560. height:100px;
  561. margin:-275px 0 0 -65px;
  562. opacity:1;
  563. }
  564.  
  565. #bubble:hover #links a {
  566. opacity:1;
  567. }
  568.  
  569. #link1 {
  570. width:70px;
  571. height:70px;
  572. margin:-275px 0 0 -5px;
  573. line-height:70px;
  574. transition:all 0.5s ease;
  575. -webkit-transition:all 0.5s ease;
  576. -moz-transition:all 0.5s ease;
  577. -o-transition:all 0.5s ease;
  578. -ms-transition:all 0.5s ease;
  579. z-index:3;
  580. }
  581.  
  582. #bubble:hover #link1 {
  583. width:30px;
  584. height:30px;
  585. margin:-300px 0 0 10px;
  586. line-height:30px;
  587. }
  588.  
  589. #link2 {
  590. width:30px;
  591. height:30px;
  592. margin:-50px 0 0 210px;
  593. line-height:30px;
  594. transition:all 0.5s ease;
  595. -webkit-transition:all 0.5s ease;
  596. -moz-transition:all 0.5s ease;
  597. -o-transition:all 0.5s ease;
  598. -ms-transition:all 0.5s ease;
  599. z-index:2;
  600. }
  601.  
  602. #bubble:hover #link2 {
  603. width:80px;
  604. height:80px;
  605. margin:-40px 0 0 220px;
  606. line-height:80px;
  607. }
  608.  
  609. #musicbubble {
  610. background:{color:Small Bubbles Border}!important;
  611. border:3px solid {color:Small Bubbles}!important;
  612. width:80px;
  613. height:80px;
  614. margin:-20px 0 0 150px;
  615. transition:all 0.5s ease;
  616. -webkit-transition:all 0.5s ease;
  617. -moz-transition:all 0.5s ease;
  618. -o-transition:all 0.5s ease;
  619. -ms-transition:all 0.5s ease;
  620. z-index:3;
  621. }
  622.  
  623. #bubble:hover #musicbubble {
  624. width:40px;
  625. height:40px;
  626. margin:35px 0 0 195px;
  627. }
  628.  
  629. #customlinks a {
  630. display:inline-block;
  631. position:absolute;
  632. background:{color:Custom Bubbles Border};
  633. padding:10px;
  634. font-size:8px;
  635. text-align:center;
  636. letter-spacing:1px;
  637. text-transform:uppercase;
  638. white-space:nowrap;
  639. -webkit-border-radius:50px;
  640. -moz-border-radius:50px;
  641. border-radius:50px;
  642. transition:all 0.5s ease;
  643. -webkit-transition:all 0.5s ease;
  644. -moz-transition:all 0.5s ease;
  645. -o-transition:all 0.5s ease;
  646. -ms-transition:all 0.5s ease;
  647. opacity:0.7;
  648. overflow:hidden;
  649. }
  650.  
  651. #bubbles:hover #customlinks a {
  652. opacity:1;
  653. }
  654.  
  655. #customlink1 {
  656. width:60px;
  657. height:60px;
  658. margin:20px 0 0 270px;
  659. color:{color:Custom Bubbles Border};
  660. line-height:60px;
  661. }
  662.  
  663. #customlink2 {
  664. background:{color:Custom Bubbles}!important;
  665. border:3px solid {color:Custom Bubbles Border};
  666. width:35px;
  667. height:35px;
  668. margin:70px 0 0 325px;
  669. color:{color:Custom Bubbles};
  670. line-height:35px;
  671. }
  672.  
  673. #customlink3 {
  674. width:25px;
  675. height:25px;
  676. margin:130px 0 0 290px;
  677. color:{color:Custom Bubbles Border};
  678. line-height:25px;
  679. }
  680.  
  681. #customlink4 {
  682. width:40px;
  683. height:40px;
  684. margin:470px 0 0 10px;
  685. color:{color:Custom Bubbles Border};
  686. line-height:40px;
  687. }
  688.  
  689. #customlink5 {
  690. background:{color:Custom Bubbles}!important;
  691. border:3px solid {color:Custom Bubbles Border};
  692. width:60px;
  693. height:60px;
  694. margin:510px 0 0 40px;
  695. color:{color:Custom Bubbles};
  696. line-height:60px;
  697. }
  698.  
  699. #customlink6 {
  700. width:20px;
  701. height:20px;
  702. margin:580px 0 0 95px;
  703. color:{color:Custom Bubbles Border};
  704. line-height:20px;
  705. }
  706.  
  707. #bubbles:hover #customlink1 {
  708. width:30px;
  709. height:30px;
  710. margin:5px 0 0 290px;
  711. color:{color:Custom Bubbles};
  712. line-height:30px;
  713. }
  714.  
  715. #bubbles:hover #customlink2 {
  716. width:65px;
  717. height:65px;
  718. margin:40px 0 0 305px;
  719. color:{color:Custom Bubbles Border};
  720. line-height:65px;
  721. }
  722.  
  723. #bubbles:hover #customlink3 {
  724. width:45px;
  725. height:45px;
  726. margin:110px 0 0 280px;
  727. color:{color:Custom Bubbles};
  728. line-height:45px;
  729. }
  730.  
  731. #bubbles:hover #customlink4 {
  732. color:{color:Custom Bubbles};
  733. width:20px;
  734. height:20px;
  735. line-height:20px;
  736. margin:475px 0 0 15px;
  737. }
  738.  
  739. #bubbles:hover #customlink5 {
  740. background:{color:Custom Bubbles}!important;
  741. border:3px solid {color:Custom Bubbles Border};
  742. width:80px;
  743. height:80px;
  744. margin:490px 0 0 50px;
  745. color:{color:Custom Bubbles Border};
  746. line-height:80px;
  747. }
  748.  
  749. #bubbles:hover #customlink6 {
  750. width:50px;
  751. height:50px;
  752. margin:550px 0 0 130px;
  753. color:{color:Custom Bubbles};
  754. line-height:50px;
  755. }
  756.  
  757. #tags {
  758. border-bottom:1px solid {color:Tags};
  759. margin-bottom:10px;
  760. padding-bottom:5px;
  761. text-align:center;
  762. }
  763.  
  764. #tags a {
  765. margin:3px;
  766. color:{color:Tags};
  767. }
  768.  
  769. @-webkit-keyframes spaceboots {
  770. 0% { -webkit-transform:translate(2px, 1px) rotate(0deg); }
  771. 10% { -webkit-transform:translate(-1px, -2px) rotate(-1deg); }
  772. 20% { -webkit-transform:translate(-3px, 0px) rotate(1deg); }
  773. 30% { -webkit-transform:translate(0px, 2px) rotate(0deg); }
  774. 40% { -webkit-transform:translate(1px, -1px) rotate(1deg); }
  775. 50% { -webkit-transform:translate(-1px, 2px) rotate(-1deg); }
  776. 60% { -webkit-transform:translate(-3px, 1px) rotate(0deg); }
  777. 70% { -webkit-transform:translate(2px, 1px) rotate(-1deg); }
  778. 80% { -webkit-transform:translate(-1px, -1px) rotate(1deg); }
  779. 90% { -webkit-transform:translate(2px, 2px) rotate(0deg); }
  780. 100% { -webkit-transform:translate(1px, -2px) rotate(-1deg); }
  781. }
  782.  
  783. #customlinks a:hover, #customlinks a:focus {
  784. -webkit-animation-name:spaceboots;
  785. -webkit-animation-duration:0.8s;
  786. -webkit-transform-origin:50% 50%;
  787. -webkit-animation-iteration-count:infinite;
  788. -webkit-animation-timing-function:linear;
  789. }
  790.  
  791. #music {
  792. margin:30px 0 0 -12px;
  793. transition:all 0.5s ease;
  794. -webkit-transition:all 0.5s ease;
  795. -moz-transition:all 0.5s ease;
  796. -o-transition:all 0.5s ease;
  797. -ms-transition:all 0.5s ease;
  798. }
  799.  
  800. #bubble:hover #music {
  801. margin:10px 0 0 -32px;
  802. }
  803.  
  804. #audio {
  805. {block:If400px}width:420px;{/block:If400px}
  806. {block:IfNot400px}
  807. {block:If250px}width:270px;{/block:If250px}
  808. {block:IfNot250px}width:420px;{/block:IfNot250px}
  809. {/block:IfNot400px}
  810. padding:5px;
  811. color:{color:Post Header Text};
  812. text-align:center;
  813. }
  814.  
  815. #player {
  816. width:30px;
  817. height:30px;
  818. padding:10px;
  819. -webkit-border-radius:50px;
  820. -moz-border-radius:50px;
  821. border-radius:50px;
  822. }
  823.  
  824. #playerr {
  825. width:30px;
  826. margin:2px 0 0 2px;
  827. overflow:hidden;
  828. }
  829.  
  830. .playerodd {
  831. border:3px solid {color:Post Header 2};
  832. }
  833.  
  834. .playereven {
  835. border:3px solid {color:Post Header};
  836. }
  837.  
  838. #title {
  839. margin:-33px 15px 10px 54px;
  840. font-family:Coming Soon;
  841. }
  842.  
  843. .titleodd {
  844. background:{color:Post Header 2};
  845. }
  846.  
  847. .titleeven {
  848. background:{color:Post Header};
  849. }
  850.  
  851. #chat li {
  852. margin:0;
  853. padding:5px;
  854. color:{color:Post Header Text};
  855. list-style:none;
  856. }
  857.  
  858. #chat b {
  859. color:{color:Bubble Text Title};
  860. }
  861.  
  862. #chat .odd {
  863. background:{color:Post Header 2};
  864. }
  865.  
  866. #chat .even {
  867. background:{color:Post Header};
  868. }
  869.  
  870. #pagi {
  871. position:fixed;
  872. right:70px;
  873. bottom:50px;
  874. font-family:Calibri;
  875. font-size:8px;
  876. text-align:center;
  877. text-transform:uppercase;
  878. letter-spacing:1px;
  879. z-index:10;
  880. }
  881.  
  882. #prev {
  883. background:{color:Custom Bubbles Border};
  884. width:25px;
  885. height:25px;
  886. margin:0 0 -15px 40px;
  887. padding:10px;
  888. line-height:25px;
  889. -webkit-border-radius:50px;
  890. -moz-border-radius:50px;
  891. border-radius:50px;
  892. transition:all 0.5s ease;
  893. -webkit-transition:all 0.5s ease;
  894. -moz-transition:all 0.5s ease;
  895. -o-transition:all 0.5s ease;
  896. -ms-transition:all 0.5s ease;
  897. -ms-transform:scale(1);
  898. -webkit-transform:scale(1);
  899. transform:scale(1);
  900. opacity:0.8;
  901. }
  902.  
  903. #prev:hover {
  904. -ms-transform:scale(1.2);
  905. -webkit-transform:scale(1.2);
  906. transform:scale(1.2);
  907. }
  908.  
  909. #prev a {
  910. color:{color:Custom Bubbles}!important;
  911. }
  912.  
  913. #next {
  914.  
  915. background:{color:Small Bubbles};
  916. width:50px;
  917. height:50px;
  918. padding:10px;
  919. line-height:50px;
  920. -webkit-border-radius:50px;
  921. -moz-border-radius:50px;
  922. border-radius:50px;
  923. transition:all 0.5s ease;
  924. -webkit-transition:all 0.5s ease;
  925. -moz-transition:all 0.5s ease;
  926. -o-transition:all 0.5s ease;
  927. -ms-transition:all 0.5s ease;
  928. -ms-transform:scale(1);
  929. -webkit-transform:scale(1);
  930. transform:scale(1);
  931. }
  932.  
  933. #next:hover {
  934. -ms-transform:scale(1.2);
  935. -webkit-transform:scale(1.2);
  936. transform:scale(1.2);
  937. }
  938.  
  939. #next a {
  940. color:{color:Small Bubbles Border}!important;
  941. }
  942.  
  943. #backtotop, #backtotop a {
  944. background:{color:Post Header};
  945. margin-bottom:5px;
  946. padding:10px;
  947. color:{color:Post};
  948. text-align:center;
  949. -webkit-border-radius:10px;
  950. -moz-border-radius:10px;
  951. border-radius:10px;
  952. }
  953.  
  954. #s-m-t-tooltip {
  955. background:{color:Post Header};
  956. max-width:200px;
  957. margin:20px 0 0 20px;
  958. padding:3px;
  959. color:{color:Post};
  960. font-family:Calibri;
  961. font-size:8px;
  962. text-transform:uppercase;
  963. letter-spacing:1px;
  964. z-index:999999;
  965. }
  966.  
  967. </style>
  968.  
  969. {block:IfInfiniteScroll}
  970. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  971. {/block:IfInfiniteScroll}
  972.  
  973. </head>
  974.  
  975.  
  976.  
  977. <body>
  978.  
  979.  
  980.  
  981. <div id="bubbles">
  982. <div id="bubbles2">
  983.  
  984. <div id="customlinks">
  985. {block:IfLink1}<a href="{text:Link1 URL}" id="customlink1">{text:Link1}</a>{/block:IfLink1}
  986. {block:IfLink2}<a href="{text:Link2 URL}" id="customlink2">{text:Link2}</a>{/block:IfLink2}
  987. {block:IfLink3}<a href="{text:Link3 URL}" id="customlink3">{text:Link3}</a>{/block:IfLink3}
  988. {block:IfLink4}<a href="{text:Link4 URL}" id="customlink4">{text:Link4}</a>{/block:IfLink4}
  989. {block:IfLink5}<a href="{text:Link5 URL}" id="customlink5">{text:Link5}</a>{/block:IfLink5}
  990. {block:IfLink6}<a href="{text:Link6 URL}" id="customlink6">{text:Link6}</a>{/block:IfLink6}
  991. </div>
  992. <div id="bubble">
  993. <div id="bubbletext">
  994. <h4>{text:Bubble Text Title}</h4>
  995. {text:Bubble Text}
  996. </div>
  997. <div id="desc">
  998. <h4>{Title}</h4>
  999. <p>{Description}</p>
  1000. </div>
  1001. <div id="links">
  1002. <img src="{image:Icon}">
  1003. <a id="link1" href="/">Home</a>
  1004. <a id="link2" href="/ask">Ask</a>
  1005. <a id="musicbubble"><div id="music">{text:Music Code}</div></a>
  1006. </div>
  1007. </div>
  1008.  
  1009. </div>
  1010. </div>
  1011.  
  1012. {block:IfNotInfiniteScroll}
  1013. {block:Pagination}
  1014.  
  1015. <div id="pagi">
  1016. {block:PreviousPage}
  1017. <div id="prev"><a href="{PreviousPage}">Prev.</a></div>
  1018. {/block:PreviousPage}
  1019. {block:NextPage}
  1020. <div id="next"><a href="{NextPage}">Next</a></div>
  1021. {/block:NextPage}
  1022. </div>
  1023.  
  1024. {/block:Pagination}
  1025. {/block:IfNotInfiniteScroll}
  1026.  
  1027.  
  1028.  
  1029. <div id="all">
  1030.  
  1031.  
  1032.  
  1033. <div class="autopagerize_page_element">
  1034.  
  1035. {block:Posts}
  1036.  
  1037. {block:Odd}<div id="post" class="postodd">{/block:Odd}
  1038. {block:Even}<div id="post" class="posteven">{/block:Even}
  1039.  
  1040. {block:Odd}<div id="header" class="headerodd">{/block:Odd}
  1041. {block:Even}<div id="header" class="headereven">{/block:Even}
  1042.  
  1043. {block:NoteCount}
  1044. <a href="{ShortURL}">{NoteCount} {text:Notes}</a>
  1045. {/block:NoteCount}
  1046. [ {block:Date}<a href="{ShortURL}">{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</a> &#9733; {/block:Date}<a href="{ReblogURL}" target="_blank">reblog</a> ]
  1047.  
  1048. </div>
  1049.  
  1050. {block:RebloggedFrom}
  1051.  
  1052. <a href="{ReblogParentURL}" title="reblogged via {ReblogParentName}">
  1053. {block:Odd}
  1054. <img src="{ReblogParentPortraitURL-96}" id="via" class="viaodd"></a>
  1055. {/block:Odd}
  1056. {block:Even}
  1057. <img src="{ReblogParentPortraitURL-96}" id="via" class="viaeven"></a>
  1058. {/block:Even}
  1059.  
  1060. {block:ContentSource}
  1061. <a href="{ReblogRootURL}" title="post created by {ReblogRootName}">
  1062. {block:Odd}
  1063. <img src="{ReblogRootPortraitURL-96}" id="source" class="sourceodd"></a>
  1064. {/block:Odd}
  1065. {block:Even}
  1066. <img src="{ReblogRootPortraitURL-96}" id="source" class="sourceeven"></a>
  1067. {/block:Even}
  1068. {/block:ContentSource}
  1069.  
  1070. {/block:RebloggedFrom}
  1071.  
  1072. {block:NotReblog}
  1073.  
  1074. {block:Odd}<a href="/" title="post created by {Name}"><img src="{PortraitURL-64}" id="via" class="viaodd"></a>{/block:Odd}
  1075. {block:Even}<a href="/" title="post created by {Name}"><img src="{PortraitURL-64}" id="via" class="viaeven"></a>{/block:Even}
  1076.  
  1077. {/block:NotReblog}
  1078.  
  1079. {block:Answer}
  1080. <a href="{AskerURL}">
  1081. {block:Odd}
  1082. <img src="{AskerPortraitURL-96}" id="via" class="viaodd">
  1083. {/block:Odd}
  1084. {block:Even}
  1085. <img src="{AskerPortraitURL-96}" id="via" class="viaeven">
  1086. {/block:Even}
  1087. </a>
  1088.  
  1089. {block:Odd}<div id="header" class="headereven">{/block:Odd}
  1090. {block:Even}<div id="header" class="headerodd">{/block:Even}
  1091. <font face="Didact Gothic" size="2">{Asker} said:</font>
  1092. </div>
  1093. {block:Answer}
  1094.  
  1095. {block:IfShowTags}
  1096. {block:HasTags}
  1097.  
  1098. <div id="tags">
  1099. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1100. </div>
  1101.  
  1102. {/block:HasTags}
  1103. {/block:IfShowTags}
  1104.  
  1105. {block:Text}
  1106. {block:Title}<h4>&#9734; {Title} &#9734;</h4>{/block:Title}
  1107. {Body}
  1108. {/block:Text}
  1109.  
  1110. {block:Quote}
  1111. <h4>&#9810; {Quote} &#9810;</h4>
  1112. {block:Source}
  1113. {block:Odd}<div style="background:{color:Post Header};color:{color:Post};text-align:right;padding:5px;-webkit-border-bottom-right-radius:5px;
  1114. -webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;opacity:0.6;">{/block:Odd}
  1115. {block:Even}<div style="background:{color:Post Header};color:{color:Post};text-align:right;padding:5px;-webkit-border-bottom-right-radius:5px;
  1116. -webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;opacity:0.6;">{/block:Even}
  1117. ~ {Source}</font>
  1118. </div>
  1119. {/block:Source}
  1120. {/block:Quote}
  1121.  
  1122. {block:Link}
  1123. <h4>&#9734; <a href="{URL}" target="_blank">{Name}</a> &#9734;</h4>
  1124. {block:Description}{Description}{/block:Description}
  1125. {/block:Link}
  1126.  
  1127. {block:Chat}
  1128. {block:Title}<h4>&#9810; {Title}</h4> &#9810;{/block:Title}
  1129. {block:Lines}
  1130. <div id="chat"><li class="{Alt}">
  1131. {block:Label}<b>{Label}</b>{/block:Label} {Line}</li></br>
  1132. </div>
  1133. {/block:Lines}
  1134. {/block:Chat}
  1135.  
  1136. {block:Answer}{Question}{/block:Answer}
  1137.  
  1138. {block:Audio}
  1139. <div id="audio">
  1140. {block:Odd}<div id="player" class="playerodd">{/block:Odd}
  1141. {block:Even}<div id="player" class="playereven">{/block:Even}
  1142. <div id="playerr">{AudioPlayerWhite}</div></div>
  1143. {block:TrackName}
  1144. {block:Odd}<div id="title" class="titleodd">{/block:Odd}
  1145. {block:Even}<div id="title" class="titleeven">{/block:Even}
  1146. {TrackName}</div>
  1147. {/block:TrackName}
  1148. </div>
  1149. {block:Caption}{Caption}{/block:Caption}
  1150. {/block:Audio}
  1151.  
  1152. {block:Photo}
  1153. {LinkOpenTag}
  1154. {block:If400px}<img src="{PhotoURL-400}">{/block:If400px}
  1155. {block:IfNot400px}
  1156. {block:If250px}<img src="{PhotoURL-250}">{/block:If250px}
  1157. {block:IfNot250px}<img src="{PhotoURL-400}">{/block:IfNot250px}
  1158. {/block:IfNot400px}
  1159. {LinkCloseTag}
  1160. {block:Caption}{Caption}{/block:Caption}
  1161. {/block:Photo}
  1162.  
  1163. {block:Photoset}
  1164. {block:If400px}{Photoset-400}{/block:If400px}
  1165. {block:IfNot400px}
  1166. {block:If250px}{Photoset-250}{/block:If250px}
  1167. {block:IfNot250px}{Photoset-400}{/block:IfNot250px}
  1168. {/block:IfNot400px}
  1169. {block:Caption}{Caption}{/block:Caption}
  1170. {/block:Photoset}
  1171.  
  1172. {block:Video}
  1173. {block:If400px}{Video-400}{/block:If400px}
  1174. {block:IfNot400px}
  1175. {block:If250px}{Video-250}{/block:If250px}
  1176. {block:IfNot250px}{Video400}{/block:IfNot250px}
  1177. {/block:IfNot400px}
  1178. {block:Caption}{Caption}{/block:Caption}
  1179. {/block:Video}
  1180.  
  1181. </div>
  1182.  
  1183. {block:Answer}
  1184. {block:Odd}<div id="post" class="posteven">{/block:Odd}
  1185. {block:Even}<div id="post" class="postodd">{/block:Even}
  1186. <a href="/">
  1187. {block:Odd}<img src="{PortraitURL-64}" id="via" class="viaeven" style="margin-top:0;">{/block:Odd}
  1188. {block:Even}<img src="{PortraitURL-64}" id="via" class="viaodd" style="margin-top:0;">{/block:Even}</a>
  1189. {block:Odd}<div id="header" class="headereven">{/block:Odd}
  1190. {block:Even}<div id="header" class="headerodd">{/block:Even}
  1191. <font face="Didact Gothic" size="2">
  1192. <a href="/">{Name}</a> answered:</font></div>
  1193. {Answer}
  1194. </div>
  1195. {/block:Answer}
  1196.  
  1197. {block:PermalinkPage}
  1198. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1199. {/block:PermalinkPage}
  1200.  
  1201. {block:ContentSource}
  1202. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1203. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1204. {/block:SourceLogo}
  1205. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1206. {/block:ContentSource}
  1207.  
  1208. {/block:Posts}
  1209.  
  1210. </div>
  1211.  
  1212. {block:IfInfiniteScroll}{block:IndexPage}
  1213. <div id="backtotop"><a href="#">{text:Back to Top Text}</a></div>
  1214. {/block:IndexPage}{/block:IfInfiniteScroll}
  1215.  
  1216. </div>
  1217.  
  1218.  
  1219.  
  1220. </body>
  1221. </html>
  1222.  
  1223.  
  1224.  
  1225. <!--
  1226.  
  1227. THEME AND BACKGROUND MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  1228. THEME BASE 01 BY SUPPISUN @ TUMBLR
  1229. Edit/tweak as much as you like but pleeeeaaaase
  1230. DO NOT remove the credits, copy and
  1231. redistribute the theme as your own.
  1232. I will fucking drown you if you do.
  1233.  
  1234. -->
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!