API tools faq
paste
mkbye

collab 1 — mkbye:celina + bedtiming:robert

mkbye
Nov 2nd, 2013
481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.42 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  7. <script>
  8. (function($){
  9. $(document).ready(function(){
  10. $("a[title]").style_my_tooltips({
  11. tip_follows_cursor:true,
  12. tip_delay_time:90,
  13. tip_fade_speed:600,
  14. attribute:"title"
  15. });
  16. });
  17. })(jQuery);
  18. </script>
  19. <script type="text/javascript" src="http://static.tumblr.com/tk7f1db/uQtmvge21/infinitescroll.txt"></script>
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51. <script type="text/javascript">
  52. <!--
  53.  
  54. // Disable Right Click Script
  55.  
  56. function IE(e)
  57. {
  58. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  59. {
  60. return false;
  61. }
  62. }
  63. function NS(e)
  64. {
  65. if (document.layers || (document.getElementById && !document.all))
  66. {
  67. if (e.which == "2" || e.which == "3")
  68. {
  69. return false;
  70. }
  71. }
  72. }
  73. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  74.  
  75. //-->
  76. </script>
  77.  
  78.  
  79. <script type="text/javascript"
  80. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  81.  
  82.  
  83. <!--DEFAULT VARIABLES-->
  84. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  85. <meta name="color:background" content="#fff"/>
  86. <meta name="color:link" content="#777"/>
  87. <meta name="color:text" content="#777"/>
  88. <meta name="color:title" content="#333"/>
  89. <meta name="color:hover" content="#fff"/>
  90. <meta name="color:borders" content="#fff"/>
  91. <meta name="color:scrollbar" content="#fff"/>
  92.  
  93. <meta name="image:sidebar" content="1"/>
  94. <meta name="image:sideback" content="1"/>
  95. <meta name="image:background" content="1"/>
  96. <meta name="image:nav bg" content="1"/>
  97. <meta name="image:gif" content="1"/>
  98.  
  99. <meta name="text:blog title" content="Title"/>
  100. <meta name="text:link one title" content="Link 1 title" />
  101. <meta name="text:link one" content="Link 1" />
  102. <meta name="text:link two title" content="Link 2 title" />
  103. <meta name="text:link two" content="Link 2" />
  104. <meta name="text:link three title" content="Link 3 Title" />
  105. <meta name="text:link three" content="Link 3" />
  106. <meta name="text:link four title" content="Link 4 Title" />
  107. <meta name="text:link four" content="Link 4" />
  108. <meta name="text:link five title" content="Link 5 Title" />
  109. <meta name="text:link five" content="Link 5" />
  110. <meta name="text:link six title" content="Link 6 Title" />
  111. <meta name="text:link six" content="Link 6" />
  112.  
  113. <meta name="text:stats" content="stats" />
  114. <meta name="text:name" content="name" />
  115.  
  116. <style type="text/css">
  117.  
  118. #s-m-t-tooltip {
  119. max-width:300px;
  120. padding:6px 6px 6px 6px;
  121. margin:20px 0px 0px 20px;
  122. background: #fff; /* change the background color */
  123. border:2px solid {color:borders}; /* change the border color */
  124. -webkit-border-radius:10px 15px;
  125. font-size:15px; /* change the font size */
  126. letter-spacing:0px; /* change the letter spacing */
  127. z-index:999999999999999999999999999999999999;
  128. }
  129.  
  130. #fade { /*--Transparent background layer--*/
  131. display: none; /*--hidden by default--*/
  132. background:url();
  133. position: fixed; left: 0; top: 0;
  134. width: 100%; height: 100%;
  135. opacity: .80;
  136. z-index: 9999;
  137. }
  138. .popup_block{
  139. display: none; /*--hidden by default--*/
  140. background: #fff;
  141. padding: 20px;
  142. border: 10px solid {color:borders};
  143. float: left;
  144. font-size:12px;
  145. font-family:arial;
  146. position: fixed;
  147. top: 50%; left: 50%;
  148. z-index: 99999;
  149. /*--CSS3 Rounded Corners--*/
  150. -webkit-border-radius: 10px;
  151. -moz-border-radius: 10px;
  152. border-radius: 10px;
  153. }
  154. img.btn_close {
  155. float: right;
  156. margin: -5px -5px 0 0;
  157. }
  158. /*--Making IE6 Understand Fixed Positioning--*/
  159. *html #fade {
  160. position: absolute;
  161. }
  162. *html .popup_block {
  163. position: absolute;
  164. }
  165.  
  166.  
  167. /*Fonts*/
  168. @font-face { font-family: "jack"; src: url('http://static.tumblr.com/jpsgxtp/zNjmumss0/jacklb__.ttf'); }
  169.  
  170. @font-face { font-family: "pumpkin"; src: url('http://static.tumblr.com/jpsgxtp/vspmumsti/pumpkin.ttf'); }
  171.  
  172. @font-face { font-family: "trees"; src: url('http://static.tumblr.com/jpsgxtp/tYsmumsu6/cfonetwotrees-regular.ttf'); }
  173.  
  174. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  175.  
  176. @font-face {font-family: "Cinnamon"; src: url("http://static.tumblr.com/npggxjg/Jm9m1xlt2/cinnamon_cake.ttf");}
  177.  
  178. ::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }
  179. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 1ex; }
  180.  
  181. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  182.  
  183. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  184.  
  185. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  186.  
  187. p {
  188. margin:0px;
  189. margin-top:0px;
  190. }
  191.  
  192.  
  193. body {
  194. padding: 0px;
  195. margin: 0px;
  196. color:{color:text};
  197. font-family:cinnamon;
  198. line-height:13px;
  199. font-size:15px;
  200. background-color: {color:Background};
  201. background-image:url({image:Background});
  202. background-attachment: fixed;
  203. background-repeat: repeat;
  204. }
  205.  
  206. n{
  207. font-family:trees;
  208. font-size:30px;
  209. color: {color:borders};
  210. }
  211.  
  212.  
  213. a:link, a:active, a:visited{
  214. text-decoration: none;
  215. -webkit-transition: color 0.3s ease-out;
  216. -moz-transition: color 0.3s ease-out;
  217. transition: color 0.3s ease-out;
  218. color:{color:link};
  219. }
  220.  
  221. a:hover {
  222. text-decoration: none;
  223. font-style:;
  224. color: {color:Hover};
  225. }
  226.  
  227. div#center{
  228. margin:auto;
  229. position:relative;
  230. width:1250px;
  231. background-color:;
  232. overflow:auto;
  233. overflow-y:hidden;
  234. }
  235.  
  236. asker{
  237. font-family: 'cinnamon';
  238. text-align: right;
  239. margin-top: 25px;
  240. margin-left: 5px;
  241. font-size:20px;
  242. color: #ddd;
  243. line-height: 31px;
  244. }
  245.  
  246. ask{
  247. font-family: 'cinnamon';
  248. text-align: right;
  249. margin-top:10px;
  250. font-size:20px;
  251. color: {color:title};
  252. }
  253.  
  254. #mypic img{
  255. width:40px;
  256. border-radius:100px;
  257. border:0px;
  258. padding:0px;
  259. }
  260.  
  261. #asker img{
  262. width:40px;
  263. border-radius:100px;
  264. border:0px;
  265. padding:0px;
  266. }
  267.  
  268. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  269. .entry {
  270. float:left;
  271. display: block;
  272. margin:5px;
  273. overflow:hidden;
  274. width:280px;
  275. border:1px solid #dddddd;
  276. padding:5px;
  277. padding-bottom:3px;
  278. {block:PermalinkPage}
  279. width:450px;
  280. text-align:left;
  281. line-height:10px;
  282. margin-left:70px;
  283. {/block:PermalinkPage}
  284. background:white;
  285. background-image:URL();
  286. }
  287.  
  288. .entry img{
  289. border:4px solid {color:borders};
  290. width:270px;
  291. {block:PermalinkPage}
  292. width:440px;
  293. {/block:PermalinkPage}
  294. }
  295.  
  296.  
  297. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  298. #posts {
  299. width:800px;
  300. margin-top:50px;
  301. z-index:99;
  302. margin-left:550px;
  303. right:auto;
  304. background:transparent;
  305. margin-right:auto;
  306. position:relative;
  307. overflow-y: hidden;
  308. }
  309.  
  310.  
  311. /*CUSTOMIZE SIDEBAR HERE*/
  312. #sidebar{
  313. position:fixed !important;
  314. width:370px;
  315. background-image: url({image:sideback});
  316. height:430px;
  317. padding-top:10px;
  318. margin-top:120px;
  319. border: 5px double #fff;
  320. margin-left:35px;
  321. text-align:center;
  322. }
  323.  
  324. #desc{
  325. position:fixed !important;
  326. width:131px;
  327. height:auto;
  328. margin-top:-346px;
  329. margin-left:17px;
  330. text-align:center;
  331. z-index:9999;
  332. font-family:cinnamon;
  333. color:{color:text};
  334. z-index:9999999;
  335. border:4px double {color:borders};
  336. background-color:#fff;
  337. font-size: 15px;
  338. border-radius:10px;
  339. line-height: 26px;
  340. opacity: 0;
  341. transition: all 0.6s ease-out;
  342. -o-transition-transition: all 0.6s ease-out;
  343. -webkit-transition: all 0.6s ease-out;
  344. -moz-transition: all 0.6s ease-out;
  345. }
  346.  
  347. #sidebar:hover #desc {
  348. opacity:1;
  349. transition: all 0.6s ease-out;
  350. -o-transition-transition: all 0.6s ease-out;
  351. -webkit-transition: all 0.6s ease-out;
  352. -moz-transition: all 0.6s ease-out;
  353. }
  354.  
  355. #sidebarpic{
  356. background-image: url({image:nav bg});
  357. width:350px;
  358. height:420px;
  359. }
  360.  
  361. #sidebarpic img{
  362. width:350px;
  363. background-image: url({image:sideback});
  364. height:420px;
  365. opacity:1;
  366. z-index:999999;
  367. -webkit-transition: all .7s ease;
  368. -moz-transition: all .7s ease;
  369. -o-transition: all .7s ease;
  370. transition: all .7s ease;
  371. }
  372.  
  373. #sidebar:hover #sidebarpic img{
  374. opacity:0;
  375. }
  376.  
  377. #blog-title{
  378. margin-top:385px;
  379. margin-left: 90px;
  380. background:transparent;
  381. font-family:trees;
  382. font-weight:bold;
  383. font-size:70px;
  384. color:{color:title};
  385. width:auto;
  386. height:40px;
  387. padding-left:15px;
  388. padding-right:15px;
  389. z-index:9;
  390. position:fixed;
  391. border-radius:6px;
  392. -webkit-transition: all .7s ease;
  393. -moz-transition: all .7s ease;
  394. -o-transition: all .7s ease;
  395. transition: all .7s ease;
  396. }
  397.  
  398. #sidebar:hover #blog-title{
  399. margin-top:25px;
  400. border-bottom: 4px double {color:borders};
  401. -webkit-transition: all .7s ease;
  402. -moz-transition: all .7s ease;
  403. -o-transition: all .7s ease;
  404. transition: all .7s ease;
  405. }
  406.  
  407. /*GIF*/
  408. #gifbg{
  409. position:fixed;
  410. -webkit-mask-image: url('http://oi40.tinypic.com/2gvrkp2.jpg');
  411. background-image:url({image:sideback});
  412. width:180px;
  413. height:137px;
  414. margin-left:160px;
  415. margin-top:-340px;
  416. opacity:0;
  417. -webkit-transition: all .7s ease;
  418. -moz-transition: all .7s ease;
  419. -o-transition: all .7s ease;
  420. transition: all .7s ease;
  421. }
  422.  
  423. #sidebar:hover #gifbg{
  424. opacity:1;
  425. -webkit-transition: all .7s ease;
  426. -moz-transition: all .7s ease;
  427. -o-transition: all .7s ease;
  428. transition: all .7s ease;
  429. }
  430.  
  431. #gif{
  432. position:fixed;
  433. -webkit-mask-image: url('http://oi40.tinypic.com/15qxn9v.jpg');
  434. width:160px;
  435. height:120px;
  436. margin-left:10px;
  437. margin-top:8px;
  438. }
  439.  
  440. #gif img{
  441. width:160px;
  442. height:120px;
  443. }
  444.  
  445. /*LINKS*/
  446. #sidebar .link{
  447. position:fixed;
  448. z-index:999999999999999;
  449. margin-top: -215px;
  450. margin-left:180px;
  451. width:auto;
  452. height:auto;
  453. transition: all 0.6s ease-out;
  454. -o-transition-transition: all 0.6s ease-out;
  455. -webkit-transition: all 0.6s ease-out;
  456. -moz-transition: all 0.6s ease-out;
  457. opacity:0;
  458. }
  459.  
  460. #sidebar .link img{
  461. height:40px;
  462. width:15px;
  463. transition: all 0.6s ease-out;
  464. -o-transition-transition: all 0.6s ease-out;
  465. -webkit-transition: all 0.6s ease-out;
  466. -moz-transition: all 0.6s ease-out;
  467. }
  468.  
  469. #sidebar .link img:hover{
  470. z-index:99999999999999999;
  471. height:50px;
  472. transition: all 0.6s ease-out;
  473. -o-transition-transition: all 0.6s ease-out;
  474. -webkit-transition: all 0.6s ease-out;
  475. -moz-transition: all 0.6s ease-out;
  476. }
  477.  
  478. #sidebar:hover .link{
  479. opacity:1;
  480. }
  481.  
  482. #sidebar .link2{
  483. position:fixed;
  484. z-index:999999999999999;
  485. margin-top: -205px;
  486. margin-left:197px;
  487. width:auto;
  488. height:auto;
  489. transition: all 0.6s ease-out;
  490. -o-transition-transition: all 0.6s ease-out;
  491. -webkit-transition: all 0.6s ease-out;
  492. -moz-transition: all 0.6s ease-out;
  493. opacity:0;
  494. }
  495.  
  496. #sidebar .link2 img{
  497. height:50px;
  498. width:25px;
  499. transition: all 0.6s ease-out;
  500. -o-transition-transition: all 0.6s ease-out;
  501. -webkit-transition: all 0.6s ease-out;
  502. -moz-transition: all 0.6s ease-out;
  503. }
  504.  
  505. #sidebar .link2 img:hover{
  506. z-index:99999999999999999;
  507. height:60px;
  508. transition: all 0.6s ease-out;
  509. -o-transition-transition: all 0.6s ease-out;
  510. -webkit-transition: all 0.6s ease-out;
  511. -moz-transition: all 0.6s ease-out;
  512. }
  513.  
  514. #sidebar:hover .link2{
  515. opacity:1;
  516. transition: all 0.6s ease-out;
  517. -o-transition-transition: all 0.6s ease-out;
  518. -webkit-transition: all 0.6s ease-out;
  519. -moz-transition: all 0.6s ease-out;
  520. }
  521.  
  522. #sidebar .link3{
  523. position:fixed;
  524. z-index:999999999999999;
  525. margin-top: -205px;
  526. margin-left:220px;
  527. width:auto;
  528. height:auto;
  529. transition: all 0.6s ease-out;
  530. -o-transition-transition: all 0.6s ease-out;
  531. -webkit-transition: all 0.6s ease-out;
  532. -moz-transition: all 0.6s ease-out;
  533. opacity:0;
  534. }
  535.  
  536. #sidebar .link3 img{
  537. height:70px;
  538. width:25px;
  539. transition: all 0.6s ease-out;
  540. -o-transition-transition: all 0.6s ease-out;
  541. -webkit-transition: all 0.6s ease-out;
  542. -moz-transition: all 0.6s ease-out;
  543. }
  544.  
  545. #sidebar .link3 img:hover{
  546. z-index:99999999999999999;
  547. height:60px;
  548. transition: all 0.6s ease-out;
  549. -o-transition-transition: all 0.6s ease-out;
  550. -webkit-transition: all 0.6s ease-out;
  551. -moz-transition: all 0.6s ease-out;
  552. }
  553.  
  554. #sidebar:hover .link3{
  555. opacity:1;
  556. transition: all 0.8s ease-out;
  557. -o-transition-transition: all 0.8s ease-out;
  558. -webkit-transition: all 0.8s ease-out;
  559. -moz-transition: all 0.8s ease-out;
  560. }
  561.  
  562. #sidebar .link4{
  563. position:fixed;
  564. z-index:999999999999999;
  565. margin-top: -205px;
  566. margin-left:250px;
  567. width:auto;
  568. height:auto;
  569. transition: all 0.6s ease-out;
  570. -o-transition-transition: all 0.6s ease-out;
  571. -webkit-transition: all 0.6s ease-out;
  572. -moz-transition: all 0.6s ease-out;
  573. opacity:0;
  574. }
  575.  
  576. #sidebar .link4 img{
  577. height:65px;
  578. width:22px;
  579. transition: all 0.6s ease-out;
  580. -o-transition-transition: all 0.6s ease-out;
  581. -webkit-transition: all 0.6s ease-out;
  582. -moz-transition: all 0.6s ease-out;
  583. }
  584.  
  585. #sidebar .link4 img:hover{
  586. z-index:99999999999999999;
  587. height:60px;
  588. transition: all 0.6s ease-out;
  589. -o-transition-transition: all 0.6s ease-out;
  590. -webkit-transition: all 0.6s ease-out;
  591. -moz-transition: all 0.6s ease-out;
  592. }
  593.  
  594. #sidebar:hover .link4{
  595. opacity:1;
  596. transition: all 1s ease-out;
  597. -o-transition-transition: all 1s ease-out;
  598. -webkit-transition: all 1s ease-out;
  599. -moz-transition: all 1s ease-out;
  600. }
  601.  
  602. #sidebar .link5{
  603. position:fixed;
  604. z-index:999999999999999;
  605. margin-top: -205px;
  606. margin-left:280px;
  607. width:auto;
  608. height:auto;
  609. transition: all 0.6s ease-out;
  610. -o-transition-transition: all 0.6s ease-out;
  611. -webkit-transition: all 0.6s ease-out;
  612. -moz-transition: all 0.6s ease-out;
  613. opacity:0;
  614. }
  615.  
  616. #sidebar .link5 img{
  617. height:47px;
  618. width:20px;
  619. transition: all 0.6s ease-out;
  620. -o-transition-transition: all 0.6s ease-out;
  621. -webkit-transition: all 0.6s ease-out;
  622. -moz-transition: all 0.6s ease-out;
  623. }
  624.  
  625. #sidebar .link5 img:hover{
  626. z-index:99999999999999999;
  627. height:60px;
  628. transition: all 0.6s ease-out;
  629. -o-transition-transition: all 0.6s ease-out;
  630. -webkit-transition: all 0.6s ease-out;
  631. -moz-transition: all 0.6s ease-out;
  632. }
  633.  
  634. #sidebar:hover .link5{
  635. opacity:1;
  636. transition: all 1.2s ease-out;
  637. -o-transition-transition: all 1.2s ease-out;
  638. -webkit-transition: all 1.2s ease-out;
  639. -moz-transition: all 1.2s ease-out;
  640. }
  641.  
  642. #sidebar .link6{
  643. position:fixed;
  644. z-index:999999999999999;
  645. margin-top: -215px;
  646. margin-left:300px;
  647. width:auto;
  648. height:auto;
  649. transition: all 0.6s ease-out;
  650. -o-transition-transition: all 0.6s ease-out;
  651. -webkit-transition: all 0.6s ease-out;
  652. -moz-transition: all 0.6s ease-out;
  653. opacity:0;
  654. }
  655.  
  656. #sidebar .link6 img{
  657. height:27px;
  658. width:20px;
  659. transition: all 0.6s ease-out;
  660. -o-transition-transition: all 0.6s ease-out;
  661. -webkit-transition: all 0.6s ease-out;
  662. -moz-transition: all 0.6s ease-out;
  663. }
  664.  
  665. #sidebar .link6 img:hover{
  666. z-index:99999999999999999;
  667. height:35px;
  668. transition: all 0.6s ease-out;
  669. -o-transition-transition: all 0.6s ease-out;
  670. -webkit-transition: all 0.6s ease-out;
  671. -moz-transition: all 0.6s ease-out;
  672. }
  673.  
  674. #sidebar:hover .link6{
  675. opacity:1;
  676. transition: all 1.2s ease-out;
  677. -o-transition-transition: all 1.2s ease-out;
  678. -webkit-transition: all 1.2s ease-out;
  679. -moz-transition: all 1.2s ease-out;
  680. }
  681.  
  682. #sidebar #stats{
  683. position:fixed !important;
  684. width:120px;
  685. height:25px;
  686. margin-top:325px;
  687. margin-left:50px;
  688. text-align:center;
  689. z-index:9999;
  690. font-family:jack;
  691. border:3px double {color:borders};
  692. background-color:white;
  693. font-size: 25px;
  694. border-radius:5px;
  695. line-height: 28px;
  696. opacity:0;
  697. transition: all 0.6s ease-out;
  698. -o-transition-transition: all 0.6s ease-out;
  699. -webkit-transition: all 0.6s ease-out;
  700. -moz-transition: all 0.6s ease-out;
  701. }
  702.  
  703. #sidebar:hover #stats{
  704. opacity:1;
  705. transition: all 0.6s ease-out;
  706. -o-transition-transition: all 0.6s ease-out;
  707. -webkit-transition: all 0.6s ease-out;
  708. -moz-transition: all 0.6s ease-out;
  709. }
  710.  
  711. #sidebar #updates{
  712. position:fixed !important;
  713. width:120px;
  714. height:25px;
  715. margin-top:365px;
  716. margin-left:50px;
  717. text-align:center;
  718. z-index:9999;
  719. font-family:jack;
  720. border:3px double {color:borders};
  721. background-color:white;
  722. font-size: 25px;
  723. border-radius:5px;
  724. line-height: 28px;
  725. opacity:0;
  726. transition: all 0.6s ease-out;
  727. -o-transition-transition: all 0.6s ease-out;
  728. -webkit-transition: all 0.6s ease-out;
  729. -moz-transition: all 0.6s ease-out;
  730. }
  731.  
  732. #sidebar:hover #updates{
  733. opacity:1;
  734. transition: all 0.6s ease-out;
  735. -o-transition-transition: all 0.6s ease-out;
  736. -webkit-transition: all 0.6s ease-out;
  737. -moz-transition: all 0.6s ease-out;
  738. }
  739.  
  740. #trans img{
  741. position:fixed !important;
  742. width:120px;
  743. margin-top:290px;
  744. margin-left:30px;
  745. opacity:0;
  746. transition: all 0.6s ease-out;
  747. -o-transition-transition: all 0.6s ease-out;
  748. -webkit-transition: all 0.6s ease-out;
  749. -moz-transition: all 0.6s ease-out;
  750. }
  751.  
  752. #sidebar:hover #trans img{
  753. opacity:1;
  754. }
  755.  
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763. /*Linez*/
  764. .line-left {
  765. height:1400px;
  766. width:5px;
  767. border:4px double #fff;
  768. border-top:none;
  769. border-bottom:none;
  770. margin-left:522px;
  771. top:0px;
  772. background-color:{color:borders};
  773. position:fixed;
  774. background-size:1000% 200%;
  775. }
  776.  
  777. .line-right {
  778. height:1400px;
  779. width:5px;
  780. border:4px double #fff;
  781. border-top:none;
  782. border-bottom:none;
  783. margin-left:1163px;
  784. top:0px;
  785. background-color:{color:borders};
  786. position:fixed;
  787. background-size:1000% 200%;
  788. }
  789.  
  790. .lace-left{
  791. position:absolute;
  792. position:fixed;
  793. margin-left:497px;
  794. top:-10px;
  795. background-image: url('http://i.imgur.com/B0STUlj.png');
  796. height:1400px;
  797. width:34px;
  798. z-index:99;
  799. }
  800.  
  801. .lace-right{
  802. position:absolute;
  803. position:fixed;
  804. margin-left:1138px;
  805. top:-10px;
  806. background-image: url('http://i.imgur.com/B0STUlj.png');
  807. height:1400px;
  808. width:34px;
  809. z-index:9999;
  810. }
  811. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  812. .title{
  813. line-height: 35px;
  814. font-size: 30px;
  815. color:{color:Title};
  816. font-weight: bold;
  817. font-family:trees;
  818. }
  819.  
  820.  
  821. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  822. .permalink{
  823. text-transform: normal;
  824. display: block;
  825. text-align: right;
  826. text-decoration: none;
  827. }
  828.  
  829. .entry .perma a{
  830. text-shadow: 0px 0px 4px {color:borders};
  831. color:{color:borders};
  832. font-family:hast;
  833. }
  834.  
  835. .entry .perma{
  836. width: 150px;
  837. height: auto;
  838. margin-top: 360px;
  839. margin-left: 75px;
  840. padding-left:4px;
  841. padding-right:4px;
  842. position: absolute;
  843. font-family: hast;
  844. text-decoration: bold;
  845. text-transform: uppercase;
  846. font-size:12px;
  847. text-shadow: 0px 0px 4px {color:borders};
  848. border: 3px solid {color:borders};
  849. box-shadow:2px 3px 2px {color:borders};
  850. letter-spacing: 1px;
  851. line-height: 20px;
  852. overflow: visible;
  853. opacity: 0;
  854. border-radius:3px;
  855. background-color: #fff;
  856. -webkit-transition: all .5s ease;
  857. -moz-transition: all .5s ease;
  858. -o-transition: all .5s ease;
  859. transition: all .5s ease;
  860. }
  861.  
  862. .entry:hover .perma{
  863. overflow:visible;
  864. opacity: 0.9;
  865. bottom:29px;
  866. -webkit-transition: all .5s ease;
  867. -moz-transition: all .5s ease;
  868. -o-transition: all .5s ease;
  869. transition: all .5s ease;
  870. }
  871.  
  872. .entry .permalike{
  873. width: auto;
  874. height: auto;
  875. margin-top: 360px;
  876. margin-left: 35px;
  877. padding:4px;
  878. position: absolute;
  879. text-shadow: 0px 0px 4px {color:borders};
  880. border: 3px solid {color:borders};
  881. box-shadow:2px 3px 2px {color:borders};
  882. letter-spacing: 1px;
  883. line-height: 20px;
  884. overflow: visible;
  885. opacity: 0;
  886. border-radius:5px;
  887. background-color: #fff;
  888. -webkit-transition: all .5s ease;
  889. -moz-transition: all .5s ease;
  890. -o-transition: all .5s ease;
  891. transition: all .5s ease;
  892. }
  893.  
  894. .entry:hover .permalike{
  895. overflow:visible;
  896. opacity: 0.9;
  897. bottom:70px;
  898. -webkit-transition: all .5s ease;
  899. -moz-transition: all .5s ease;
  900. -o-transition: all .5s ease;
  901. transition: all .5s ease;
  902. }
  903.  
  904. .entry .permareblog{
  905. width: auto;
  906. height: auto;
  907. margin-top: 360px;
  908. margin-left: 35px;
  909. padding:4px;
  910. position: absolute;
  911. text-shadow: 0px 0px 4px {color:borders};
  912. border: 3px solid {color:borders};
  913. box-shadow:2px 3px 2px {color:borders};
  914. letter-spacing: 1px;
  915. line-height: 20px;
  916. overflow: visible;
  917. opacity: 0;
  918. border-radius:5px;
  919. background-color: #fff;
  920. -webkit-transition: all .5s ease;
  921. -moz-transition: all .5s ease;
  922. -o-transition: all .5s ease;
  923. transition: all .5s ease;
  924. }
  925.  
  926. .entry:hover .permareblog{
  927. overflow:visible;
  928. opacity: 0.9;
  929. bottom:30px;
  930. -webkit-transition: all .5s ease;
  931. -moz-transition: all .5s ease;
  932. -o-transition: all .5s ease;
  933. transition: all .5s ease;
  934. }
  935.  
  936. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  937. #infscr-loading{
  938. bottom: -70px;
  939. position: absolute;
  940. left: 50%;
  941. margin-left:-8px;
  942. width:16px;
  943. height:11px;
  944. overflow:hidden;
  945. margin-bottom: 50px;
  946. }
  947.  
  948. #postnotes{
  949. text-align: justify;}
  950.  
  951. #postnotes blockquote{
  952. border: 0px;}
  953.  
  954. blockquote{
  955. padding:0px 0px 2px 5px;
  956. margin:0px 0px 2px 10px;
  957. border-left: 1px dotted #555555;
  958. }
  959.  
  960. blockquote p, ul{
  961. margin:0px;
  962. padding:0px;
  963. }
  964.  
  965. a img{border: 0px;}
  966.  
  967.  
  968. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  969.  
  970. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  971. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  972.  
  973. .notes img{width:10px; position:relative; top:3px;}
  974. <--ses-->
  975. small{font-size: 90%;}
  976.  
  977. {CustomCSS}
  978.  
  979. </style>
  980.  
  981. {block:IndexPage}
  982. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  983. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  984.  
  985. <script type="text/javascript">
  986. $(window).load(function(){
  987. var $wall = $('#posts');
  988. $wall.imagesLoaded(function(){
  989. $wall.masonry({
  990. itemSelector: '.entry, .entry_photo',
  991. isAnimated : false
  992. });
  993. });
  994.  
  995. $wall.infinitescroll({
  996. navSelector : '#pagination',
  997. nextSelector : '#pagination a',
  998. itemSelector : '.entry, .entry_photo',
  999. bufferPx : 2000,
  1000. debug : false,
  1001. errorCallback: function() {
  1002. $('#infscr-loading').fadeOut('normal');
  1003. }},
  1004. function( newElements ) {
  1005. var $newElems = $( newElements );
  1006. $newElems.hide();
  1007. $newElems.imagesLoaded(function(){
  1008. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1009. });
  1010. }); $('#posts').show(500);
  1011. });
  1012. </script>
  1013.  
  1014.  
  1015. {/block:IndexPage}
  1016.  
  1017.  
  1018. <title>{title}</title>
  1019.  
  1020. <link rel="shortcut icon" href="{Favicon}" />
  1021. <meta name="viewport" content="width=820" />
  1022. </head>
  1023.  
  1024. <body>
  1025. <BODY onselectstart="return false;" ondragstart="return false;">
  1026. <div class="wrapper">
  1027. <div class="header">
  1028. </div>
  1029.  
  1030. <div id="cage">
  1031. <div id="center">
  1032.  
  1033. <div class="line-left"></div>
  1034. <div class="line-right"></div>
  1035. <div class="lace-left"></div>
  1036. <div class="lace-right"></div>
  1037.  
  1038. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1039. <div id="sidebar">
  1040. <div id="blog-title">{text:blog title}</div>
  1041.  
  1042. <div id="stats">{text:stats}</div>
  1043.  
  1044. <div id="updates"><a href="#?w=500" rel="02" class="poplight">Updates</a></div>
  1045.  
  1046. <div id="trans"><img src="http://31.media.tumblr.com/010b65c4c3ed264b7a8cc12ebdad24b9/tumblr_mkt7uoQ1aI1ryniwuo1_500.png"></div>
  1047. <center>
  1048. <div id="sidebarpic"><img src="{image:sidebar}"></div></center>
  1049.  
  1050. <div id="gifbg">
  1051. <div id="gif"><img src="{image:gif}"></div>
  1052. </div>
  1053. <div id="desc">{description}</div>
  1054. <div class="link"><a href="{text:link one}" title="{text:link one title}"><img src="http://i.imgur.com/VbNX3up.gif"></a></div>
  1055.  
  1056. <div class="link2"><a href="{text:link two}" title="{text:link two title}"><img src="http://i.imgur.com/hvUiSDj.gif"></a></div>
  1057.  
  1058. <div class="link3"><a href="{text:link three}" title="{text:link three title}"><img src="http://i.imgur.com/qKgK87b.gif"></a></div>
  1059.  
  1060. <div class="link4"><a href="{text:link four}" title="{text:link four title}"><img src="http://i.imgur.com/AZDmlxz.gif"></a></div>
  1061.  
  1062. <div class="link5"><a href="{text:link five}" title="{text:link five title}"><img src="http://i.imgur.com/80nmp4b.gif"></a></div>
  1063.  
  1064. <div class="link6"><a href="{text:link six}" title="{text:link six title}"><img src="http://i.imgur.com/zXA3uwG.gif"></a></div>
  1065.  
  1066. </div>
  1067.  
  1068.  
  1069.  
  1070. <!------------------------------------->
  1071.  
  1072.  
  1073. <div class="left">
  1074. <div id="posts">
  1075. {block:Posts}
  1076. <div class="entry">
  1077.  
  1078. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1079.  
  1080. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1081. {/block:Text}
  1082.  
  1083. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1084.  
  1085. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1086.  
  1087. {block:Answer}<br>
  1088. <div id="asker"><img src="{AskerPortraitURL-30}" width="35" align="left" style="margin-right: 0px; margin-top: -15px; border:2px solid {color:title}; -moz-border-radius:20px; border-radius:20px; text-align:left;"/></div>
  1089.  
  1090. <div style="margin-top: -7px;
  1091. margin-left:0px;
  1092. text-align: left;
  1093. line-height:14px;
  1094. min-height:45px;
  1095. padding-left: 8px;
  1096. padding-top: 5px;
  1097. padding-right: 4px;
  1098. padding-bottom: 2px;
  1099. background: #f8f7f7;
  1100. border-radius:5px;
  1101. z-index: 0;">
  1102. &nbsp;<asker>{Asker}</asker>: </br><div style="padding-bottom:5px;">{Question}</div></div>
  1103.  
  1104. <div style="padding:15px;"></div>
  1105.  
  1106. <div id="mypic"><img src="{PostAuthorPortraitURL-30}" width="35" align="right" style="margin-right: 0px; margin-top: -15px; border:2px solid {color:borders}; -moz-border-radius:20px; border-radius:20px; text-align:left; "/></div>
  1107.  
  1108. <div style="margin-top: 2px;
  1109. margin-left: 0px;
  1110. border-radius:5px;
  1111. min-height:45px;
  1112. width:270px;
  1113. line-height: 14px;
  1114. padding-left: 8px;
  1115. padding-top: 5px;
  1116. padding-right: 4px;
  1117. padding-bottom: 2px;
  1118. background: #f8f7f7;
  1119. z-index: 0;
  1120. text-align: left;
  1121. {block:permalinkpage}width:437px;{/block:permalinkpage}">
  1122. &nbsp;<div style="margin-top:0px; padding-bottom:5px;"><ask>{text:name}:</ask></div><div style="padding-bottom:5px;">{Answer}</div></div>
  1123.  
  1124.  
  1125. <div style="padding:10px;"></div>
  1126.  
  1127. <div style="align: right;
  1128. border-top: 1px solid {color:border};
  1129. margin-top:5px;
  1130. padding:6px;
  1131. text-align: right">
  1132. <a href="{Permalink}"> {NoteCount} </a> & posted {timeago}</div>
  1133. {/block:Answer}
  1134.  
  1135.  
  1136. {block:Photo}
  1137. {block:IndexPage}
  1138. <div class="perma">
  1139. <a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">↺</a><br>
  1140. Posted @ {12Hour}:{Minutes} {AmPm}
  1141. </div>
  1142. <div class="permalike">
  1143. {LikeButton}
  1144. </div>
  1145. <div class="permareblog">
  1146. {ReblogButton}
  1147. </div>
  1148. {/block:IndexPage}
  1149. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px; height=auto; border=4px solid #000;/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px;/>{LinkCloseTag}{/block:PermalinkPage}
  1150. {/block:Photo}
  1151.  
  1152. {block:Photoset}
  1153. {block:IndexPage}
  1154. <center>
  1155.  
  1156. <div class="perma">
  1157. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1158.  
  1159. {Photoset-250}</center>
  1160. {/block:IndexPage}
  1161. {block:PermalinkPage}
  1162. <center>
  1163. {Photoset-500}</center>
  1164. {/block:PermalinkPage}
  1165. {/block:Photoset}
  1166.  
  1167. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1168.  
  1169. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1170.  
  1171. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1172. <ul class="chat">
  1173. {block:Lines}
  1174. <li class="user_{UserNumber}">
  1175. {block:Label}
  1176. <span class="label">{Label}</span>
  1177. {/block:Label}
  1178.  
  1179. {Line}
  1180. </li>
  1181. {/block:Lines}
  1182. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1183. {/block:Chat}
  1184.  
  1185. {block:Audio}
  1186. <div style="width:200px; height:30px;">
  1187. {AudioPlayerBlack}
  1188. </div>
  1189. {block:IndexPage}<span class="permalink">
  1190. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1191. </span>{/block:IndexPage}
  1192. {/block:Audio}
  1193.  
  1194. {block:Video}
  1195. {block:IndexPage}
  1196. <center>
  1197. <div class="perma">
  1198. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1199. {Video-250}</center>
  1200. {/block:IndexPage}
  1201. {block:PermalinkPage}
  1202. <center>
  1203. {Video-400}</center>
  1204. {/block:PermalinkPage}
  1205. {block:Video}
  1206.  
  1207.  
  1208. {block:PostNotes}<div align="middle">{caption}</div>
  1209. <center>
  1210.  
  1211. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1212.  
  1213. {block:HasTags}
  1214. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1215. {block:RebloggedFrom}
  1216. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1217. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1218.  
  1219. {/block:RebloggedFrom}
  1220. </center></span>
  1221. <br>
  1222. <div id="postnotes">{PostNotes}</div><br>
  1223.  
  1224. <center>{block:ContentSource}
  1225. <br><a href="{SourceURL}">
  1226. {lang:Source}:
  1227. {block:SourceLogo}
  1228. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1229. height="{LogoHeight}" alt="{SourceTitle}" />
  1230. {/block:SourceLogo}
  1231. {block:NoSourceLogo}
  1232. {SourceLink}
  1233. {/block:NoSourceLogo}
  1234. </a>
  1235. {/block:ContentSource}</center>
  1236.  
  1237. {/block:PostNotes}
  1238. </div>
  1239. {/block:Posts}
  1240. </div></div>
  1241.  
  1242. {block:IndexPage}
  1243. {block:Pagination}
  1244. <div id="pagination">
  1245. {block:NextPage}
  1246. <a id="nextPage" href="{NextPage}"></a>
  1247. {/block:NextPage}
  1248. {block:PreviousPage}
  1249. <a href="{PreviousPage}"></a>
  1250. {/block:PreviousPage}
  1251. </div>
  1252. {/block:Pagination}
  1253. {/block:IndexPage}
  1254.  
  1255. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://media.tumblr.com/36d1b24f78fcc58ba0b383e154bcd5e3/tumblr_inline_mu2khmHPyw1rq25qq.png";image_urls['rain2']="http://media.tumblr.com/36d1b24f78fcc58ba0b383e154bcd5e3/tumblr_inline_mu2khmHPyw1rq25qq.png";image_urls['rain3']="http://media.tumblr.com/36d1b24f78fcc58ba0b383e154bcd5e3/tumblr_inline_mu2khmHPyw1rq25qq.png";image_urls['rain4']="http://media.tumblr.com/36d1b24f78fcc58ba0b383e154bcd5e3/tumblr_inline_mu2khmHPyw1rq25qq.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
  1256. .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
  1257. .css({position:'absolute',left:e(0,c)+'px',top:'-50px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
  1258. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>
  1259.  
  1260.  
  1261.  
  1262. </body>
  1263. <div id="02" class="popup_block">
  1264.  
  1265. <div style="font-family:trees; font-size: 60px; font-weight:bold; color:{color:title}; padding-top: 15px; padding-bottom:15px; text-align:center;">Updates<br></div>
  1266.  
  1267. <div style="padding-top:25px; padding-bottom:10px;">
  1268. <center>
  1269.  
  1270. Write your updates here!
  1271.  
  1272. </center></div>
  1273.  
  1274. </div></div></div></div></div></div></div></div></div></div>
  1275. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!