API tools faq
paste
Advertisement
Cuddly-Themes

Technology

Cuddly-Themes
Sep 29th, 2012
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.90 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. *LIMITED EDITION* Seasonal Theme: Apple Cider
  3. By Luxurious Indulgence (luxuriousindulgence.tumblr.com)
  4. PLEASE DO NOT REMOVE CREDITS.
  5. PLEASE DO NOT REMOVE CREDITS.
  6. PLEASE DO NOT REMOVE CREDITS.
  7. PLEASE DO NOT REMOVE CREDITS.
  8. PLEASE DO NOT REMOVE CREDITS.
  9. --->
  10. <head>
  11.  
  12. <script type="text/javascript" src="leaves.js"></script>
  13.  
  14.  
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/fgfmpgh/M3zkzagj7/totop.png" border="0" opacity="1" z-index="9999"></a>
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19.  
  20.  
  21.  
  22. <!--Title Bar Maker-->
  23. <script type="text/javascript">
  24.  
  25. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  26. function tb8_makeArray(n){
  27. this.length = n;
  28. return this.length;
  29. }
  30.  
  31. tb8_messages = new tb8_makeArray(1);
  32. tb8_messages[0] = "{text:typing title bar}";
  33. tb8_rptType = 'infinite';
  34. tb8_rptNbr = 5;
  35. tb8_speed = 80;
  36. tb8_delay = 2000;
  37. var tb8_counter=1;
  38. var tb8_currMsg=0;
  39. var tb8_tekst ="";
  40. var tb8_i=0;
  41. var tb8_TID = null;
  42. function tb8_pisi(){
  43. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  44. document.title = tb8_tekst;
  45. tb8_sp=tb8_speed;
  46. tb8_i++;
  47. if (tb8_i==tb8_messages[tb8_currMsg].length){
  48. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  49. }
  50. if (tb8_currMsg == tb8_messages.length){
  51. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  52. clearTimeout(tb8_TID);
  53. return;
  54. }
  55. tb8_counter++;
  56. tb8_currMsg = 0;
  57. }
  58. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  59. }
  60. tb8_pisi()
  61. </script>
  62. <style type="text/css">
  63.  
  64. </style>
  65.  
  66. <script type="text/javascript">
  67. $(window).load(function () {
  68. var $content = $('#posts');
  69. $content.masonry({itemSelector: '.entry'}),
  70. $content.infinitescroll({
  71. navSelector : 'div#pagination',
  72. nextSelector : 'div#pagination a#nextPage',
  73. itemSelector : '.entry',
  74. loading: {
  75. finishedMsg: '',
  76. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  77. },
  78. bufferPx : 600,
  79. debug : false,
  80. },
  81. // call masonry as a callback.
  82. function( newElements ) {
  83. var $newElems = $( newElements );
  84. $newElems.hide();
  85. // ensure that images load before adding to masonry layout
  86. $newElems.imagesLoaded(function(){
  87. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  88.  
  89.  
  90. });
  91. });
  92. });
  93. </script>
  94.  
  95. <script type="text/javascript"
  96. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  97.  
  98. <script type="text/javascript"
  99. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  100.  
  101. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  102. <meta name="color:Posts Background" content="#FFFFFF"/>
  103. <meta name="color:links background" content="#ffffff"/>
  104. <meta name="color:Text" content="#ddd"/>
  105. <meta name="color:Scrollbar" content="#64330b"/>
  106. <meta name="color:Link" content="#fab861"/>
  107. <meta name="color:Link hover" content="#cccccc"/>
  108. <meta name="color:Accented text" content="#ff7300"/>
  109. <meta name="color:Background" content="#ddd">
  110.  
  111. <meta name="image:Background" content="http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/subtle_dots.png">
  112. <meta name="image:Sidebar" content="http://24.media.tumblr.com/tumblr_m9u351GPMV1rc0fd6o1_500.jpg">
  113.  
  114. <meta name="text:Text Font Size" content="8px"/>
  115. <meta name="text:typing title bar" content="Technology rules the world"/>
  116.  
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121. ::-webkit-scrollbar {width: 12px; height: 4px; background: #fff; }
  122. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; -webkit-box-shadow: inset 0 0 6px #282828; -webkit-border-radius: 10px;
  123. border-radius: 10px;
  124. }
  125.  
  126. #tumblr_controls{
  127. position:fixed !important;
  128. }
  129.  
  130. #scrollToTop:link,#scrollToTop:visited {z-index:9999; color: transparent; background-color: transparent; display: none; position: fixed; bottom: 20px; right: 10px;}
  131.  
  132.  
  133. .wrapper{
  134. margin: 0px auto;
  135. width: 802px;
  136. }
  137.  
  138. .header{
  139. float: left;
  140. width: 100%;
  141. }
  142.  
  143. .left{
  144. float: left;
  145. margin-right: 20px;
  146. width: 802px;
  147. }
  148.  
  149. .right{
  150. float: right;
  151. width: 200px;
  152. background-color: {color:Background};
  153. }
  154.  
  155. body {
  156. margin: 0px;
  157. background-color:{color:background};
  158. background-image:url({image:Background});
  159. background-attachment: fixed;
  160. background-repeat: repeat;
  161. background-position: center;
  162. }
  163.  
  164. body, div, p, textarea, submit, input {
  165. font-family:"ronda";
  166. font-size: 8px;
  167. color:{color:Text};
  168. text-transform:none;
  169. }
  170.  
  171. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  172.  
  173. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  174.  
  175.  
  176. @font-face {
  177. font-family: "tinytots";
  178. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  179. }
  180.  
  181.  
  182. @font-face {
  183. font-family: "caviardreams";
  184. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  185. }
  186.  
  187.  
  188.  
  189.  
  190.  
  191. a:link, a:active, a:visited{
  192. color: {color:link};
  193. text-decoration: none;
  194. -webkit-transition: color 0.4s ease-out;
  195. -moz-transition: color 0.4s ease-out;
  196. }
  197.  
  198. a:hover{
  199. color:{color:link hover};
  200. -webkit-transition: color 0.4s ease-out;
  201. -moz-transition: color 0.4s ease-out;
  202. text-shadow:0px 0px 1px #414141;
  203. }
  204.  
  205. div#posts {
  206. width:630px;
  207. margin-left:290px;
  208. top: 5px;
  209. float:left;
  210. z-index:9;
  211. }
  212.  
  213. .entry {
  214. margin:2px;
  215. padding:1px;
  216. box-shadow: 0px 0px 8px silver;
  217. float:left;
  218. background-color: white;
  219. font-size: 8px;
  220. line-height:10px;
  221. border:1px solid #d1d1d1;
  222. {block:IndexPage}
  223. width:300px;
  224. {/block:IndexPage}
  225. {block:PermalinkPage}
  226. width:630px;
  227. {/block:PermalinkPage}
  228. }
  229.  
  230. .entry .permalink {
  231. opacity:0;
  232. width:100px;
  233. height:15px;
  234. font-family:'trebuchet MS';
  235. line-height:15px;margin-left:2px;
  236. font-size:9px;margin-top:-2px;
  237. -webkit-transition-timing-function: ease-out;
  238. -webkit-transition-duration: .5s;
  239. -moz-transition-timing-function: ease-out;
  240. -moz-transition-duration: .5s;
  241. position:absolute;
  242. text-transform:uppercase;
  243. background:transparent;
  244. letter-spacing:2px;
  245. text-align:center;
  246. overflow:hidden;
  247. }
  248.  
  249. .entry:hover .permalink {
  250. background:#ddd;
  251. width:100px;
  252. opacity:.9;
  253. text-align:center;
  254. margin-left:120px;
  255. padding-right:3px;
  256. color:black;
  257. margin-top:2px;
  258. -webkit-transition-timing-function: ease-out;
  259. -webkit-transition-duration: .3s;
  260. -moz-transition-timing-function: ease-out;
  261. -moz-transition-duration: .3s;
  262. line-height:16px;
  263. height:15px;
  264. overflow:visible;
  265. -moz-box-shadow: 0 0 10px #fff;
  266. -webkit-box-shadow: 0px 0px 10px #fff;
  267. }
  268.  
  269. .entry .permalink1 {
  270. opacity:0;
  271. width:100px;
  272. height:15px;
  273. margin-bottom:2px;
  274. font-family:'trebuchet MS';
  275. line-height:15px;margin-left:2px;
  276. font-size:9px;margin-top:-2px;
  277. -webkit-transition-timing-function: ease-out;
  278. -webkit-transition-duration: .5s;
  279. -moz-transition-timing-function: ease-out;
  280. -moz-transition-duration: .5s;
  281. position:absolute;
  282. text-transform:uppercase;
  283. background:transparent;
  284. letter-spacing:2px;
  285. text-align:center;
  286. overflow:hidden;
  287. }
  288.  
  289. .entry:hover .permalink1 {
  290. background:#fab861;
  291. width:100px;
  292. opacity:.9;
  293. text-align:center;
  294. margin-left:2px;
  295. padding-right:3px;
  296. color:#fff;
  297. margin-top:2px;
  298. -webkit-transition-timing-function: ease-out;
  299. -webkit-transition-duration: .3s;
  300. -moz-transition-timing-function: ease-out;
  301. -moz-transition-duration: .3s;
  302. line-height:16px;
  303. height:15px;
  304. overflow:visible;
  305. -moz-box-shadow: 0 0 10px #fff;
  306. -webkit-box-shadow: 0px 0px 10px #fff;
  307. }
  308.  
  309. select {
  310. font-size: 9px;
  311. width: 100px;
  312. margin-left: 10px;
  313.  
  314. }
  315. option {
  316. font-size: 9px;
  317. text-align: left;
  318.  
  319. }
  320. input[type=button]
  321. {
  322. font-size: 9px;
  323. }
  324.  
  325. .likep {
  326. width: 21px;
  327. height: 20px;
  328. overflow: hidden;
  329. position: relative;
  330. z-index: 9999999;
  331. position: absolute;
  332. margin-top: 26px;
  333. margin-left: 5px;
  334. }
  335. .rep {
  336. width: 24px;
  337. height: 20px;
  338. overflow: hidden;
  339. position: relative;
  340. z-index: 9999999;
  341. position: absolute;
  342. margin-top: 26px;
  343. margin-left: 29px;
  344. }
  345. .likep a:hover {
  346. background-position: 0px 0px;
  347. }
  348. .likep a {
  349. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  350. background-position: 0px 0px;
  351. display: block;
  352. z-index: 9999999;
  353. webkit-transition: all 0s linear;
  354. -webkit-transition: all 0s linear;
  355. -moz-transition: all 0s linear;
  356. transition: all 0s linear;
  357. }
  358. .likep img {
  359. width: 21px;
  360. height: 20px;
  361. webkit-transition: all 0.2s linear;
  362. -webkit-transition: all 0.2s linear;
  363. -moz-transition: all 0.2s linear;
  364. transition: all 0.2s linear;
  365. }
  366. .rep img{
  367. width: 24px;
  368. height: 20px;
  369. line-height: 30px;
  370. display: inline;
  371. }
  372.  
  373. .not { position: absolute;
  374. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  375. height: 20px;
  376. font-size: 11px;
  377. line-height: 20px;
  378. color: #fff;
  379. position: absolute;
  380. margin-top: 26px;
  381. margin-left: 56px;
  382. padding-left: 4px;
  383. padding-right: 4px;
  384. -moz-border-radius: 2px;
  385. border-radius: 2px;
  386. }
  387. .not a{
  388. color: #fff;
  389. font-weight: bold;
  390. font-family: Arial, Helvetica, sans-serif;
  391. }
  392. {block:iffaded}
  393. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  394. opacity: 0.8;
  395. filter: alpha(opacity = 80);
  396. }{block:iffaded}
  397. {block:notiffaded}
  398. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  399. opacity: 1.0;
  400. filter: alpha(opacity = 100);
  401. }{block:notiffaded}
  402. .not:hover , .rep:hover, .likep:hover {
  403. opacity: 1!important;
  404. filter: alpha(opacity = 100)!important;
  405. }
  406. #container {
  407. position:relative;
  408. margin:auto;
  409. width:1000px;
  410. }
  411.  
  412.  
  413. #padding{
  414. padding:5px;
  415. }
  416.  
  417. #big{
  418. font-family:caviardreams;
  419. text-transform:uppercase;
  420. opacity:.7;
  421. color:white;
  422. font-size:60px;
  423. width:250px;
  424. text-align:center;
  425. position:fixed;
  426. z-index:99;
  427. margin-top:115px;
  428. }
  429.  
  430. #image{
  431. position:fixed;
  432. margin-left:0px;
  433. margin-top:0px;
  434. height:170px;
  435. overflow:hidden;
  436. z-index:9;
  437. -webkit-transition: opacity 0.9s linear;
  438. -webkit-transition: all 0.9s ease-in-out;
  439. -moz-transition: all 0.9s ease-in-out;
  440. -o-transition: all 0.9s ease-in-out;
  441. }
  442.  
  443. #cover{
  444. position:fixed;
  445. height:170px;
  446. width:250px;
  447. margin-left:0px;
  448. margin-top:0px;
  449. overflow:hidden;
  450. opacity:0;
  451. z-index:999;
  452. background:white;
  453. -webkit-transition: opacity 0.9s linear;
  454. -webkit-transition: all 0.9s ease-in-out;
  455. -moz-transition: all 0.9s ease-in-out;
  456. -o-transition: all 0.9s ease-in-out;
  457. }
  458.  
  459. #quote{
  460. position:fixed;
  461. height:150px;
  462. width:230px;
  463. margin-left:0px;
  464. margin-top:0px;
  465. padding:10px;
  466. z-index:99;
  467. opacity:0;
  468. -webkit-transition: opacity 0.9s linear;
  469. -webkit-transition: all 0.9s ease-in-out;
  470. -moz-transition: all 0.9s ease-in-out;
  471. -o-transition: all 0.9s ease-in-out;
  472. }
  473.  
  474. #cover:hover{
  475. opacity:.9;
  476. }
  477.  
  478. #cover:hover #quote{
  479. opacity:1;
  480. }
  481.  
  482. #description{
  483. margin-top:175px;
  484. z-index:99;
  485. }
  486.  
  487. #description:first-letter{
  488. font-family:dawning;
  489. color:{color:posts border};
  490. font-size:20px;
  491. line-height:10px;
  492. margin-top:10px;
  493. text-transform:uppercase;
  494. }
  495.  
  496. div.navigate a{
  497. text-align:center;
  498. font-family:tinytots;
  499. text-transform:uppercase;
  500. letter-spacing:2px;
  501. padding:3px;
  502. line-height:12px;
  503. color:{color:link};
  504. background-color:{color:links background};
  505. border:1px dotted grey;
  506. border-radius:3px;
  507. margin-top:0px; padding-bottom:6px; margin-left:2px;
  508. padding:2px;
  509. margin:1px 2px 4px 1px;
  510. float:center;
  511. width: 65px;
  512. display: inline-block;
  513. -webkit-transition: opacity 0.3s linear;
  514. -webkit-transition: all 0.3s ease-in-out;
  515. -moz-transition: all 0.3s ease-in-out;
  516. -o-transition: all 0.3s ease-in-out;
  517. }
  518.  
  519.  
  520. div.navigate a:hover{
  521. color: black;
  522. width:65px;
  523. letter-spacing:3px;
  524. z-index:2;
  525. }
  526.  
  527.  
  528. #sidebanner{
  529. position:fixed;
  530. margin-left:0px;
  531. margin-top:10px;
  532. height: auto;
  533. width:920px;
  534. text-transform:uppercase;
  535. font-family:"caviardreams";
  536. font-size: {text:flashing title font size};
  537. z-index:999;
  538. text-align: center;
  539. text-shadow: 2px 2px 10px #ffffff;
  540. }
  541.  
  542. #sidebanner:first-letter{
  543. font-size:{text:flashing title first letter font size};
  544. font-family:edwardian;
  545. text-transform:uppercase;
  546. padding-right:10px;
  547. }
  548.  
  549.  
  550.  
  551. #infscr-loading{
  552. bottom: -70px;
  553. position: absolute;
  554. left: 50%;
  555. margin-left:-8px;
  556. width:16px;
  557. height:11px;
  558. overflow:hidden;
  559. margin-bottom: 50px;
  560. }
  561.  
  562. .title{
  563. font-family: caviardreams;
  564. text-transform: uppercase;
  565. font-size: 18px;
  566. line-height:20px;
  567. color: {color:title};
  568. font-weight: normal;
  569. text-shadow: 0px 0px 0px #000;
  570. }
  571.  
  572. blockquote{
  573. padding:0px 0px 2px 5px;
  574. margin:0px 0px 2px 10px;
  575. border-left: 1px dotted #555555;
  576. }
  577.  
  578. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  579. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  580. .user_9 .label {color:{color:text};}
  581. .notes img{width:10px; position:relative; top:3px;}
  582.  
  583. .rawr{
  584. font-size:15px;
  585. color:#f8989a;
  586. font-family:caviardreams;
  587. text-transform:uppercase;
  588. line-height:16px;
  589. }
  590.  
  591. .rawr:first-letter{
  592. font-family:edwardian;
  593. text-transform:uppercase;
  594. font-size:25px;
  595. padding-right:5px;
  596. }
  597.  
  598. f{font-family:dawning; color:{color:posts border}; font-size:20px; text-transform:none; line-height:21px;}
  599.  
  600.  
  601. accent{
  602. color: {color:accented text};
  603. }
  604.  
  605.  
  606. .infinite {
  607. align:right;
  608. background: black;
  609. color:white;
  610. margin:3px 0px 5px 66px;
  611. padding:7px;
  612. padding-top: 5px;
  613. position: relative;
  614. border-radius:5px;
  615. }
  616.  
  617. .infinite span {
  618. display:block;
  619. position:absolute;
  620. width:1px;height:1px;
  621. font-size: 8px;
  622. font-family: pixel;
  623. line-height: 1px;
  624. left:-10px;
  625. top:10px;
  626. border-top:5px solid transparent;
  627. border-bottom:5px solid transparent;
  628. border-right:10px solid #000000;
  629. }
  630.  
  631. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #000000;}
  632.  
  633. .stat{
  634. padding-left:7px;
  635. -webkit-transition: opacity 0.3s linear;
  636. -webkit-transition: all 0.3s ease-in-out;
  637. -moz-transition: all 0.3s ease-in-out;
  638. -o-transition: all 0.3s ease-in-out;
  639. }
  640.  
  641. .stat:hover{
  642. color:{color:link hover};
  643. text-transform:uppercase;
  644. }
  645.  
  646. #navi{
  647. margin-top:80px;
  648. margin-left:156px;
  649. position:fixed !important;
  650. }
  651.  
  652. .navi{
  653. position:fixed !important;
  654. border-radius: 20px 0px 0px 20px;
  655. width:90px;
  656. padding:10px;
  657. margin-left:10px;
  658. opacity:0.6;
  659. color:white;
  660. background-color:#d0d0d0;
  661. z-index:999;
  662. -webkit-transition: all 0.6s ease;
  663. -moz-transition: all 0.6s ease;
  664. -o-transition: all 0.6s ease;
  665. display:inline-block;
  666. }
  667.  
  668. .navi:hover{
  669. position:fixed !important;
  670. border-radius: 20px 0px 0px 20px;
  671. padding:10px;
  672. width:200px;
  673. margin-left:-100px;
  674. background-color:#d0d0d0;
  675. opacity:1;
  676. color:white;
  677. z-index:999;
  678. -webkit-transition: all 0.6s ease;
  679. -moz-transition: all 0.6s ease;
  680. -o-transition: all 0.6s ease;
  681. display:inline-block;
  682. }
  683.  
  684. .navii{
  685. position:fixed !important;
  686. border-radius: 20px 0px 0px 20px;
  687. width:100px;
  688. padding:10px;
  689. margin-top:35px;
  690. opacity:0.6;
  691. color:white;
  692. background-color:#ddd;
  693. z-index:999;
  694. -webkit-transition: all 0.6s ease;
  695. -moz-transition: all 0.6s ease;
  696. -o-transition: all 0.6s ease;
  697. display:inline-block;
  698. }
  699.  
  700. .navii:hover{
  701. position:fixed !important;
  702. border-radius: 20px 0px 0px 20px;
  703. padding:10px;
  704. width:200px;
  705. margin-left:-100px;
  706. opacity:1;
  707. color:white;
  708. z-index:999;
  709. -webkit-transition: all 0.6s ease;
  710. -moz-transition: all 0.6s ease;
  711. -o-transition: all 0.6s ease;
  712. display:inline-block;
  713. }
  714.  
  715. .naviii{
  716. position:fixed !important;
  717. border-radius: 20px 0px 0px 20px;
  718. width:120px;
  719. padding:10px;
  720. margin-top:70px;
  721. margin-left:-20px;
  722. opacity:0.6;
  723. color:white;
  724. background-color:#ccc;
  725. z-index:999;
  726. -webkit-transition: all 0.6s ease;
  727. -moz-transition: all 0.6s ease;
  728. -o-transition: all 0.6s ease;
  729. display:inline-block;
  730. }
  731.  
  732. .naviii:hover{
  733. position:fixed !important;
  734. border-radius: 20px 0px 0px 20px;
  735. padding:10px;
  736. width:200px;
  737. margin-left:-100px;
  738. opacity:1;
  739. color:white;
  740. z-index:999;
  741. -webkit-transition: all 0.6s ease;
  742. -moz-transition: all 0.6s ease;
  743. -o-transition: all 0.6s ease;
  744. display:inline-block;
  745. }
  746.  
  747. .naviiii{
  748. position:fixed !important;
  749. border-radius: 20px 0px 0px 20px;
  750. width:150px;
  751. padding:10px;
  752. margin-left:-50px;
  753. margin-top:105px;
  754. opacity:0.6;
  755. color:white;
  756. background-color:silver;
  757. z-index:999;
  758. -webkit-transition: all 0.6s ease;
  759. -moz-transition: all 0.6s ease;
  760. -o-transition: all 0.6s ease;
  761. display:inline-block;
  762. }
  763.  
  764. .naviiii:hover{
  765. position:fixed !important;
  766. border-radius: 20px 0px 0px 20px;
  767. padding:10px;
  768. width:200px;
  769. margin-left:-100px;
  770. opacity:1;
  771. color:white;
  772. z-index:999;
  773. -webkit-transition: all 0.6s ease;
  774. -moz-transition: all 0.6s ease;
  775. -o-transition: all 0.6s ease;
  776. display:inline-block;
  777. }
  778.  
  779. .naviiiii{
  780. position:fixed !important;
  781. border-radius: 20px 0px 0px 20px;
  782. width:170px;
  783. padding:10px;
  784. margin-left:-70px;
  785. margin-top:140px;
  786. opacity:0.6;
  787. color:white;
  788. background-color:#A3A2A0;
  789. z-index:999;
  790. -webkit-transition: all 0.6s ease;
  791. -moz-transition: all 0.6s ease;
  792. -o-transition: all 0.6s ease;
  793. display:inline-block;
  794. }
  795.  
  796. .naviiiii:hover{
  797. position:fixed !important;
  798. border-radius: 20px 0px 0px 20px;
  799. padding:10px;
  800. width:200px;
  801. margin-left:-100px;
  802. opacity:1;
  803. color:white;
  804. z-index:999;
  805. -webkit-transition: all 0.6s ease;
  806. -moz-transition: all 0.6s ease;
  807. -o-transition: all 0.6s ease;
  808. display:inline-block;
  809. }
  810.  
  811. div#sidebar{
  812. position:fixed !important;
  813. width: 250px;
  814. box-shadow: 0px 0px 8px silver;
  815. margin-left: 19px;
  816. margin-top: 20px;
  817. z-index:-999;
  818. padding: 10px 3px 3px 3px;
  819. border: 1px solid #d1d1d1;
  820. line-height:11px;
  821. letter-spacing:1px;
  822. margin-bottom: 6px;
  823. background-color: #FFF;
  824. }
  825.  
  826. .blogtitle{
  827. font-family: 'caviardreams', cursive;
  828. font-size: 30px;
  829. line-height: 38px;
  830. color: #d1d1d1;
  831. letter-spacing: 0;
  832. font-weight: normal;
  833. }
  834.  
  835. #hyukjae {
  836. line-height:20px;
  837. width:308px;
  838. margin-top:255px;
  839. position:absolute;
  840. margin-left:1px;
  841. background-color:#ffbfbf;
  842. font-family:calibri;
  843. font-size:8px;
  844. text-transform:uppercase;
  845. letter-spacing:5px;
  846. text-align:center;
  847. color:{color:Title Band Text};
  848. -moz-text-shadow: 1px 1px 1px {color:Title Band Text Shadow};
  849. -webkit-text-shadow: 1px 1px 1px {color:Title Band Text Shadow};
  850. text-shadow: 1px 1px 1px {color:Title Band Text Shadow};
  851. }
  852.  
  853. .hyukjae {
  854. position:fixed;
  855. left:310px;
  856. top:135px;
  857. }
  858.  
  859.  
  860. {CustomCSS}
  861.  
  862. </style>
  863.  
  864. {block:IndexPage}
  865. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  866. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  867.  
  868. <script type="text/javascript">
  869. $(window).load(function () {
  870. var $content = $('#posts');
  871. $content.masonry({itemSelector: '.entry'}),
  872. $content.infinitescroll({
  873. navSelector : 'div#pagination',
  874. nextSelector : 'div#pagination a#nextPage',
  875. itemSelector : '.entry',
  876. loading: {
  877. finishedMsg: '',
  878. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  879. },
  880. bufferPx : 600,
  881. debug : false,
  882. },
  883. // call masonry as a callback.
  884. function( newElements ) {
  885. var $newElems = $( newElements );
  886. $newElems.hide();
  887. // ensure that images load before adding to masonry layout
  888. $newElems.imagesLoaded(function(){
  889. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(350);} );
  890.  
  891.  
  892. });
  893. });
  894. });
  895. </script>
  896.  
  897. {/block:IndexPage}
  898.  
  899. <title>{title}</title>
  900.  
  901. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lfhu2nfXDI1qzvcyt.gif">
  902. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  903. <meta name="viewport" content="width=820" />
  904.  
  905. <script language=JavaScript>
  906. <!--//Disable right mouse click Script//By Maximus ([email protected]) w/ mods by DynamicDrive//For full source code, visit http://www.dynamicdrive.com
  907. var message="";
  908. ///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}}
  909. function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2|e.which==3){alert(message);return false;}}}
  910. if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
  911. document.oncontextmenu=new Function("return false")
  912. // --></script>
  913. </head>
  914. <body>
  915.  
  916. <div id="container">
  917.  
  918. <div class="left">
  919.  
  920. {block:ifshowtitle}
  921. <div id="sidebanner">
  922. <span id="wipe">{text:flashing title}</span>
  923. </div>
  924. {/block:ifshowtitle}
  925.  
  926. <div id="navi">
  927. <div class="navi"><a href="/">Home</a></div>
  928. <div class="navii"><a href="/ask">Ask</a></div>
  929. <div class="naviii"><a href="/submit">Submit</a></div>
  930. <div class="naviiii"><a href="/archive">Archive</a></div>
  931. <div class="naviiiii"><a href="http://flaffi.tumblr.com">Credits</a></div>
  932. </div>
  933.  
  934. <div id="sidebar"><center><div class="blogtitle"><a href="/">{title}</font></a></div>
  935. </center>
  936. <a href="/"><img src="{image:Sidebar}" width="250px"></a>
  937. <br/><br>{Description}<br />
  938. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}</div>
  939.  
  940.  
  941. <div id="posts">
  942.  
  943. {block:Posts}
  944. <div class="entry">
  945.  
  946. {block:IndexPage}
  947. <div class="permalink"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount} Notes</a></div><div class="permalink1"> <a href="{ReblogURL}" title="Reblog!" target="_blank">Re-dream</a></div>
  948. {/block:IndexPage}
  949.  
  950. {block:Text}
  951. <div id="padding">
  952. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</div></span>
  953. {/block:Text}
  954.  
  955. {block:Link}
  956. <div id="padding">
  957. <a href="{URL}" class="title">{Name}</a>
  958. {block:Description}{Description}{/block:Description}
  959. </div>
  960. {block:Link}
  961.  
  962. {block:Photo}
  963. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a></div>{LinkCloseTag}{/block:IndexPage}
  964. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><center><div id="padding"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="850"/></center></div></a>{LinkCloseTag}{/block:PermalinkPage}
  965. {/block:Photo}
  966.  
  967. {block:Photoset}
  968. {block:IndexPage}
  969. <center>
  970. {Photoset-350}</center>
  971. {/block:IndexPage}
  972. {block:PermalinkPage}
  973. <center>
  974. {Photoset-500}</center>
  975. {/block:PermalinkPage}
  976. {/block:Photoset}
  977.  
  978. {block:Quote}
  979. <div id="padding">{Quote}</span>
  980. {block:Source}<strong>{Source}</strong></div>{/block:Source}
  981. {/block:Quote}
  982.  
  983. {block:Chat}
  984. <div id="padding">
  985. {block:Title}<span class="title">{Title}</span>{/block:Title}
  986. <ul class="chat">
  987. {block:Lines}
  988. <li class="user_{UserNumber}">
  989. {block:Label}
  990. <span class="label">{Label}</span>
  991. {/block:Label}
  992. {Line}
  993. </li>
  994. {/block:Lines}
  995. </ul>
  996. </div>
  997. {/block:Chat}
  998.  
  999. {block:Audio}
  1000. <div id="padding">
  1001. <center><div style="width:350px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  1002. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  1003. </div>
  1004. {/block:Audio}
  1005.  
  1006. {block:Video}
  1007. {block:IndexPage}
  1008. <center>
  1009. {Video-350}</center>
  1010. {/block:IndexPage}
  1011. {block:PermalinkPage}
  1012. <center>
  1013. {Video-500}</center>
  1014. {/block:PermalinkPage}
  1015. {block:Video}
  1016.  
  1017. {block:Answer}
  1018. <img src="{AskerPortraitURL-48}" width=50px; height=50px; align="left" class="askborder"><div class="infinite"><span></span><b>{Asker}</b>: {Question}&nbsp;</div>
  1019. <div style="margin-top: -5px;"><br>{Answer}</div>
  1020. {block:IndexPage}{/block:IndexPage}
  1021. {/block:Answer}
  1022.  
  1023. {block:PermalinkPage}
  1024. <center>
  1025. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  1026.  
  1027.  
  1028. {/block:PermalinkPage}
  1029.  
  1030.  
  1031. {block:PostNotes}<div id="padding">{PostNotes}</div>
  1032. {/block:PostNotes}
  1033. </div>
  1034.  
  1035.  
  1036. {/block:Posts}
  1037. </div>
  1038. </div>
  1039. {block:IndexPage}
  1040. {block:Pagination}
  1041. <div id="pagination">
  1042. {block:NextPage}
  1043. <a id="nextPage" href="{NextPage}">&nbsp;</a>
  1044. {/block:NextPage}
  1045. {block:PreviousPage}
  1046. <a href="{PreviousPage}">&nbsp;</a>
  1047. {/block:PreviousPage}
  1048. </div>
  1049. {/block:Pagination}
  1050. {/block:IndexPage}
  1051. </div>
  1052. </div>
  1053.  
  1054.  
  1055. <BODY onselectstart="return false;" ondragstart="return false;">
  1056. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  1057. <iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
  1058. <span id="scriptsinsert"> </span>
  1059. </body>
  1060. </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!