API tools faq
paste
Advertisement
rosettafulthemes

Dreamsicle theme-Quality theme #4

rosettafulthemes
Apr 29th, 2016
320
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.12 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ▒█▀▀█ █▀▀█ █▀▀ █▀▀ ▀▀█▀▀ ▀▀█▀▀ █▀▀█ █▀▀ █░░█ █░░
  4. ▒█▄▄▀ █░░█ ▀▀█ █▀▀ ░░█░░ ░░█░░ █▄▄█ █▀▀ █░░█ █░░
  5. ▒█░▒█ ▀▀▀▀ ▀▀▀ ▀▀▀ ░░▀░░ ░░▀░░ ▀░░▀ ▀░░ ░▀▀▀ ▀▀▀
  6. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  7. ░ ▒█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  8. ░ ▒█░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  9.  
  10. **^Do not delete this from your html! That is my credit for making this theme inside your html!**
  11.  
  12. ***DREAMSICLE THEME-QUALITY THEME #4 BY AQUA-WBU***
  13.  
  14. Base code by Hisabeel
  15. Tooltips by Htmltutor
  16. Stripes by me (Rosettaful)
  17. Bubbling text effect by Teenagesex
  18. Perma tutorial/by from Claudiasafe
  19.  
  20. Change {favicon} with a cute pixel of your choice!
  21.  
  22. Do NOT use none of my themes as a basecode!
  23.  
  24. Do NOT remove my credit from the bottome left!!! If you do, you will loose your blog!! I work very hard on these themes for all of you, so the least you all can do in return for me is..KEEP THE CREDIT!
  25.  
  26. So PLEASE dont do that! ily! Love, Jamie aka Rosettaful xoxo
  27.  
  28. **DO NOT REMOVE NONE OF THIS TEXT FROM YOUR HTML!***
  29. -->
  30. <html lang="en">
  31. <script type="text/javascript">
  32.  
  33. // Disable Right Click Script
  34.  
  35. function IE(e)
  36. {
  37. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  38. {
  39. return false;
  40. }
  41. }
  42. function NS(e)
  43. {
  44. if (document.layers || (document.getElementById && !document.all))
  45. {
  46. if (e.which == "2" || e.which == "3")
  47. {
  48. return false;
  49. }
  50. }
  51. }
  52. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  53.  
  54. //-->
  55. </script>
  56.  
  57. <!--These are your theme options-->
  58. <meta name="image:Background" content=""/>
  59. <meta name="image:Sidebar" content=""/>
  60.  
  61. <meta name="color:Background" content="#ffffff"/>
  62. <meta name="color:Text" content="#aaaaaa"/>
  63. <meta name="color:Link" content="#f7c282"/>
  64. <meta name="color:Link Hover" content="#fad6ab"/>
  65. <meta name="color:Post border" content="#f5ad58"/>
  66. <meta name="color:Post title" contenet="#f5ad58"/>
  67. <meta name="color:Sidebar border" content="#f5ad58"/>
  68. <meta name="color:Stripe 1" content="#fad6ab"/>
  69. <meta name="color:Stripe 2" content="#fad6ab"/>
  70. <meta name="color:Scrollbar" content="#f5ad58"/>
  71. <meta name="color:Scrollbar back" content="#eaeaea"/>
  72.  
  73. <meta name="text:Blogtitle" content=""/>
  74. <meta name="text:Description" content=""/>
  75. <meta name="if:Use blogtitle" content=""/>
  76. </script>
  77.  
  78. <!--Google fonts-->
  79. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand|Crafty+Girls|Short+Stack|Gochi+Hand|Grand+Hotel|Ruge+Boogie|Coming+Soon|Sunshiney|Bonbon' rel='stylesheet' type='text/css'>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Averia+Sans+Libre|Princess+Sofia|Bubblegum+Sans|Sue+Ellen+Francisco|Emilys+Candy|Spicy+Rice|Sevillana|Fredoka+One|Great+Vibes|Comfortaa|Happy+Monkey|Mystery+Quest|Pacifico|Cookie|Sacramento' rel='stylesheet' type='text/css'>
  82. <!--End of Google fonts-->
  83.  
  84. <style type="text/css">
  85.  
  86. /*Edit pop up here*/
  87. #fade { /*--Transparent background layer--*/
  88. display: none; /*--hidden by default--*/
  89. background: none;
  90. background-image:url(http://img15.deviantart.net/cafe/i/2012/085/2/8/orange_stripe_background_by_sonnywolfie-d4u0e93.png); /*Can be changed to any image you want*/
  91. position: fixed; left: 0; top: 0;
  92. width: 100%; height: 100%;
  93. opacity: .95;
  94. z-index: 9999;
  95. }
  96.  
  97. .popup_block{
  98. display: none; /*--hidden by default--*/
  99. background: #fff;
  100. padding: 20px;
  101. border-left:5px solid {color:post border};
  102. border-right:5px solid {color:post border};
  103. float: left;
  104. font-size: 15px;
  105. position: fixed;
  106. top: 50%; left: 50%;
  107. z-index: 99999;
  108. /*--CSS3 Box Shadows--*/
  109. box-shadow:none;
  110. /*--CSS3 Rounded Corners--*/
  111. border-radius: 0px;
  112. }
  113. img.btn_close {
  114. float: left;
  115. margin: -5px -5px 0 0;
  116. }
  117. /*--Making IE6 Understand Fixed Positioning--*/
  118. *html #fade {
  119. position: absolute;
  120. }
  121. *html .popup_block {
  122. position: absolute;
  123. }
  124.  
  125. /*Edit scroll bar here*/
  126. ::-webkit-scrollbar-thumb{
  127. height:auto;
  128. height:2px;
  129. background-color:{color:scrollbar};
  130. border:1px solid #fff;
  131. border-radius:15px;
  132. }
  133.  
  134. ::-webkit-scrollbar{
  135. height:2px;
  136. width:6px;
  137. background-color:{color:scrollbar back};
  138. border:2px solid #fff;
  139. }
  140.  
  141. /*Edit cursor here*/
  142. *, body, a, a:hover{
  143. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  144. }
  145. /*^Can be changed to any cursor you want!*/
  146.  
  147. /*Edit body here*/
  148. body {
  149. padding:0px;
  150. margin:0px;
  151. color:{color:Text};
  152. font-family: 'Comfortaa', cursive;
  153. font-size:13px;
  154. line-height:17px;
  155. text-transform:normal;
  156. background-color:{color:Background};
  157. background-image:url({image:Background});
  158. background-attachment:fixed;
  159. background-repeat:repeat;
  160. }
  161.  
  162. /*Edit body links here*/
  163. a:link, a:active, a:visited{
  164. color:{color:Link};
  165. text-decoration:none;
  166. transition:all .6s ease;
  167. }
  168.  
  169. a:hover{
  170. color:white;
  171. text-decoration:none;
  172. text-shadow: -1px 0 {color:post border}, 0 1px {color:post border}, 1px 0 {color:post border}, 0 -1px {color:post border};
  173. transition:all .6s ease;
  174. }
  175.  
  176. /*Edit tooltips here*/
  177. #s-m-t-tooltip {
  178. max-width:300px;
  179. background:#ffffff;
  180. border:3px double {color:post border};
  181. border-radius: 0px;
  182. font-size:13px;
  183. font-family: 'Comfortaa', cursive;
  184. color:{color:text};
  185. text-transform:none;
  186. text-align: center;
  187. letter-spacing:1px;
  188. padding:5px;
  189. margin-top:10px;
  190. margin-left: 15px;
  191. line-height: 8px;
  192. z-index:999999999;
  193. }
  194.  
  195. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  196. #audio {
  197. width:200px;
  198. height:auto;
  199. min-height:60px;
  200. padding-bottom:0px;
  201. }
  202.  
  203. .cover {
  204. position:absolute;
  205. z-index:1;
  206. width:60px;
  207. height:60px;
  208. }
  209.  
  210. .cover img {
  211. float:left;
  212. width:60px;
  213. height:60px;
  214. }
  215.  
  216. .playbox {
  217. opacity:0.6;
  218. width:27px;
  219. height:30px;
  220. overflow:hidden;
  221. position:absolute;
  222. z-index:1000;
  223. margin-left:17px;
  224. margin-top:17px;
  225. text-align:center;
  226. }
  227.  
  228. .info {
  229. margin-left:73px;
  230. margin-top:4px;
  231. line-height:14px;
  232. }
  233.  
  234. #cunt{width:250px; height:auto;}
  235. {block:PermalinkPage}
  236. width:10px;
  237. {/block:PermalinkPage}
  238. }
  239.  
  240. #center{
  241. padding-top:3px;
  242. padding-bottom:3px;
  243. position:fixed !important;
  244. width:250px;
  245. height:207px;
  246. background-color:#fff;
  247. {block:PermalinkPage}
  248. width:410px;
  249. height:207px;
  250. {/block:PermalinkPage}
  251. }
  252. /*--^I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  253.  
  254. /*Edit post positions, columns etc here*/
  255. #posts{
  256. float:center;
  257. overflow:hidden;
  258. {block:indexpage}
  259. width:700px;
  260. {/block:indexpage}
  261. {block:permalinkpage}
  262. width:600px;
  263. {/block:permalinkpage}
  264. margin-left:600px;
  265. margin-top:21px;
  266. z-index:9999;
  267. }
  268.  
  269. /*Edit the images of post here*/
  270. #entry img{
  271. {block:indexpage}
  272. background:#fff;
  273. max-width:250px;
  274. z-index:9999999;
  275. transition:all .7s ease;
  276. {/block:indexpage}
  277. }
  278.  
  279. #entry:hover img{
  280. -webkit-transform: scale(1.5);
  281. -moz-transform: scale(1.5);
  282. -o-transform: scale(1.5);
  283. transform: scale(1.5);
  284. transition:all .7s ease;
  285. }
  286.  
  287. /*Edit post here*/
  288. #entry{
  289. z-index:9999;
  290. margin:10px;
  291. float:left;
  292. background:#fff;
  293. font-size:10px;
  294. line-height:13px;
  295. text-transform:normal;
  296. overflow:hidden;
  297. width:250px;
  298. padding:10px;
  299. border:2px solid {color:post border};
  300. {block:PermalinkPage}
  301. width:400px;
  302. margin-top:21px;
  303. margin-left:13px;
  304. z-index:9999;
  305. border:2px solid {color:post border};
  306. {/block:PermalinkPage}
  307. transition:all .6s ease;
  308. }
  309.  
  310. /*Edit post on hover here*/
  311. #entry:hover{
  312. border:2px solid {color:post border};
  313. transition:all .6s ease;
  314. }
  315.  
  316. /*Edit permalinks of post here*/
  317. /*By Claudiasafe*/
  318. #entry:hover .perma_hold{
  319. opacity:3;
  320. top:0px;
  321. }
  322.  
  323. .perma_hold{
  324. width:400px;
  325. height:100%;
  326. top:-200px;
  327. left:-110px;
  328. position:absolute;
  329. text-align:center;
  330. opacity:0;
  331. background:rgba(255,255,255,0.9);
  332. z-index:9999;
  333. transition:all .6s ease;
  334. }
  335.  
  336. .perma{
  337. top:31%;
  338. left:43px;
  339. position:relative;
  340. font-family: 'Comfortaa', cursive;
  341. font-size:15px;
  342. font-weight:bold;
  343. text-align:center;
  344. text-transform:none;
  345. }
  346. /*^By Claudiasafe*/
  347.  
  348. /*Edit permalinks of text based post here*/
  349. .ptxt{
  350. display:block;
  351. text-align:right;
  352. text-decoration:none;
  353. font-size:8px;
  354. letter-spacing:1px;
  355. padding-top:5px;
  356. text-transform:uppercase;
  357. font-family: 'Comfortaa', cursive;
  358. background:#f9f9f9;
  359. border:1px solid #f3f3f3;
  360. padding:2px;
  361. }
  362.  
  363. /*Edit post titles here*/
  364. .title{
  365. font-family:'Pacifico',cursive;
  366. line-height:50px;
  367. font-size:40px;
  368. color:{color:post title};
  369. font-weight:normal;
  370. z-index:9999;
  371. }
  372.  
  373. /*Edit blog title here*/
  374. {block:ifuseblogtitle}
  375. #blogtitle{
  376. position: fixed !important;
  377. opacity:3;
  378. width:400px;
  379. margin-top:90px;
  380. margin-left:135px;
  381. color:none;
  382. font-family:'Cookie',cursive;
  383. font-size:57px;
  384. font-style:italic;
  385. line-height:10px;
  386. z-index:9999;
  387. }
  388. {block:ifuseblogtitle}
  389.  
  390. /*Edit sidebar here*/
  391. #sidebar{
  392. position:fixed !important;
  393. overflow:hidden;
  394. width:260px;
  395. height:386px;
  396. margin-top:120px;
  397. margin-left:150px;
  398. padding:8px;
  399. background-color:#fff;
  400. border:2px solid {color:sidebar border};
  401. z-index:9999;
  402. transition:all .6s ease;
  403. }
  404.  
  405. /*Edit sidebar image here*/
  406. #sidebarphoto{
  407. opacity:3;
  408. width:250px;
  409. height:368px;
  410. margin-top:9px;
  411. margin-left:9px;
  412. padding:0px;
  413. margin-top:9px;
  414. margin-left:5px;
  415. border-radius:0px;
  416. overflow:hidden;
  417. z-index:99999999999999999;
  418. transition: all .8s ease-out;
  419. }
  420.  
  421. /*Edit sidebar image here*/
  422. #sidebarphoto img{
  423. width:250px;
  424. height:370px;
  425. transition:all .8s ease-out;
  426. }
  427.  
  428. /*Edit sidebar image on hover here*/
  429. #sidebar:hover #sidebarphoto{
  430. opacity:0;
  431. margin-left:-315px;
  432. overflow:hidden;
  433. transition: all .8s ease;
  434. }
  435.  
  436. #sidebar:hover #sidebarphoto img{
  437. opacity:9999;
  438. width:250px;
  439. height:370px;
  440. overflow:hidden;
  441. transition: all .8s ease;
  442. }
  443.  
  444.  
  445. /*Edit description here*/
  446. div#hiya{
  447. position:fixed !important;
  448. opacity:0;
  449. background:white;
  450. width:217px;
  451. height:110px;
  452. padding:12px;
  453. color:{color:text};
  454. margin-top:10px;
  455. margin-left:7px;
  456. font-size:13px;
  457. line-height:17px;
  458. font-family: 'Comfortaa', cursive;
  459. text-align:center;
  460. text-transform:none;
  461. overflow-y:scroll;
  462. border:2px solid {color:sidebar border};
  463. -moz-transform: scale(0.1);
  464. -webkit-transform: scale(0.1);
  465. transform: scale(0.1);
  466. transition:all .8s ease;
  467. }
  468.  
  469. #sidebar:hover #hiya{
  470. opacity:3;
  471. margin-top:10px;
  472. -moz-transform: scale(1.0);
  473. -webkit-transform: scale(1.0);
  474. transform: scale(1.0);
  475. transition:all .8s ease;
  476. }
  477.  
  478. /*Edit updates box here*/
  479. #updates{
  480. opacity:0;
  481. position:fixed !important;
  482. overflow:none;
  483. background:#fff;
  484. width:95px;
  485. height:10px;
  486. padding:8px;
  487. color:{color:text};
  488. margin-top:180px;
  489. margin-left:7px;
  490. font-size:14px;
  491. line-height:10px;
  492. font-family: 'Comfortaa', cursive;
  493. border-top:2px solid {color:sidebar border};
  494. border-bottom:2px solid {color:sidebar border};
  495. border-left:2px solid {color:sidebar border};
  496. border-radius:0px;
  497. text-align:center;
  498. -moz-transform: scale(0.1);
  499. -webkit-transform: scale(0.1);
  500. transform: scale(0.1);
  501. transition:all .8s ease;
  502. }
  503.  
  504. #sidebar:hover #updates{
  505. opacity:3;
  506. margin-top:180px;
  507. -moz-transform: scale(1.0);
  508. -webkit-transform: scale(1.0);
  509. transform: scale(1.0);
  510. transition:all .8s ease;
  511. }
  512.  
  513. /*Edit stats box here*/
  514. #stats{
  515. opacity:0;
  516. position:fixed !important;
  517. overflow:none;
  518. background:#fff;
  519. width:113px;
  520. height:10px;
  521. padding:8px;
  522. color:{color:text};
  523. margin-top:180px;
  524. margin-left:120px;
  525. font-size:14px;
  526. line-height:10px;
  527. font-family: 'Comfortaa', cursive;
  528. border-top:2px solid {color:sidebar border};
  529. border-bottom:2px solid {color:sidebar border};
  530. border-right:2px solid {color:sidebar border};
  531. border-radius:0px;
  532. text-align:center;
  533. -moz-transform: scale(0.1);
  534. -webkit-transform: scale(0.1);
  535. transform: scale(0.1);
  536. transition:all .8s ease;
  537. }
  538.  
  539. #sidebar:hover #stats{
  540. opacity:3;
  541. margin-top:180px;
  542. -moz-transform: scale(1.0);
  543. -webkit-transform: scale(1.0);
  544. transform: scale(1.0);
  545. transition:all .8s ease;
  546. }
  547.  
  548. /*Edit nav links here*/
  549. #linksbox{
  550. position:fixed!important;
  551. opacity:0;
  552. width:217px;
  553. height:110px;
  554. padding:12px;
  555. color:{color:Link};
  556. border:2px solid {color:sidebar border};
  557. font-size:13px;
  558. line-height:23px;
  559. font-family: 'Comfortaa', cursive;
  560. text-align:center;
  561. text-transform:none;
  562. background:white;
  563. margin-left:7px;
  564. margin-top:239px;
  565. -moz-transform: scale(0.1);
  566. -webkit-transform: scale(0.1);
  567. transform: scale(0.1);
  568. transition:all .8s ease;
  569. }
  570.  
  571. #sidebar:hover #linksbox{
  572. opacity:3;
  573. margin-top:239px;
  574. -moz-transform: scale(1.0);
  575. -webkit-transform: scale(1.0);
  576. transform: scale(1.0);
  577. transition:all .8s ease;
  578. }
  579.  
  580. /*COLOR BORDER CODE BY ROSETTAFUL*/
  581. #colorborder{
  582. position:fixed;
  583. border:none;
  584. left:584px;
  585. bottom:-31px;
  586. height:490px;
  587. width:15px;
  588. border-radius:10px;
  589. background:{color:stripe 1};
  590. background-repeat:repeat;
  591. z-index:0;
  592. }
  593.  
  594. #colorborderr{
  595. position:fixed;
  596. border:none;
  597. top:-5px;
  598. left:1190px;
  599. height:490px;
  600. width:15px;
  601. border-radius:10px;
  602. background:{color:stripe 2};
  603. background-repeat:repeat;
  604. z-index:0;
  605. }
  606. /*COLOR BORDER CODE BY ROSETTAFUL*/
  607.  
  608. /*Dont mess with this*/
  609. #donotremove{
  610. position:fixed;
  611. top:27px;
  612. right:1px;
  613. height:auto;
  614. width:auto;
  615. opacity:0.7 !important;
  616. -webkit-filter:invert(100%);
  617. text-transform:uppercase;
  618. background: transparent;
  619. z-index: 9999;
  620. -webkit-transition: all 0.8s ease-out;
  621. -moz-transition: all 0.8s ease-out;
  622. transition: all 0.8s ease-out;
  623. }
  624.  
  625. #donotremove:hover{
  626. opacity:0.7;
  627. z-index:9999;
  628. -webkit-transition: all 0.8s ease-out;
  629. -moz-transition: all 0.8s ease-out;
  630. transition: all 0.8s ease-out;
  631. }
  632.  
  633. /*DO NOT REMOVE THIS!*/
  634. /*I CAN AND WILL FIND OUT IF YOU DID*/
  635. #jamies{
  636. position:fixed;
  637. width:auto;
  638. top:585px;
  639. left:0px;
  640. z-index:9999;
  641. transition: all 0.7s ease-out;
  642. }
  643.  
  644. #fab{
  645. position:fixed;
  646. height:10px;
  647. max-width:-0px;
  648. left:-1px;
  649. margin-top:33px;
  650. padding:5px;
  651. padding-right:24px;
  652. font-size:17px;
  653. font-family:calibri;
  654. line-height:10px;
  655. text-transform:uppercase;
  656. text-align:center;
  657. border:2px solid #ddd;
  658. background:white;
  659. z-index:9999;
  660. transition: all 0.7s ease-out;
  661. }
  662.  
  663. #credit{
  664. position:fixed;
  665. text-align:center;
  666. width:130px;
  667. font-size:12px;
  668. background:#ffffff;
  669. height:10px;
  670. padding:5px;
  671. font-family:calibri;
  672. text-transform:uppercase;
  673. left:-147px;
  674. margin-top:33px;
  675. border:2px solid #ddd;
  676. line-height:10px;
  677. z-index:9999;
  678. transition: all 0.7s ease-out;
  679. }
  680.  
  681. #jamies:hover #fab{
  682. left:0px;
  683. transition: all 0.7s ease-out;
  684. }
  685.  
  686. #jamies:hover #credit{
  687. left:-2px;
  688. transition: all 0.7s ease-out;
  689. }
  690.  
  691. a.shake{
  692. display: inline-block;
  693. text-transform:uppercase;
  694. text-align:center;
  695. background:transparent;
  696. font-family:calibri;
  697. font-size: 11px;
  698. line-height: 10px;
  699. }
  700.  
  701. a.shake:hover{
  702. text-shadow: -1px 0 {color:post border}, 0 1px {color:post border}, 1px 0 {color:post border}, 0 -1px {color:post border};
  703. -webkit-animation-name: myfirst; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-moz-keyframes myfirst /* Firefox*/ { { -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } } @-ms-keyframes myfirst /* IE9*/ { 10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -ms-transform: translate(-3px, 0px) rotate(1deg); } 30% { -ms-transform: translate(0px, 2px) rotate(0deg); } 40% { -ms-transform: translate(1px, -1px) rotate(1deg); } 50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -ms-transform: translate(-3px, 1px) rotate(0deg); } 70% { -ms-transform: translate(2px, 1px) rotate(-1deg); } 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); } 90% { -ms-transform: translate(2px, 2px) rotate(0deg); } 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); } } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }
  704. /*If you're a theme maker..Do not copy/steal my credit coding!*/
  705. /*I CAN AND WILL FIND OUT IF YOU DID*/
  706.  
  707. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  708. #infscr-loading{
  709. bottom: -70px;
  710. position: absolute;
  711. left: 50%;
  712. margin-left:-8px;
  713. width:16px;
  714. height:11px;
  715. overflow:hidden;
  716. margin-bottom: 50px;
  717. }
  718.  
  719. #postnotes{
  720. text-align: justify;}
  721.  
  722. #postnotes blockquote{
  723. border: 0px;}
  724.  
  725. blockquote{
  726. padding:0px 0px 2px 5px;
  727. margin:0px 0px 2px 10px;
  728. border-left: 1px dotted #eee;
  729. }
  730.  
  731. blockquote p, ul{
  732. margin:0px;
  733. padding:0px;
  734. }
  735.  
  736. /*Don't mess with this*/
  737. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  738. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  739. /*^Don't mess with this*/
  740.  
  741. </style>
  742.  
  743. <title>{Title}</title>
  744. <link rel="shortcut icon" href="{favicon}">
  745.  
  746. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  747. <meta name="viewport" content="width=720" />
  748.  
  749. <!--Bubble title script-->
  750. <script type="text/javascript">
  751. // <![CDATA[
  752. var bgcolour="{color:post border}"; // background colour
  753. var fgcolour="{color:link hover}"; // foreground colour
  754. var speed=37; // speed of bubbling, lower is faster
  755. var shades=25; // number of shades of bubble
  756.  
  757. /****************************
  758. * Bubbling Text Effect *
  759. *(c) 2003-6 mf2fm web-design*
  760. * http://www.mf2fm.com/rv *
  761. * DON'T EDIT BELOW THIS BOX *
  762. ****************************/
  763. var bubbcol=new Array();
  764. var bubbler, bubbtxt;
  765. var bubbchr=new Array();
  766. window.onload=function() { if (document.getElementById) {
  767. for (bubbler=0; bubbler<=shades; bubbler++) {
  768. bubbtxt="#";
  769. for (var i=1; i<6; i+=2) {
  770. var bg=parseInt(bgcolour.substring(i,i+2),16);
  771. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  772. }
  773. bubbcol[bubbler+1]=bubbtxt;
  774. }
  775. bubbler=document.getElementById("bubble");
  776. bubbtxt=bubbler.firstChild.nodeValue;
  777. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  778. for (var i=0; i<bubbtxt.length; i++) {
  779. var bubbi=document.createElement("span");
  780. bubbi.setAttribute("id", "bubb"+i);
  781. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  782. bubbler.appendChild(bubbi);
  783. }
  784. bubbler=setInterval ("bubbling()", speed);
  785. }}
  786.  
  787. function dechex(dec) {
  788. var hex=dec.toString(16);
  789. if (dec<16) return "0"+hex;
  790. else return hex;
  791. }
  792.  
  793. function bubbling() {
  794. for (var i=0; i<bubbtxt.length; i++) {
  795. var bubbme=document.getElementById("bubb"+i);
  796. if (bubbchr[i]) {
  797. bubbme.style.color=bubbcol[bubbchr[i]];
  798. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  799. }
  800. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  801. }
  802. }
  803. // ]]>
  804. </script>
  805. <!--End of bubble title script-->
  806.  
  807. <!--Tooltip script-->
  808. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  809. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  810. <script>
  811. (function($){
  812. $(document).ready(function(){
  813. $("a[title]").style_my_tooltips({
  814. tip_follows_cursor:true,
  815. tip_delay_time:10,
  816. tip_fade_speed:300,
  817. attribute:"title"
  818. });
  819. });
  820. })(jQuery);
  821. </script>
  822. <!--End of Tooltip script-->
  823.  
  824. <!--Pop up script-->
  825. <script type="text/javascript"
  826. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  827. <script>
  828. $(document).ready(function() {
  829. //
  830. $('a.poplight[href^=#]').click(function() {
  831. var popID = $(this).attr('rel'); //Get Popup Name
  832. var popURL = $(this).attr('href'); //Get Popup href to define size
  833. var query= popURL.split('?');
  834. var dim= query[1].split('&');
  835. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  836. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  837. var popMargTop = ($('#' + popID).height() + 80) / 2;
  838. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  839. //Apply Margin to Popup
  840. $('#' + popID).css({
  841. 'margin-top' : -popMargTop,
  842. 'margin-left' : -popMargLeft
  843. });
  844. $('body').append('<div id="fade"></div>');
  845. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  846. return false;
  847. });
  848. $('a.close, #fade').live('click', function() {
  849. $('#fade , .popup_block').fadeOut(function() {
  850. $('#fade, a.close').remove(); //fade them both out
  851. });
  852. return false;
  853. });
  854. });
  855. </script>
  856. <!--End of pop up script-->
  857.  
  858. </head>
  859.  
  860. <body onkeydown="return false">
  861.  
  862. <div id="center">
  863. <div id="content">
  864.  
  865. {block:ifuseblogtitle}
  866. <div id="blogtitle"><span id="bubble">{text:blogtitle}</span></div>
  867. {block:ifuseblogtitle}
  868.  
  869. <!--COLOR BORDER CODE BY ROSETTAFUL-->
  870. <div id="colorborder"></div>
  871. <div id="colorborderr"></div>
  872. <!--COLOR BORDER CODE BY ROSETTAFUL-->
  873.  
  874. <div id="sidebar">
  875. <div id="hiya">{text:description}</div>
  876.  
  877. <div id="stats">Stats here</div>
  878. <div id="updates"><a href="#?w=300" rel="01" class="poplight">Updates</a></div>
  879.  
  880. <div id="linksbox"><br>
  881. <a href="/">refresh</a> <font color="{color:text}">✿</font>
  882. <a href="/ask" target="_blank">message</a> <font color="{color:text}">✿</font>
  883. <a href="/submit" target="_blank">submit</a> <font color="{color:text}">✿</font>
  884. <a href="" target="_blank">navigation</a> <font color="{color:text}">✿</font>
  885. <a href="" target="_blank">blogroll</a> <font color="{color:text}">✿</font>
  886. <br>
  887. <a href="http://aqua-wbu.tumblr.com/" target="_blank">theme credit</a>
  888. </div>
  889.  
  890. <div id="sidebarphoto"><img src="{image:sidebar}">
  891.  
  892. </div></div></div>
  893.  
  894. <div id="posts">
  895. {block:Posts}
  896. <div id="entry">
  897.  
  898. <!--TEXT POST-->
  899. {block:Text}
  900. {block:Title}
  901. <span class="title"><center>{Title}</center></span>{/block:Title}
  902. <span class="entrytext" style="font-size:12px;"><center>{Body}</center></span></a>
  903. {block:IndexPage}<br>
  904. <div class="ptxt">
  905. {Month} {Dayofmonth}, {Year} with <a href="{permalink}">{notecount} notes</a></div>
  906. {/block:IndexPage}
  907. {/block:Text}
  908. <!---->
  909.  
  910. <!--LINK POST-->
  911. {block:Link}
  912. <a href="{URL}" class="title">{Name}</a>
  913. {block:Description}{Description}{/block:Description}
  914. {block:IndexPage}<br>
  915. <div class="ptxt">
  916. {Month} {Dayofmonth}, {Year} with <a href="{permalink}">{notecount} notes</a>
  917. </div>
  918. {/block:IndexPage}
  919. {block:Link}
  920. <!---->
  921.  
  922. <!--PHOTO POST-->
  923. {block:Photo}
  924. {block:IndexPage}
  925. <div class="lovely"></div>
  926. <!--BY CLAUDIASAFE-->
  927. <div class="perma_hold">
  928. <div class="perma">
  929. <a href="{ReblogURL}" target="_blank">Reblog</a> with
  930. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a><br>
  931. <br>
  932. Posted on {Month} {Dayofmonth}, {Year} <br>
  933. <br>
  934. Reblogged from <a href="{ReblogparentURL}" target="_blank">{Reblogparentname}</a>
  935. </div>
  936. </div>
  937. <!--^BY CLAUDIASAFE-->
  938. {/block:IndexPage}
  939.  
  940. {block:IndexPage}
  941. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px;>
  942. {/block:IndexPage}
  943. {block:permalinkpage}{LinkOpenTag}<center>
  944. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=360px;/>
  945. {LinkCloseTag}</center>{/block:permalinkpage}
  946. {/block:Photo}
  947. <!---->
  948.  
  949. <!--QUOTE POST-->
  950. {block:Quote}
  951. <div class="quote">❝ {quote}</div>
  952. {block:IndexPage}<br>
  953. <div class="ptxt">
  954. {Month} {Dayofmonth}, {Year} with <a href="{permalink}">{notecount} notes</a></div>
  955. {/block:IndexPage}
  956. {/block:Quote}
  957. <!---->
  958.  
  959. <!--CHAT POST-->
  960. {block:Chat}
  961. {block:Title}<span class="title">{Title}</span>{/block:Title}
  962. <ul class="chat">
  963. {block:Lines}
  964. <li class="user_{UserNumber}">
  965. {block:Label}
  966. <span class="label">{Label}</span>
  967. {/block:Label}
  968.  
  969. {Line}<br>
  970. {/block:Lines}
  971. {block:IndexPage}<br>
  972. <div class="ptxt">
  973. {Month} {Dayofmonth}, {Year} with <a href="{permalink}">{notecount} notes</a></div>
  974. {/block:IndexPage}
  975. {/block:Chat}
  976. <!---->
  977.  
  978. <!--AUDIO POST-->
  979. {block:Audio}
  980. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  981. {block:IndexPage}<br>
  982. <div class="ptxt">
  983. <center>{Month} {Dayofmonth}, {Year} with <a href="{permalink}">{notecount} notes</a></center></div>
  984. {/block:IndexPage}
  985. {/block:Audio}
  986. <!---->
  987.  
  988. <!--VIDEO POST-->
  989. {block:Video}
  990. <center>{block:IndexPage}
  991. <div class="ptxt">
  992. {Month} {DayOfMonth}, {Year} with <a href="{permalink}">{notecount} notes</a></div>
  993. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  994. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  995. {block:Video}
  996. <!---->
  997.  
  998. <!--ANSWER POST-->
  999. {block:Answer}
  1000. <div style="border:1px solid #f3f3f3; margin:3px; margin-top:-1px; min-height:30px; padding:12px; background:#f9f9f9; font-size:12px;">
  1001. <img src="{AskerPortraitURL-40}" width="40" align="left"
  1002. style="margin-right:15px; margin-top:-10px; margin-left:-4px; border:1px solid {color:post border}; padding:4px; background:#fff; border-radius:200px;">
  1003. <askk>{Asker}</askk>: {Question}</div>
  1004. <div style="font-family: 'Comfortaa', cursive; font-size:12px"><center>{Answer}</center></div>
  1005. <br>
  1006. <div class="ptxt">
  1007. {Month} {Dayofmonth}, {Year} with <a href="{permalink}">{notecount} notes</a></div>
  1008. {/block:Answer}
  1009. <!---->
  1010.  
  1011. <!--PERMA PAGE-->
  1012. {block:PermalinkPage}
  1013. <center><br>
  1014. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  1015. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  1016. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  1017. {/block:PermalinkPage}
  1018. {block:PostNotes}
  1019. <div id="postnotes">{PostNotes}</div>
  1020. {/block:PostNotes}</div>{/block:Posts}
  1021. </div></div>
  1022. <!---->
  1023.  
  1024. {block:indexpage}
  1025. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1026. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1027. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1028. <script type="text/javascript">
  1029. $(window).load(function(){
  1030. var $wall = $('#posts');
  1031. $wall.imagesLoaded(function(){
  1032. $wall.masonry({
  1033. itemSelector: '#entry, #entry_photo',
  1034. isAnimated : false
  1035. });
  1036. });
  1037.  
  1038. $wall.infinitescroll({
  1039. navSelector : '#page-nav',
  1040. nextSelector : '#page-nav a',
  1041. itemSelector : '#entry, #entry_photo',
  1042. bufferPx : 2000,
  1043. debug : false,
  1044. errorCallback: function() {
  1045. $('#infscr-loading').fadeOut('normal');
  1046. }},
  1047. function( newElements ) {
  1048. var $newElems = $( newElements );
  1049. $newElems.hide();
  1050. $newElems.imagesLoaded(function(){
  1051. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1052. });
  1053. }); $('#content').show(500);
  1054. });
  1055. </script>
  1056. {/block:indexpage}
  1057. </body>
  1058.  
  1059. <div id="donotremove"><a target="blank" href="http://aqua-wbu.tumblr.com/" target="_blank"><img src="http://i50.tinypic.com/3325qp0.png"></a></div>
  1060.  
  1061. <!--DO NOT REMOVE-->
  1062. <BODY onselectstart="return false;" ondragstart="return false;">
  1063. <!--DO NOT REMOVE-->
  1064.  
  1065. <!--Start of pop up-->
  1066. <div id="01" class="popup_block">
  1067. <div style="width: 510px; height: 320px; overflow-y:hidden; overflow-x:hidden;" </div>
  1068. <br><br>
  1069.  
  1070. You can write your updates, stats, <br> networks or whatever you want <br> in this pop up.
  1071.  
  1072. </div></div></div></div></div></div></div></div></div></div>
  1073. <!--End of pop up-->
  1074.  
  1075. <!--IMAGE CODE BY ROSETTAFUL-->
  1076. <!--Edit image under sidebar here-->
  1077. <div style="z-index:9; position:fixed; top:134px; left:63px; opacity:0.4;"><img src="http://33.media.tumblr.com/cb59e5a1c4ecf2b76fdc079583c837b9/tumblr_mz7wp9s21j1s8a280o1_500.gif" height="500px;"></a></div>
  1078. <!--IMAGE CODE BY ROSETTAFUL-->
  1079.  
  1080. <!--DO NOT REMOVE THIS!-->
  1081. <div id="jamies">
  1082. <div id="fab"><center> <img src="http://33.media.tumblr.com/3d9e072ba367647544cc6bcdc2fb7c44/tumblr_inline_mljkab0Vld1qz4rgp.gif" height="12px;"> </center></div>
  1083. <div id="credit"><a href="http://aqua-wbu.tumblr.com/" class="shake" target="_blank" style="color:#000">Theme by Aqua-wbu</a></div>
  1084. </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!