API tools faq
paste
Advertisement
teenageblog

Fantasy Theme

teenageblog
Aug 8th, 2013
12,530
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.36 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. Change posts to 15
  11. Go to customize > scroll to the bottom > click advanced > change posts per page to 15
  12. ----------------------------------------------->
  13.  
  14. <html lang="en">
  15. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19.  
  20. <head>
  21. <!-- DEFAULT VARIABLES -->
  22. <title>{Title}</title>
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  24. <meta name="color:Background" content="#fff"/>
  25. <meta name="color:Header Links" content="#000"/>
  26. <meta name="color:Text" content="#000"/>
  27. <meta name="color:Borders" content="#000"/>
  28. <meta name="color:Link" content="#000"/>
  29. <meta name="color:Title" content="#000"/>
  30. <meta name="color:Hover" content="#000"/>
  31. <meta name="color:Scrollbar" content="#ccc"/>
  32. <meta name="color:Post Hover Glow" content="#0063ff">
  33.  
  34. <meta name="font:Body" content="Trebuchet MS, Arial, Helvetica, futura, Georgia, sans-serif"/>
  35. <meta name="if:Use Banner" content="0">
  36. <meta name="if:Topbutton" content="1"/>
  37. <meta name="if:Show blog title" content="1"/>
  38. <meta name="if:SmallCursor" content="0"/>
  39. <meta name="if:Six Columns" content="0"/>
  40. <meta name="if:Five Columns" content="1"/>
  41. <meta name="if:Four Columns" content="0"/>
  42. <meta name="if:Title Font 1" content="1"/>
  43. <meta name="if:Title Font 2" content="0"/>
  44. <meta name="if:Dotted Borders" content="0">
  45. <meta name="if:Dashed Borders" content="0">
  46. <meta name="if:Post Hover Glow" content="1">
  47. <meta name="if:Blurred Hover" content="0">
  48. <meta name="if:Black And White Hover" content="0"/>
  49. <meta name="if:Round posts" content="0"/>
  50. <meta name="if:Rainbow links" content="0"/>
  51. <meta name="if:Slide Animation" content="0"/>
  52. <meta name="if:Fade Animation" content="0"/>
  53. <meta name="if:Flip Animation" content="0"/>
  54. <meta name="if:Silver Glitter Hover" content="0"/>
  55. <meta name="if:Black Glitter Hover" content="0"/>
  56. <meta name="if:Tilt Hover" content="0"/>
  57. <meta name="if:Magnify Hover" content="0"/>
  58.  
  59. <meta name="image:Banner" content="">
  60. <meta name="image:Background" content="0"/>
  61.  
  62. <meta name="text:Header Link Font Size" content="12px"/>
  63. <meta name="text:Link One Title" content="link 1" />
  64. <meta name="text:Link One" content="" />
  65. <meta name="text:Link Two Title" content="link 2" />
  66. <meta name="text:Link Two" content="" />
  67. <meta name="text:Link Three Title" content="link 3" />
  68. <meta name="text:Link Three" content="" />
  69. <meta name="text:Link Four Title" content="link 4" />
  70. <meta name="text:Link Four" content="" />
  71. <meta name="text:Link Five Title" content="link 5" />
  72. <meta name="text:Link Five" content="" />
  73. <meta name="text:Link Six Title" content="link 6" />
  74. <meta name="text:Link Six" content="" />
  75.  
  76.  
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81. @-webkit-keyframes fadeInDownBig {
  82. 0% {
  83. opacity: 0;
  84. -webkit-transform: translateY(-2000px);
  85. }
  86. 100% {
  87. opacity: 1;
  88. -webkit-transform: translateY(0);
  89. }
  90. }
  91. @-moz-keyframes fadeInDownBig {
  92. 0% {
  93. opacity: 0;
  94. -moz-transform: translateY(-2000px);
  95. }
  96. 100% {
  97. opacity: 1;
  98. -moz-transform: translateY(0);
  99. }
  100. }
  101. @-ms-keyframes fadeInDownBig {
  102. 0% {
  103. opacity: 0;
  104. -ms-transform: translateY(-2000px);
  105. }
  106. 100% {
  107. opacity: 1;
  108. -ms-transform: translateY(0);
  109. }
  110. }
  111. @-o-keyframes fadeInDownBig {
  112. 0% {
  113. opacity: 0;
  114. -o-transform: translateY(-2000px);
  115. }
  116. 100% {
  117. opacity: 1;
  118. -o-transform: translateY(0);
  119. }
  120. }
  121. @keyframes fadeInDownBig {
  122. 0% {
  123. opacity: 0;
  124. transform: translateY(-2000px);
  125. }
  126. 100% {
  127. opacity: 1;
  128. transform: translateY(0);
  129. }
  130. }
  131. .fadeInDownBig {
  132. -webkit-animation-name: fadeInDownBig;
  133. -moz-animation-name: fadeInDownBig;
  134. -ms-animation-name: fadeInDownBig;
  135. -o-animation-name: fadeInDownBig;
  136. animation-name: fadeInDownBig;
  137. }
  138. @-webkit-keyframes flipInY {
  139. 0% {
  140. -webkit-transform: perspective(400px) rotateY(90deg);
  141. opacity: 0;
  142. }
  143.  
  144. 40% {
  145. -webkit-transform: perspective(400px) rotateY(-10deg);
  146. }
  147.  
  148. 70% {
  149. -webkit-transform: perspective(400px) rotateY(10deg);
  150. }
  151.  
  152. 100% {
  153. -webkit-transform: perspective(400px) rotateY(0deg);
  154. opacity: 1;
  155. }
  156. }
  157. @-moz-keyframes flipInY {
  158. 0% {
  159. -moz-transform: perspective(400px) rotateY(90deg);
  160. opacity: 0;
  161. }
  162.  
  163. 40% {
  164. -moz-transform: perspective(400px) rotateY(-10deg);
  165. }
  166.  
  167. 70% {
  168. -moz-transform: perspective(400px) rotateY(10deg);
  169. }
  170.  
  171. 100% {
  172. -moz-transform: perspective(400px) rotateY(0deg);
  173. opacity: 1;
  174. }
  175. }
  176. @-o-keyframes flipInY {
  177. 0% {
  178. -o-transform: perspective(400px) rotateY(90deg);
  179. opacity: 0;
  180. }
  181.  
  182. 40% {
  183. -o-transform: perspective(400px) rotateY(-10deg);
  184. }
  185.  
  186. 70% {
  187. -o-transform: perspective(400px) rotateY(10deg);
  188. }
  189.  
  190. 100% {
  191. -o-transform: perspective(400px) rotateY(0deg);
  192. opacity: 1;
  193. }
  194. }
  195. @keyframes flipInY {
  196. 0% {
  197. transform: perspective(400px) rotateY(90deg);
  198. opacity: 0;
  199. }
  200.  
  201. 40% {
  202. transform: perspective(400px) rotateY(-10deg);
  203. }
  204.  
  205. 70% {
  206. transform: perspective(400px) rotateY(10deg);
  207. }
  208.  
  209. 100% {
  210. transform: perspective(400px) rotateY(0deg);
  211. opacity: 1;
  212. }
  213. }
  214.  
  215. .flipInY {
  216. -webkit-backface-visibility: visible !important;
  217. -webkit-animation-name: flipInY;
  218. -moz-backface-visibility: visible !important;
  219. -moz-animation-name: flipInY;
  220. -o-backface-visibility: visible !important;
  221. -o-animation-name: flipInY;
  222. backface-visibility: visible !important;
  223. animation-name: flipInY;
  224. }
  225. @-webkit-keyframes fadeInDown {
  226. 0% {
  227. opacity: 0;
  228. -webkit-transform: translateY(-20px);
  229. }
  230. 100% {
  231. opacity: 1;
  232. -webkit-transform: translateY(0);
  233. }
  234. }
  235. @-moz-keyframes fadeInDown {
  236. 0% {
  237. opacity: 0;
  238. -moz-transform: translateY(-20px);
  239. }
  240. 100% {
  241. opacity: 1;
  242. -moz-transform: translateY(0);
  243. }
  244. }
  245. @-ms-keyframes fadeInDown {
  246. 0% {
  247. opacity: 0;
  248. -ms-transform: translateY(-20px);
  249. }
  250. 100% {
  251. opacity: 1;
  252. -ms-transform: translateY(0);
  253. }
  254. }
  255. @-o-keyframes fadeInDown {
  256. 0% {
  257. opacity: 0;
  258. -ms-transform: translateY(-20px);
  259. }
  260. 100% {
  261. opacity: 1;
  262. -ms-transform: translateY(0);
  263. }
  264. }
  265. @keyframes fadeInDown {
  266. 0% {
  267. opacity: 0;
  268. transform: translateY(-20px);
  269. }
  270. 100% {
  271. opacity: 1;
  272. transform: translateY(0);
  273. }
  274. }
  275. .fadeInDown {
  276. -webkit-animation-name: fadeInDown;
  277. -moz-animation-name: fadeInDown;
  278. -ms-animation-name: fadeInDown;
  279. -o-animation-name: fadeInDown;
  280. animation-name: fadeInDown;
  281. }
  282.  
  283. @-webkit-keyframes bounceIn {
  284. 0% {
  285. opacity: 0;
  286. -webkit-transform: scale(.3);
  287. }
  288. 50% {
  289. opacity: 1;
  290. -webkit-transform: scale(1.05);
  291. }
  292. 70% {
  293. -webkit-transform: scale(.9);
  294. }
  295. 100% {
  296. -webkit-transform: scale(1);
  297. }
  298. }
  299. @-moz-keyframes bounceIn {
  300. 0% {
  301. opacity: 0;
  302. -moz-transform: scale(.3);
  303. }
  304. 50% {
  305. opacity: 1;
  306. -moz-transform: scale(1.05);
  307. }
  308. 70% {
  309. -moz-transform: scale(.9);
  310. }
  311. 100% {
  312. -moz-transform: scale(1);
  313. }
  314. }
  315. @-ms-keyframes bounceIn {
  316. 0% {
  317. opacity: 0;
  318. -ms-transform: scale(.3);
  319. }
  320. 50% {
  321. opacity: 1;
  322. -ms-transform: scale(1.05);
  323. }
  324. 70% {
  325. -ms-transform: scale(.9);
  326. }
  327. 100% {
  328. -ms-transform: scale(1);
  329. }
  330. }
  331. @-o-keyframes bounceIn {
  332. 0% {
  333. opacity: 0;
  334. -o-transform: scale(.3);
  335. }
  336. 50% {
  337. opacity: 1;
  338. -o-transform: scale(1.05);
  339. }
  340. 70% {
  341. -o-transform: scale(.9);
  342. }
  343. 100% {
  344. -o-transform: scale(1);
  345. }
  346. }
  347. #toTop {
  348. text-align:center;
  349. padding:5px;
  350. position:fixed;
  351. bottom:10px;
  352. right:10px;
  353. cursor:pointer;
  354. display:none;
  355. color:#000;
  356. z-index: 99999999999999999999;
  357. font-size:10px;
  358. }
  359.  
  360. {block:ifsmallcursor}body, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}{/block:ifsmallcursor}
  361. :-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  362.  
  363. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  364.  
  365. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  366.  
  367. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  368.  
  369.  
  370.  
  371.  
  372. @font-face { font-family: "ronda"; src: url'http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  373.  
  374.  
  375. .bubble {align:right;background:#eee;color:#000; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  376. .bubble p {margin:1px 0px;}
  377. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 12;line-height: 14px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  378. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  379.  
  380.  
  381. .wrapper{
  382. margin: 0px auto;
  383. margin-left: 60px;
  384. width: 1045px;
  385. }
  386.  
  387. .header{
  388. float: left;
  389. width: 100%;
  390. }
  391.  
  392. .left{
  393. float: left;
  394. margin-right: 20px;
  395. width:1045;
  396. }
  397.  
  398. .right{
  399. float: right;
  400. width: 200px;
  401. background-color: #fff;
  402. }
  403.  
  404.  
  405. body {
  406. margin:0px;
  407. background-color: {color:Background};
  408. background-image:url({image:Background});
  409. background-attachment: fixed;
  410. background-repeat: repeat;}
  411. body, div, p, textarea, submit, input{
  412. font-family:{font:Body};
  413. font-size: 9px;
  414. line-height:12px;
  415. letter-spacing:1px;
  416. color:{color:Text};
  417. }
  418.  
  419. ::-webkit-scrollbar {width: 6px; height: 4px; background: #FFFFFF; border-left:0px solid #aaa; }
  420.  
  421. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; border: 0px solid #eee; border-radius:40px;}
  422.  
  423.  
  424. p {
  425. margin:0px;
  426. margin-top:0px;
  427. }
  428.  
  429. a:link, a:active, a:visited{
  430. text-decoration: none;
  431. -webkit-transition: color 0.3s ease-out;
  432. -moz-transition: color 0.3s ease-out;
  433. transition: color 0.3s ease-out;
  434. color: {color:Link};
  435. }
  436.  
  437. a:hover {
  438. text-decoration: none;
  439. font-style:;
  440. color: {color:Hover};
  441. }
  442.  
  443.  
  444. #banner {
  445. width:100%;
  446. margin-top:10px;
  447. padding-bottom:20px;
  448. text-align:center;
  449. }
  450.  
  451. #holder {
  452. width:100%;
  453. }
  454.  
  455.  
  456.  
  457. div#center{
  458. margin:auto;
  459. margin-top:0px;
  460. position:relative;
  461. width:1045px;
  462. background-color:;
  463. overflow:auto;
  464. overflow-y:hidden;
  465. }
  466. .links {
  467. font-size: {text:Header Link font size};
  468. text-align:center;
  469. margin-top:20px;
  470. font-family: Arial;
  471. text-transform:uppercase; }
  472.  
  473. .links a {
  474. padding-left:4px;
  475. padding-right:4px;
  476. color:{color:header links};
  477. margin-left:3px;
  478. margin-right:3px;
  479. -webkit-transition: all 0.3s ease-out;
  480. -moz-transition: all 0.3s ease-out;
  481. transition: all 0.3s ease-out;
  482. }
  483.  
  484. .links a:hover{
  485. color:{color:hover};
  486. padding-left:4px;
  487. padding-right:4px;
  488. border-top:3px solid {color:hover};
  489. -moz-transition: all .2s;
  490. -webkit-transition: all .2s;
  491. -o-transition: all .2s;
  492. transition: all .2s;}
  493.  
  494.  
  495.  
  496. .entry {
  497. float:left;
  498. display: block;
  499. overflow:hidden;
  500. width:100%;
  501. margin:4px;
  502. {block:iffadeanimation}
  503. -webkit-animation:fadeInDown 2s;
  504. -moz-animation:fadeInDown 2s;
  505. -ms-animation:fadeInDown 2s;
  506. {/block:iffadeanimation}
  507. {block:ifslideanimation}
  508. -webkit-animation:fadeInDownBig 2s;
  509. -moz-animation:fadeInDownBig 2s;
  510. -ms-animation:fadeInDownBig 2s;
  511. {/block:ifslideanimation}
  512. {block:ifflipanimation}
  513. -webkit-animation: flipInY 2s;
  514. -moz-animation: flipInY 2s;
  515. -ms-animation: flipInY: 2s;
  516. {/block:ifflipanimation}
  517. {block:ifroundposts}
  518. border-radius: 5px;
  519. {/block:ifroundposts}
  520. {block:ifdottedborders}
  521. border: 2px dotted {color:borders};
  522. {/block:ifdottedborders}
  523. {block:ifdashedborders}
  524. border: 2px dashed {color:borders};
  525. {/block:ifdashedborders}
  526. {block:ifsixcolumns}
  527. width:210px;
  528. margin-left:4px;
  529. {/block:ifsixcolumns}
  530. {block:iffivecolumns}
  531. width:250px;
  532. margin-left:8px;
  533. {/block:iffivecolumns}
  534. {block:iffourcolumns}
  535. width:305px;
  536. {/block:iffourcolumns}
  537. {block:PermalinkPage}
  538. width:520px;
  539. margin-left:350px;
  540. text-align:center;
  541. {/block:PermalinkPage}
  542. }
  543.  
  544. {block:iftilthover}
  545. .entry img:hover {
  546. -webkit-transform: rotate(-5deg);
  547. -moz-transform: rotate(-5deg);
  548. -o-transform: rotate(-5deg);
  549. }
  550. {/block:iftilthover}
  551.  
  552. {block:ifsilverglitterhover}
  553. .entry:hover{border: 2px;-moz-border-image:url(http://i237.photobucket.com/albums/ff104/Idle_Desires/Ebay%20Backgrounds/2.gif) 20 20 round; /* Firefox */-webkit-border-image:url(http://i237.photobucket.com/albums/ff104/Idle_Desires/Ebay%20Backgrounds/2.gif) 20 20 round; /* Safari */-o-border-image:url(http://i237.photobucket.com/albums/ff104/Idle_Desires/Ebay%20Backgrounds/2.gif) 20 20 round; /* Opera */border-image:url(http://i237.photobucket.com/albums/ff104/Idle_Desires/Ebay%20Backgrounds/2.gif) 20 20 round; }
  554. {/block:ifsilverglitterhover}
  555.  
  556. {block:ifblackglitterhover}
  557. .entry:hover{border: 2px;-moz-border-image:url(http://www.myspacehippo.com/files/glitterbacks//bg1.gif) 20 20 round; /* Firefox */-webkit-border-image:url(http://www.myspacehippo.com/files/glitterbacks//bg1.gif) 20 20 round; /* Safari */-o-border-image:url(http://www.myspacehippo.com/files/glitterbacks//bg1.gif) 20 20 round; /* Opera */border-image:url(http://www.myspacehippo.com/files/glitterbacks//bg1.gif) 20 20 round; }
  558. {/block:ifblackglitterhover}
  559.  
  560. {block:ifposthoverglow}
  561. .entry:hover{
  562. box-shadow: 1px 1px 10px {color:Post Hover Glow};
  563. }
  564. {/block:ifposthoverglow}
  565.  
  566. {block:ifblackandwhitehover}img{
  567. -webkit-filter: grayscale(0%);
  568. }
  569. img:hover{
  570. -webkit-filter: grayscale(100%);
  571. z-index: -9999999999999999999999999px;
  572. }{/block:ifblackandwhitehover}
  573.  
  574. {block:ifblurredhover}
  575. img:hover{
  576. -webkit-transition: 0.8s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in;
  577. -webkit-filter: blur(3px);
  578. z-index: -9999999999999999999999999px;
  579. }
  580. {/block:ifblurredhover}
  581.  
  582. {block:ifmagnifyhover}
  583. .entry img:hover {
  584. opacity:0.85;
  585. overflow:hidden;
  586. transition-duration: 0.8s;
  587. -webkit-transition-duration: 0.8s;
  588. -o-transition-duration: 0.8s;
  589. -moz-transition-duration: 0.8s;
  590. transform: scale(1.5);
  591. -webkit-transform: scale(1.5);
  592. -moz-transform: scale (1.5);
  593. -o-transform: scale (1.5);}
  594. {/block:ifmagnifyhover}
  595.  
  596. .perma
  597. {
  598. opacity: 0.0;
  599. filter: alpha(opacity = 0);
  600. bottom:24px;
  601. width: px;
  602. height: 30px;
  603. line-height: 30px;
  604. font-size: 9px;
  605. position:absolute;
  606. text-align: center;
  607. z-index:9999991;
  608. color: #fff;
  609.  
  610. }
  611. a.p
  612. {
  613.  
  614. color: #fff;
  615. }
  616. .entry:hover .perma {
  617.  
  618. -webkit-transition: opacity 0.4s linear;
  619. opacity: 1;
  620. -moz-transition: all 0.4s linear;
  621. transition: all 0.4s linear;
  622. filter: alpha(opacity = 100);
  623.  
  624. }
  625. .likep {
  626. width: 21px;
  627. height: 20px;
  628. overflow: hidden;
  629. position: relative;
  630. z-index: 9999999;
  631. position: absolute;
  632. margin-top: 26px;
  633. margin-left: 5px;
  634. }
  635. .rep {
  636. width: 24px;
  637. height: 20px;
  638. overflow: hidden;
  639. position: relative;
  640. z-index: 9999999;
  641. position: absolute;
  642. margin-top: 26px;
  643. margin-left: 29px;
  644. }
  645. .likep a:hover {
  646. background-position: 0px 0px;
  647. }
  648. .likep a {
  649. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  650. background-position: 0px 0px;
  651. display: block;
  652. z-index: 9999999;
  653. webkit-transition: all 0s linear;
  654. -webkit-transition: all 0s linear;
  655. -moz-transition: all 0s linear;
  656. transition: all 0s linear;
  657. }
  658. .likep img {
  659. width: 21px;
  660. height: 20px;
  661. webkit-transition: all 0.2s linear;
  662. -webkit-transition: all 0.2s linear;
  663. -moz-transition: all 0.2s linear;
  664. transition: all 0.2s linear;
  665. }
  666. .rep img{
  667. width: 24px;
  668. height: 20px;
  669. line-height: 30px;
  670. display: inline;
  671. }
  672.  
  673. .not { position: absolute;
  674. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  675. height: 20px;
  676. font-size: 11px;
  677. line-height: 20px;
  678. color: #fff;
  679. position: absolute;
  680. margin-top: 26px;
  681. margin-left: 56px;
  682. padding-left: 4px;
  683. padding-right: 4px;
  684. -moz-border-radius: 2px;
  685. border-radius: 2px;
  686. }
  687. .not a{
  688. color: #fff;
  689. text-transform:corbel;
  690. font-family: arial;
  691. font-size:11px;
  692. }
  693.  
  694.  
  695.  
  696. .title{
  697. font-family:{font:Body};
  698. font-size: 22px;
  699. line-height: 20px;
  700. color: {color:Title};
  701. text-shadow:1px 2px 2px #aaa;
  702. letter-spacing: 1px;
  703. font-weight: normal;
  704. }
  705.  
  706.  
  707.  
  708. @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
  709.  
  710. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  711.  
  712. .blogtitle {
  713. text-align:center;
  714. {Block:IfTitleFont1}font-family: 'stars' !important;{/Block:IfTitleFont1}
  715. {Block:IfTitleFont2}font-family: 'Pacifico' !important;{/Block:IfTitleFont2}
  716. padding-bottom:20px;
  717. font-size:50px;
  718. padding-top:35px;
  719. line-height:50px;}
  720.  
  721. .description{width:100%;text-align:center;margin:auto;z-index:1100;margin-bottom:5px;margin-top:0px;}
  722.  
  723. .perm{
  724. display: block;
  725. text-align: right;
  726. background-color:transparent;
  727. border-right:3px transparent solid;
  728. border-top:#ddd solid 1px;
  729. padding:3px;
  730. opacity:.8;
  731. margin: 0px;
  732. font-family:consolas;
  733. text-transform:uppercase;
  734. font-size:9px;
  735. margin-top:4px;
  736. margin-bottom:px;
  737. }
  738.  
  739.  
  740. #posts {
  741. width:1400px;
  742. margin-top: 5px;
  743. margin-left: -35px;
  744. margin-right: auto;
  745. position:relative;
  746. overflow-y: hidden;
  747. {block:iffourcolumns}
  748. margin-left:-10px;
  749. {/block:iffourcolumns}
  750. }
  751. .answer{
  752. margin:0px;}
  753.  
  754. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  755. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  756. .cover img {float:left; width:60px; height:60px;}
  757. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  758. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  759. @font-face {font-family:'conjuntar6';src: url('http://static.tumblr.com/qzpui9z/NEpmiosej/conjuntar6.ttf');}
  760. .flb {margin:4px 5px 4px 5px;}
  761. .flb:first-letter {font-family: 'conjuntar6'; font-size:15px;font-style:normal;}
  762.  
  763. .bg
  764. background-color:white;
  765. }
  766. .right{
  767. float: right;
  768. width: 200px;
  769. background-color: transparent;
  770. }
  771.  
  772. #infscr-loading{
  773. bottom: -70px;
  774. position: absolute;
  775. left: 50%;
  776. margin-left:-8px;
  777. width:16px;
  778. height:11px;
  779. overflow:hidden;
  780. margin-bottom: 50px;
  781. }
  782.  
  783. #postnotes{
  784. text-align: justify;
  785. }
  786.  
  787. #postnotes blockquote{
  788. border: 0px;
  789. }
  790.  
  791. blockquote{
  792. padding:0px 0px 2px 5px;
  793. margin:0px 0px 2px 1px;
  794. border-left: 1px dotted {color:Text};
  795. }
  796.  
  797. blockquote p, ul{
  798. margin:0px;
  799. padding:0px;
  800. }
  801.  
  802. a img{border: 0px;}
  803. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  804. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  805. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  806. .notes img{width:10px; position:relative; top:3px;
  807. }
  808.  
  809. small{font-size: 90%;}
  810.  
  811. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  812. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  813.  
  814. {CustomCSS}
  815.  
  816. </style>
  817. {block:ifrainbowlinks}
  818. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  819. "></script>{/block:ifrainbowlinks}
  820.  
  821. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  822. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  823. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  824.  
  825. <script type="text/javascript">
  826. $(window).load(function () {
  827. var $content = $('#posts');
  828. $content.masonry({itemSelector: '.entry'}),
  829. $content.infinitescroll({
  830. navSelector : 'div#pagination',
  831. nextSelector : 'div#pagination a#nextPage',
  832. itemSelector : '.entry',
  833. loading: {
  834. finishedMsg: '',
  835. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  836. },
  837. bufferPx : 600,
  838. debug : false,
  839. },
  840. // call masonry as a callback.
  841. function( newElements ) {
  842. var $newElems = $( newElements );
  843. $newElems.hide();
  844. // ensure that images load before adding to masonry layout
  845. $newElems.imagesLoaded(function(){
  846. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  847.  
  848.  
  849. });
  850. });
  851. });
  852. </script>
  853. {/block:IndexPage}
  854.  
  855.  
  856. <title>{Title}</title>
  857. <link rel="shortcut icon" href="{Favicon}">
  858. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  859. <meta name="viewport" content="width=820" />
  860. </head>
  861.  
  862. <body>
  863. </style>
  864. {block:ifTopButton}<div id="toTop"><img src="http://i1155.photobucket.com/albums/p559/scrolltotop/arrow27.png" /></div>{/block:ifTopButton}
  865. <div id="banner">
  866.  
  867. {block:ifusebanner}<center><a href="/"><img style="max-width:1500px; max-height:300px" src="{image:banner}"/></center></a>{/block:ifusebanner}
  868. {block:ifshowblogtitle}<a href="/"><div class="blogtitle">{Title}</a></div>{/block:ifshowblogtitle}
  869.  
  870. <div style="text-align:center;">
  871. <div class="links">
  872. <a href="{text:Link One}" title="{text:Link One Title}">{text:Link One Title}</a>
  873.  
  874. <a href="{text:Link Two}" title="{text:Link Two Title}">{text:Link Two Title}</a>
  875.  
  876. <a href="{text:Link Three}"title="{text:Link Three Title}">{text:Link Three Title}</a>
  877.  
  878. <a href="{text:Link Four}" title="{text:Link Four Title}">{text:Link Four Title}</a>
  879.  
  880. <a href="{text:Link Five}"title="{text:Link Five Title}">{text:Link Five Title}</a>
  881.  
  882. <a href="{text:Link Six}"title="{text:Link Six Title}">{text:Link Six Title}</a>
  883.  
  884. {block:HasPages} {block:Pages} <a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}
  885.  
  886. <a href="http://teenageblog.tumblr.com">theme</a>
  887. </div></div></div>
  888. <div class="description">
  889. <div style="font-size:12px;font-family:arial;text-transform:none;">{Description}</div></div>
  890. <div class="wrapper">
  891. <div class="header">
  892. </div>
  893.  
  894.  
  895.  
  896. <div class="left">
  897. <div id="posts">
  898. {block:Posts}
  899. <div class="entry">
  900.  
  901. {block:Photo}
  902. {block:IndexPage}
  903. <div class="perma">
  904. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  905. <div class="not"><a id="notes{PostID}" href="{Permalink}">{notecount}</a></div></div>
  906.  
  907. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"></a>
  908.  
  909. {/block:IndexPage}
  910.  
  911. {block:PermalinkPage}
  912. <div align="center">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>
  913. {/block:PermalinkPage}
  914.  
  915. {/block:Photo}
  916.  
  917. {block:Photoset}
  918. {block:IndexPage}
  919. <center>
  920.  
  921. <div class="perma">
  922. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  923. <div class="not"><a id="notes{PostID}" href="{Permalink}">{notecount}</a></div></div>
  924.  
  925. {Photoset-250}</center>
  926. {/block:IndexPage}
  927. {block:PermalinkPage}
  928. <center>
  929. {Photoset-500}</center>
  930. {/block:PermalinkPage}
  931. {/block:Photoset}
  932.  
  933. {block:Answer}
  934. <div class="post"><div class="askborder">
  935. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  936. <br> {Answer}
  937. </div><br>
  938. <P ALIGN=Right><a href="{Permalink}"title="Click for Notes">{NoteCountWithLabel}</a>
  939. {/block:Answer}
  940.  
  941.  
  942.  
  943. {block:Text}
  944. {block:Title}<a href="{permalink}" title="permalink"><div class="title">{title}</div></a> {/block:Title}
  945. <div class="caption"><span class="entrytext">{Body}</span></div>
  946. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:12px; letter-spacing: 1px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a> &middot <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></span></div></div>{/block:IndexPage}
  947. {/block:Text}
  948.  
  949. {block:Link}
  950. <div class="title"><a href="{URL}"{Target}>{Name}</a></div>
  951. {block:Description}<div class="flb">{Description}</div>{/block:Description}
  952. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:12px; letter-spacing: 1px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a> &middot <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></span></div></div>{/block:IndexPage}
  953. {/block:Link}
  954.  
  955. {block:Quote}<span class="title">❝ {Quote} ❞</span>{block:Source}<div align="right"><i> - {Source}</i></div>{/block:Source}{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:12px; letter-spacing: 1px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a> &middot <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></span></div></div>{/block:IndexPage}{/block:Quote}
  956.  
  957.  
  958. {block:Chat}
  959. {block:Title}<span class="title">{Title}</span>{/block:Title}
  960.  
  961. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<div class="label">{Label}</div>{/block:Label}{Line}</li>{/block:Lines}</ul>
  962.  
  963. {block:IndexPage}
  964. <a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:12px; letter-spacing: 1px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a> &middot <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></span></div></div>{/block:IndexPage}
  965. {/block:Chat}
  966.  
  967. {block:Audio}
  968.  
  969. <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}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  970. {block:IndexPage}
  971. </p><a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:12px; letter-spacing: 1px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a> &middot <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></span></div></div>
  972. {/block:IndexPage}
  973. {/block:Audio}
  974.  
  975. {block:Video}
  976. {block:IndexPage}
  977. <center>{Video-250}</center>
  978. <a href="{permalink}"><div align="right"><div style="font-size:10px;line-height:12px; letter-spacing: 1px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a> &middot <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></span></div></div>
  979. {/block:IndexPage}
  980. {block:PermalinkPage}
  981. <center>{Video-500}</center>
  982. {/block:PermalinkPage}
  983. {block:Video}
  984.  
  985. {block:PostNotes}<div align="middle">{caption}</div>
  986. <center>
  987.  
  988. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  989.  
  990. {block:HasTags}
  991. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  992. {block:RebloggedFrom}
  993. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  994. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  995.  
  996. {/block:RebloggedFrom}
  997. </center></span>
  998. <br>
  999. <div id="postnotes">{PostNotes}</div><br>
  1000.  
  1001. <center>{block:ContentSource}
  1002. <br><a href="{SourceURL}">
  1003. {lang:Source}:
  1004. {block:SourceLogo}
  1005. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1006. height="{LogoHeight}" alt="{SourceTitle}" />
  1007. {/block:SourceLogo}
  1008. {block:NoSourceLogo}
  1009. {SourceLink}
  1010. {/block:NoSourceLogo}
  1011. </a>
  1012. {/block:ContentSource}</center>
  1013.  
  1014. {/block:PostNotes}
  1015. </div>
  1016. {/block:Posts}
  1017. </div></div>
  1018.  
  1019. {block:IndexPage}
  1020. {block:Pagination}
  1021. <div id="pagination">
  1022. {block:NextPage}
  1023. <a id="nextPage" href="{NextPage}"></a>
  1024. {/block:NextPage}
  1025. {block:PreviousPage}
  1026. <a href="{PreviousPage}"></a>
  1027. {/block:PreviousPage}
  1028. </div>
  1029. {/block:Pagination}
  1030. {/block:IndexPage}
  1031.  
  1032. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/2MFlzww4p/likenew.js"></script>
  1033.  
  1034. <script type="text/javascript">autoscale(new Array('object', 'embed'));</script>
  1035.  
  1036. <script type="text/javascript" src="http://static.tumblr.com/iddq6cw/cz1m316ry/arny.js"></script>
  1037. <iframe id="likeiframe" style="display:none;"></iframe>
  1038. <script type="text/javascript">
  1039.  
  1040. $(function() {
  1041. $(window).scroll(function() {
  1042. if($(this).scrollTop() != 0) {
  1043. $('#toTop').fadeIn();
  1044. } else {
  1045. $('#toTop').fadeOut();
  1046. }
  1047. });
  1048.  
  1049. $('#toTop').click(function() {
  1050. $('body,html').animate({scrollTop:0},800);
  1051. });
  1052. });
  1053.  
  1054.  
  1055. $(window).load(function () {
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061. // endless scrolling
  1062. var $container = $('#holder');
  1063. $container.imagesLoaded(function(){
  1064. $container.masonry({
  1065. itemSelector: '.box'
  1066. });
  1067. });
  1068. $container.infinitescroll({
  1069. navSelector : '#page-nav', // selector for the paged navigation
  1070. nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
  1071. itemSelector : '.box', // selector for all items you'll retrieve
  1072. bufferPx: 0,
  1073. debug : true,
  1074. loading: {
  1075. finishedMsg: '',
  1076. img: '',
  1077. msgText: ''
  1078. }
  1079. },
  1080. // trigger Masonry as a callback
  1081. function( newElements ) {
  1082. // hide new items while they are loading
  1083. var $newElems = $( newElements ).css({ opacity: 0 });
  1084. // ensure that images load before adding to masonry layout
  1085. $newElems.imagesLoaded(function(){
  1086. // show elems now they're ready
  1087. $newElems.animate({ opacity: 1 });
  1088. $container.masonry( 'appended', $newElems, true );
  1089. });
  1090. }
  1091. );
  1092.  
  1093. // End of endless scrolling
  1094.  
  1095. });
  1096.  
  1097. </script>
  1098.  
  1099. </body>
  1100.  
  1101. </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!