API tools faq
paste
Advertisement
teenageblog

Eclipse Theme

teenageblog
Aug 13th, 2013
1,437
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.32 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. ----------------------------------------------->
  11. <html lang="en">
  12.  
  13.  
  14. <script type="text/javascript" src="http://static.tumblr.com/tingwex/IHlm6gruv/1.txt"></script>
  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. <head>
  18.  
  19. <script type="text/javascript">
  20. <!--
  21.  
  22. // Disable Right Click Script
  23.  
  24. function IE(e)
  25. {
  26. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  27. {
  28. return false;
  29. }
  30. }
  31. function NS(e)
  32. {
  33. if (document.layers || (document.getElementById && !document.all))
  34. {
  35. if (e.which == "2" || e.which == "3")
  36. {
  37. return false;
  38. }
  39. }
  40. }
  41. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  42.  
  43. //-->
  44. </script>
  45.  
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49.  
  50. <!--DEFAULT VARIABLES-->
  51. <title>{Title}</title>
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  53. <meta name="if:Round posts" content="1"/>
  54. <meta name="if:Post animation" content="0"/>
  55. <meta name="if:FadedPosts" content="0"/>
  56.  
  57. <meta name="color:Background" content="#f7f7f7"/>
  58. <meta name="color:Scrollbar" content="#ccc"/>
  59. <meta name="color:Link" content="#999999"/>
  60. <meta name="color:Text" content="#777"/>
  61. <meta name="color:Title" content="#333"/>
  62. <meta name="color:Hover" content="#000"/>
  63.  
  64. <meta name="image:Background" content="1"/>
  65.  
  66.  
  67. <meta name="text:Link one Title" content="home"/>
  68. <meta name="text:Link one" content="/" />
  69. <meta name="text:Link two Title" content="message"/>
  70. <meta name="text:Link two" content="/ask"/>
  71. <meta name="text:Link Three Title" content="link 3"/>
  72. <meta name="text:Link Three" content="http://"/>
  73. <meta name="text:Link Four Title" content="link 4"/>
  74. <meta name="text:Link Four" content="http://" />
  75. <meta name="text:Link Five Title" content="link 5"/>
  76. <meta name="text:Link Five" content="http://"/>
  77. <meta name="text:Link six Title" content="link 6"/>
  78. <meta name="text:Link six" content="http://" />
  79. <meta name="text:Link seven Title" content="link 7"/>
  80. <meta name="text:Link seven" content="http://"/>
  81. <meta name="text:Link eight Title" content="link 8"/>
  82. <meta name="text:Link eight" content="http://"/>
  83. <meta name="text:Link nine Title" content="link 9"/>
  84. <meta name="text:Link nine" content="http://" />
  85.  
  86. <script>
  87.  
  88. $(document).ready(function(){
  89. $(".information").hide();
  90. $(".blogtitle").click(function(){
  91. $('.information').slideToggle("fast");
  92. return true;
  93. });
  94. });
  95. </script>
  96.  
  97. <style type="text/css">
  98. @-webkit-keyframes flipInY {
  99. 0% {
  100. -webkit-transform: perspective(400px) rotateY(90deg);
  101. opacity: 0;
  102. }
  103.  
  104. 40% {
  105. -webkit-transform: perspective(400px) rotateY(-10deg);
  106. }
  107.  
  108. 70% {
  109. -webkit-transform: perspective(400px) rotateY(10deg);
  110. }
  111.  
  112. 100% {
  113. -webkit-transform: perspective(400px) rotateY(0deg);
  114. opacity: 1;
  115. }
  116. }
  117. @-moz-keyframes flipInY {
  118. 0% {
  119. -moz-transform: perspective(400px) rotateY(90deg);
  120. opacity: 0;
  121. }
  122.  
  123. 40% {
  124. -moz-transform: perspective(400px) rotateY(-10deg);
  125. }
  126.  
  127. 70% {
  128. -moz-transform: perspective(400px) rotateY(10deg);
  129. }
  130.  
  131. 100% {
  132. -moz-transform: perspective(400px) rotateY(0deg);
  133. opacity: 1;
  134. }
  135. }
  136. @-o-keyframes flipInY {
  137. 0% {
  138. -o-transform: perspective(400px) rotateY(90deg);
  139. opacity: 0;
  140. }
  141.  
  142. 40% {
  143. -o-transform: perspective(400px) rotateY(-10deg);
  144. }
  145.  
  146. 70% {
  147. -o-transform: perspective(400px) rotateY(10deg);
  148. }
  149.  
  150. 100% {
  151. -o-transform: perspective(400px) rotateY(0deg);
  152. opacity: 1;
  153. }
  154. }
  155. @keyframes flipInY {
  156. 0% {
  157. transform: perspective(400px) rotateY(90deg);
  158. opacity: 0;
  159. }
  160.  
  161. 40% {
  162. transform: perspective(400px) rotateY(-10deg);
  163. }
  164.  
  165. 70% {
  166. transform: perspective(400px) rotateY(10deg);
  167. }
  168.  
  169. 100% {
  170. transform: perspective(400px) rotateY(0deg);
  171. opacity: 1;
  172. }
  173. }
  174.  
  175. .flipInY {
  176. -webkit-backface-visibility: visible !important;
  177. -webkit-animation-name: flipInY;
  178. -moz-backface-visibility: visible !important;
  179. -moz-animation-name: flipInY;
  180. -o-backface-visibility: visible !important;
  181. -o-animation-name: flipInY;
  182. backface-visibility: visible !important;
  183. animation-name: flipInY;
  184. }
  185.  
  186.  
  187. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  188. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border:2px solid #fff; }
  189.  
  190. #tumblr_controls{
  191. position:fixed !important;
  192. }
  193.  
  194.  
  195.  
  196. body {
  197. padding: 0px;
  198. margin: 0px;
  199. color:{color:text};
  200. font-family:"trebuchet ms";
  201. line-height:11px;
  202. font-size:10px;
  203. background-color: {color:Background};
  204. background-image:url({image:Background});
  205. background-attachment: fixed;
  206. background-repeat: repeat;
  207. }
  208.  
  209.  
  210. a:link, a:active, a:visited{
  211. text-decoration: none;
  212. -webkit-transition: color 0.3s ease-out;
  213. -moz-transition: color 0.3s ease-out;
  214. transition: color 0.3s ease-out;
  215. color:{color:link};
  216. }
  217.  
  218. a:hover {
  219. text-decoration: none;
  220. font-style:;
  221. color: {color:Hover};
  222. }
  223.  
  224. div#center{
  225. margin:auto;
  226. position:relative;
  227. width:1000px;
  228. background-color:;
  229. overflow:auto;
  230. overflow-y:hidden;
  231. }
  232. #header {
  233. position:fixed;
  234. z-index:10000;
  235. opacity:.9;
  236. width:630px;
  237. left:349px;
  238. height:auto;
  239. margin-top:-4px;
  240. padding:0px;
  241. padding-top:3px;
  242. text-align:center;
  243. line-height: 14px;
  244. font-size:13px;
  245. font-family: cedarcursive;
  246. color: #fff;
  247. overflow:hidden;
  248. background-color:#000;
  249. }
  250. div#header:hover{
  251. opacity:1.0;
  252. -moz-transition: all .2s ease-in-out;
  253. -o-transition: all .2s ease-in-out;
  254. transition: all .2s ease-in-out;
  255. -webkit-transition: all .2s ease-in-out;
  256. -webkit-transition-duration: .7s;
  257. -webkit-transition-duration: .7s;
  258. -webkit-transition-duration: .7s;}
  259.  
  260. .information {text-align:center;
  261. line-height: 13px;
  262. padding-bottom:10px;
  263. font-size:13px;
  264. font-family:trebuchet ms;
  265. }
  266. .blogtitle{
  267. font-family: cedarcursive;
  268. font-size:35px;
  269. line-height:30px;
  270. color: white;
  271. letter-spacing: 0px;
  272. font-weight: normal;
  273. padding:0px;
  274. }
  275.  
  276. .title{
  277. font-family: 'calibri';
  278. font-size: 17px;
  279. line-height:15px;
  280. color: {color:Title};
  281. font-weight: normal;
  282. }
  283.  
  284. .entry {
  285. width:260px;
  286. margin:10px;
  287. padding: 8px;
  288. padding-bottom: 7px;
  289. float:left;
  290. line-height:10px;
  291. border:#ddd 1px solid;
  292. background-color: white;
  293. opacity: 1;
  294. font-size: 11px;
  295. {block:iffadedposts}
  296. opacity: 0.8;
  297. {/block:iffadedposts}
  298. {block:ifpostanimation}
  299. -webkit-animation: flipInY 3s;
  300. -moz-animation: flipInY 3s;
  301. -ms-animation: flipInY: 3s;
  302. {/block:ifpostanimation}
  303. {block:ifroundposts}
  304. border-radius: 5px;
  305. {/block:ifroundposts}
  306. {block:PermalinkPage}
  307. width:420px;
  308. {/block:PermalinkPage}
  309. }
  310.  
  311.  
  312. .entry .perma{
  313. position:absolute;
  314. width:auto;
  315. height:11px;
  316. padding:3px;
  317. background-color:white;
  318. margin-left:5px;
  319. overflow:hidden;
  320. font-family:calibri;
  321. margin-top:-5px;
  322. text-align: center;
  323. font-size:10px;
  324. text-transform: uppercase;
  325. opacity:0.0;
  326. -webkit-transition: all 0.4s linear;
  327. -moz-transition: all 0.4s linear;
  328. transition: all 0.4s linear;
  329. }
  330.  
  331. .entry:hover .perma{
  332. opacity:.9;
  333. margin-top:5px;
  334. }
  335.  
  336. .entry .perma2{
  337. position:absolute;
  338. width:auto;
  339. height:11px;
  340. padding:3px;
  341. background-color:white;
  342. margin-left:5px;
  343. overflow:hidden;
  344. font-family:calibri;
  345. margin-top:-5px;
  346. text-align: center;
  347. font-size:10px;
  348. text-transform: uppercase;
  349. opacity:0.0;
  350. -webkit-transition: all 0.4s linear;
  351. -moz-transition: all 0.4s linear;
  352. transition: all 0.4s linear;
  353. }
  354.  
  355. .entry:hover .perma2{
  356. opacity:.9;
  357. margin-top:23px;
  358. }
  359.  
  360. .entry .perma3{
  361. position:absolute;
  362. width:auto;
  363. height:11px;
  364. padding:3px;
  365. background-color:white;
  366. margin-left:5px;
  367. overflow:hidden;
  368. font-family:calibri;
  369. margin-top:-5px;
  370. text-align: center;
  371. font-size:10px;
  372. text-transform: uppercase;
  373. opacity:0.0;
  374. -webkit-transition: all 0.4s linear;
  375. -moz-transition: all 0.4s linear;
  376. transition: all 0.4s linear;
  377. }
  378.  
  379. .entry:hover .perma3{
  380. opacity:.9;
  381. margin-top:41px;
  382. }
  383.  
  384.  
  385.  
  386.  
  387. #link1{
  388. position:fixed;
  389. width:70px;
  390. height:20px;
  391. opacity:0.9;
  392. padding:3px;
  393. background:#000;
  394. margin-left:34px;
  395. margin-top:125px;
  396. font-weight: normal;
  397. line-height:20px;
  398. text-align:center;
  399. color:#000;
  400. font-size: 11px;
  401. letter-spacing: 1px;
  402. font-family: "arial";
  403. z-index:3;
  404. text-transform: uppercase;
  405. }
  406.  
  407. #link1:hover {
  408. text-decoration:none;
  409. display:inline-block;
  410. letter-spacing: 3px;
  411. -webkit-transition: opacity 0.2s linear;
  412. -webkit-transition: all 0.22s linear;
  413. -moz-transition: all 0.2s linear;
  414. transition: all 0.2s linear;
  415. z-index:99;
  416. }
  417.  
  418. #link2{
  419. position:fixed;
  420. width:70px;
  421. height:20px;
  422. opacity:0.9;
  423. padding:3px;
  424. margin-left:860px;
  425. margin-top:125px;
  426. background:#000;
  427. font-weight: normal;
  428. line-height:20px;
  429. text-align:center;
  430. color:#000;
  431. font-size: 11px;
  432. letter-spacing: 1px;
  433. font-family: "arial";
  434. z-index:3;
  435. text-transform: uppercase;
  436. }
  437.  
  438. #link2:hover {
  439. text-decoration:none;
  440. display:inline-block;
  441. letter-spacing: 3px;
  442. -webkit-transition: opacity 0.2s linear;
  443. -webkit-transition: all 0.22s linear;
  444. -moz-transition: all 0.2s linear;
  445. transition: all 0.2s linear;
  446. z-index:99;
  447. }
  448.  
  449. #link3{
  450. position:fixed;
  451. width:70px;
  452. height:20px;
  453. opacity:0.9;
  454. padding:3px;
  455. margin-left:34px;
  456. margin-top:165px;
  457. background:#000;
  458. font-weight: normal;
  459. line-height:20px;
  460. text-align:center;
  461. color:#000;
  462. font-size: 11px;
  463. letter-spacing: 1px;
  464. font-family: "arial";
  465. z-index:3;
  466. text-transform: uppercase;
  467. }
  468.  
  469. #link3:hover {
  470. text-decoration:none;
  471. display:inline-block;
  472. letter-spacing: 3px;
  473. -webkit-transition: opacity 0.2s linear;
  474. -webkit-transition: all 0.22s linear;
  475. -moz-transition: all 0.2s linear;
  476. transition: all 0.2s linear;
  477. z-index:99;
  478. }
  479.  
  480. #link4{
  481. position:fixed;
  482. width:70px;
  483. height:20px;
  484. opacity:0.9;
  485. padding:3px;
  486. margin-left:860px;
  487. margin-top:165px;
  488. background:#000;
  489. font-weight: normal;
  490. line-height:20px;
  491. text-align:center;
  492. color:#000;
  493. font-size: 11px;
  494. letter-spacing: 1px;
  495. font-family: "arial";
  496. z-index:3;
  497. text-transform: uppercase;
  498. }
  499.  
  500. #link4:hover {
  501. text-decoration:none;
  502. display:inline-block;
  503. letter-spacing: 3px;
  504. -webkit-transition: opacity 0.2s linear;
  505. -webkit-transition: all 0.22s linear;
  506. -moz-transition: all 0.2s linear;
  507. transition: all 0.2s linear;
  508. z-index:99;
  509. }
  510.  
  511. #link5{
  512. position:fixed;
  513. width:70px;
  514. height:20px;
  515. opacity:0.9;
  516. padding:3px;
  517. margin-left:34px;
  518. margin-top:205px;
  519. background:#000;
  520. font-weight: normal;
  521. line-height:20px;
  522. text-align:center;
  523. color:#000;
  524. font-size: 11px;
  525. letter-spacing: 1px;
  526. font-family: "arial";
  527. z-index:3;
  528. text-transform: uppercase;
  529. }
  530.  
  531. #link5:hover {
  532. text-decoration:none;
  533. display:inline-block;
  534. letter-spacing: 3px;
  535. -webkit-transition: opacity 0.2s linear;
  536. -webkit-transition: all 0.22s linear;
  537. -moz-transition: all 0.2s linear;
  538. transition: all 0.2s linear;
  539. z-index:99;
  540. }
  541.  
  542. #link6{
  543. position:fixed;
  544. width:70px;
  545. height:20px;
  546. opacity:0.9;
  547. padding:3px;
  548. margin-left:860px;
  549. margin-top:205px;
  550. background:#000;
  551. font-weight: normal;
  552. line-height:20px;
  553. text-align:center;
  554. color:#000;
  555. font-size: 11px;
  556. letter-spacing: 1px;
  557. font-family: "arial";
  558. z-index:3;
  559. text-transform: uppercase;
  560. }
  561.  
  562. #link6:hover {
  563. text-decoration:none;
  564. display:inline-block;
  565. letter-spacing: 3px;
  566. -webkit-transition: opacity 0.2s linear;
  567. -webkit-transition: all 0.22s linear;
  568. -moz-transition: all 0.2s linear;
  569. transition: all 0.2s linear;
  570. z-index:99;
  571. }
  572.  
  573. #link7{
  574. position:fixed;
  575. width:70px;
  576. height:20px;
  577. opacity:0.9;
  578. padding:3px;
  579. margin-left:34px;
  580. margin-top:245px;
  581. background-color:#000;
  582. font-weight: normal;
  583. line-height:20px;
  584. text-align:center;
  585. color:#000;
  586. font-size: 11px;
  587. letter-spacing: 1px;
  588. font-family: "arial";
  589. z-index:3;
  590. text-transform: uppercase;
  591. }
  592.  
  593. #link7:hover {
  594. text-decoration:none;
  595. display:inline-block;
  596. letter-spacing: 3px;
  597. -webkit-transition: opacity 0.2s linear;
  598. -webkit-transition: all 0.22s linear;
  599. -moz-transition: all 0.2s linear;
  600. transition: all 0.2s linear;
  601. z-index:99;
  602. }
  603.  
  604. #link8{
  605. position:fixed;
  606. width:70px;
  607. height:20px;
  608. opacity:0.9;
  609. padding:3px;
  610. margin-left:860px;
  611. margin-top:245px;
  612. background:#000;
  613. font-weight: normal;
  614. line-height:20px;
  615. text-align:center;
  616. color:#000;
  617. font-size: 11px;
  618. letter-spacing: 1px;
  619. font-family: "arial";
  620. z-index:3;
  621. text-transform: uppercase;
  622. }
  623.  
  624. #link8:hover {
  625. text-decoration:none;
  626. display:inline-block;
  627. letter-spacing: 3px;
  628. -webkit-transition: opacity 0.2s linear;
  629. -webkit-transition: all 0.22s linear;
  630. -moz-transition: all 0.2s linear;
  631. transition: all 0.2s linear;
  632. z-index:99;
  633. }
  634.  
  635. #link9{
  636. position:fixed;
  637. width:70px;
  638. height:20px;
  639. opacity:0.9;
  640. padding:3px;
  641. margin-left:34px;
  642. margin-top:285px;
  643. background:#000;
  644. font-weight: normal;
  645. line-height:20px;
  646. text-align:center;
  647. color:#000;
  648. font-size: 11px;
  649. letter-spacing: 1px;
  650. font-family: "arial";
  651. z-index:3;
  652. text-transform: uppercase;
  653. }
  654.  
  655. #link9:hover {
  656. text-decoration:none;
  657. display:inline-block;
  658. letter-spacing: 3px;
  659. -webkit-transition: opacity 0.2s linear;
  660. -webkit-transition: all 0.22s linear;
  661. -moz-transition: all 0.2s linear;
  662. transition: all 0.2s linear;
  663. z-index:99;
  664. }
  665.  
  666. #link10{
  667. position:fixed;
  668. width:70px;
  669. height:20px;
  670. opacity:0.9;
  671. padding:3px;
  672. margin-left:860px;
  673. margin-top:285px;
  674. background:#000;
  675. font-weight: normal;
  676. line-height:20px;
  677. text-align:center;
  678. color:#000;
  679. font-size: 11px;
  680. letter-spacing: 1px;
  681. font-family: "arial";
  682. z-index:3;
  683. text-transform: uppercase;
  684. }
  685.  
  686. #link10:hover {
  687. text-decoration:none;
  688. display:inline-block;
  689. letter-spacing: 3px;
  690. -webkit-transition: opacity 0.2s linear;
  691. -webkit-transition: all 0.22s linear;
  692. -moz-transition: all 0.2s linear;
  693. transition: all 0.2s linear;
  694. z-index:99;
  695. }
  696. .sidebarbg{
  697. position:fixed;
  698. margin-left:800px;
  699. top: 0px;
  700. background-color:#000;
  701. height:100%;
  702. opacity:.9;
  703. width:60px;
  704. }
  705.  
  706.  
  707. .sidebarbg2{
  708. position:fixed;
  709. margin-left:110px;
  710. top: 0px;
  711. background-color:#000;
  712. height:100%;
  713. opacity:.9;
  714. width:60px;
  715. }
  716. #posts {
  717. width:100%;
  718. margin-top:64px;
  719. z-index:99;
  720. margin-left:185px;
  721. right:auto;
  722. background:transparent;
  723. margin-right:auto;
  724. position:relative;
  725. overflow-y: hidden;
  726. width:600px;
  727. {block:permalinkpage}
  728. width:450px;
  729. {/block:permalinkpage}
  730.  
  731.  
  732. }
  733. @font-face {font-family:'conjuntar6';src: url('http://static.tumblr.com/qzpui9z/NEpmiosej/conjuntar6.ttf');}
  734. .flb {margin:4px 5px 4px 5px;}
  735. .flb:first-letter {font-family: 'conjuntar6'; font-size:15px;font-style:normal;}
  736. .cory{
  737. display: block;
  738. font-size: 11px;
  739. font-family: Calibri;
  740. text-transform: uppercase;
  741. color: #000;
  742. background-color:transparent;
  743. text-align: right;
  744. line-height: 18px;
  745. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  746. }
  747. .right{
  748. float: right;
  749. width: 200px;
  750. background-color: transparent;
  751. }
  752. .answer{
  753. margin:0px;}
  754.  
  755. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  756. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  757. .cover img {float:left; width:60px; height:60px;}
  758. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  759. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  760.  
  761. .title{
  762. line-height: 16px;
  763. color:{color:Title};
  764. font-weight: normal;
  765. }
  766. .permalink{
  767. text-transform: normal;
  768. display: block;
  769. text-align: right;
  770. text-decoration: none;
  771. }
  772. .cred {
  773. color: #000;
  774. font-family: Calibri;
  775. font-size:14px;
  776. z-index: 99999999999999px;
  777. line-height:14px;
  778. background:#fff;
  779. border: 1px #eee solid;
  780. background-repeat:repeat;
  781. padding:2px;
  782. -webkit-border-radius:2px;
  783. moz-border-radius:2px;
  784. -o-border-radius:2px;
  785. border-radius:2px;
  786. }
  787.  
  788. .cred a { color: #000; }
  789.  
  790.  
  791. #infscr-loading{
  792. bottom: -70px;
  793. position: relative;
  794. left: 50%;
  795. margin-left:-8px;
  796. width:16px;
  797. height:11px;
  798. overflow:hidden;
  799. margin-bottom: 50px;
  800. }
  801.  
  802. #postnotes{
  803. text-align: justify;}
  804.  
  805. #postnotes blockquote{
  806. border: 0px;}
  807.  
  808. blockquote{
  809. padding:0px 0px 2px 5px;
  810. margin:0px 0px 2px 10px;
  811. border-left: 1px dotted #555555;
  812. }
  813.  
  814. blockquote p, ul{
  815. margin:0px;
  816. padding:0px;
  817. }
  818.  
  819. a img{border: 0px;}
  820.  
  821.  
  822. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  823.  
  824. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  825. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  826.  
  827. .notes img{width:10px; position:relative; top:3px;}
  828. <--ses-->
  829. small{font-size: 90%;}
  830.  
  831. {CustomCSS}
  832.  
  833. </style>
  834.  
  835.  
  836. {block:IndexPage}
  837. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  838. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  839. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  840.  
  841. <script type="text/javascript">
  842. $(window).load(function(){
  843. var $wall = $('#posts');
  844. $wall.imagesLoaded(function(){
  845. $wall.masonry({
  846. itemSelector: '.entry, .entry_photo',
  847. isAnimated : false
  848. });
  849. });
  850.  
  851. $wall.infinitescroll({
  852. navSelector : '#pagination',
  853. nextSelector : '#pagination a',
  854. itemSelector : '.entry, .entry_photo',
  855. bufferPx : 2000,
  856. debug : false,
  857. errorCallback: function() {
  858. $('#infscr-loading').fadeOut('normal');
  859. }},
  860. function( newElements ) {
  861. var $newElems = $( newElements );
  862. $newElems.hide();
  863. $newElems.imagesLoaded(function(){
  864. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  865. });
  866. }); $('#posts').show(500);
  867. });
  868. </script>
  869.  
  870.  
  871. {/block:IndexPage}
  872.  
  873.  
  874. <title>{title}</title>
  875.  
  876. <link rel="shortcut icon" href="{Favicon}" />
  877. <meta name="viewport" content="width=820" />
  878. </head>
  879. <body>
  880. <div id="header">
  881.  
  882. <div class="blogtitle"><img src="http://24.media.tumblr.com/a0eeeb0a89efac39a1fa8c398a8159b7/tumblr_mm9kjufCca1r6avhdo1_500.png" style="height:60px;"></div>
  883. <div class="information"><br>{Description}</div>
  884.  
  885.  
  886.  
  887. </div>
  888.  
  889. <div class="wrapper">
  890. </div>
  891. <div id="cage">
  892. <div id="center">
  893.  
  894. <div id="link1"><a href="{text:Link One}">{text:Link One Title}</a></div>
  895.  
  896. <div id="link2"><a href="{text:Link Two}">{text:Link Two Title}</a></div>
  897.  
  898. <div id="link3"><a href="{text:Link Three}">{text:Link Three Title}</a></div>
  899.  
  900. <div id="link4"><a href="{text:Link Four}">{text:Link Four Title}</a></div>
  901.  
  902. <div id="link5"><a href="{text:Link Five}">{text:Link Five Title}</a></div>
  903.  
  904. <div id="link6"><a href="{text:Link Six}">{text:Link Six Title}</a></div>
  905.  
  906. <div id="link7"><a href="{text:Link Seven}">{text:Link Seven Title}</a></div>
  907.  
  908. <div id="link8"><a href="{text:Link Eight}">{text:Link Eight Title}</a></div>
  909.  
  910. <div id="link9"><a href="{text:Link Nine}">{text:Link Nine Title}</a></div>
  911.  
  912. <div id="link10"><a href="http://teenageblog.tumblr.com">theme</a></div>
  913.  
  914.  
  915. <div id="content">
  916.  
  917. <div class="left">
  918. <div class="sidebarbg"></div>
  919. <div class="sidebarbg2"></div>
  920. <div id="posts">
  921. {block:Posts}
  922. <div class="entry">
  923.  
  924. {block:Answer}
  925. <div style="border:1px #bbb dotted; border-radius:4px; padding:3px;"><div class="ask"><b style="text-transform:uppercase;">{Asker}:</b> {Question}</div></div>
  926. <div class="answer">{Answer}</div>
  927. {block:IndexPage}
  928. <div class="cory"><a href="{Permalink}" title="permalink">Posted {TimeAgo} with {NoteCount} Notes</a></div>
  929. {/block:IndexPage}
  930. {/block:Answer}
  931.  
  932.  
  933. {block:Text}
  934. {block:Title}<a href="{permalink}" title="permalink"><div class="title">{title}</div></a> {/block:Title}
  935. <div class="flb">{Body}</div>
  936. {block:IndexPage}<div class="cory"><a href="{Permalink}">Posted {TimeAgo} with {NoteCount} Notes</a></div>{/block:IndexPage}
  937. {/block:Text}
  938.  
  939. {block:Link}
  940. <div class="title"><a href="{URL}"{Target}>{Name}</a></div>
  941. {block:Description}<div class="flb">{Description}</div>{/block:Description}
  942. {block:IndexPage}<div class="cory"><a href="{Permalink}" title="permalink">Posted {TimeAgo} with {NoteCount} Notes</a></div>{/block:IndexPage}
  943. {/block:Link}
  944.  
  945. {block:Photo}
  946. {block:IndexPage}
  947. <div class="perma"> <a href="{ReblogUrl}">reblog</a></div>
  948.  
  949. <div class="perma2"><a href="{Permalink}">{notecountwithlabel}</a></div>
  950.  
  951. <div class="perma3">{timeago}</div>
  952.  
  953.  
  954. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  955. {block:IndexPage}
  956.  
  957.  
  958. {/block:IndexPage}
  959.  
  960. {LinkCloseTag}
  961. {/block:PermalinkPage}
  962. {/block:Photo}
  963.  
  964. {block:Photoset}
  965. {block:IndexPage}
  966. <div class="perma"> <a href="{ReblogUrl}">reblog</a></div>
  967.  
  968. <div class="perma2"><a href="{Permalink}">{notecountwithlabel}</a></div>
  969.  
  970. <div class="perma3">{timeago}</div>
  971.  
  972.  
  973. {Photoset-250}</center>
  974. {/block:IndexPage}
  975. {block:PermalinkPage}
  976. <center>
  977. {Photoset-500}</center>
  978. {/block:PermalinkPage}
  979. {/block:Photoset}
  980.  
  981. {block:Quote}<span class="title">❝ {Quote} ❞</span>{block:Source}<div align="right"><i> - {Source}</i></div>{/block:Source}{block:IndexPage}<div class="cory"><a href="{Permalink}" title="permalink">Posted {TimeAgo} with {NoteCount} Notes</a></div>{/block:IndexPage}{/block:Quote}
  982.  
  983. {block:Chat}
  984. {block:Title}<span class="title">{Title}</span>{/block:Title}
  985.  
  986. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<div class="label">{Label}</div>{/block:Label}{Line}</li>{/block:Lines}</ul>
  987.  
  988. {block:IndexPage}
  989. <div class="cory"><a href="{Permalink}" title="permalink">Posted {TimeAgo} with {NoteCount} Notes</a></div>{/block:IndexPage}
  990. {/block:Chat}
  991.  
  992. {block:Audio}
  993.  
  994. <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>
  995. {block:IndexPage}
  996. </p><div class="cory"><a href="{Permalink}" title="permalink">Posted {TimeAgo} with {NoteCount} Notes</a></div>
  997. {/block:IndexPage}
  998. {/block:Audio}
  999.  
  1000. {block:Video}
  1001. {block:IndexPage}
  1002. <center>{Video-250}</center>
  1003. <div class="cory"><a href="{Permalink}" title="permalink">Posted {TimeAgo} with {NoteCount} Notes</a></div>
  1004. {/block:IndexPage}
  1005. {block:PermalinkPage}
  1006. <center>{Video-500}</center>
  1007. {/block:PermalinkPage}
  1008. {block:Video}
  1009.  
  1010.  
  1011.  
  1012. {block:PostNotes}<div align="middle">{caption}</div>
  1013. <center>
  1014.  
  1015. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1016.  
  1017. {block:HasTags}
  1018. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1019. {block:RebloggedFrom}
  1020. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1021. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1022.  
  1023. {/block:RebloggedFrom}
  1024. </center></span>
  1025. <br>
  1026. <div id="postnotes">{PostNotes}</div><br>
  1027.  
  1028. <center>{block:ContentSource}
  1029. <br><a href="{SourceURL}">
  1030. {lang:Source}:
  1031. {block:SourceLogo}
  1032. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1033. height="{LogoHeight}" alt="{SourceTitle}" />
  1034. {/block:SourceLogo}
  1035. {block:NoSourceLogo}
  1036. {SourceLink}
  1037. {/block:NoSourceLogo}
  1038. </a>
  1039. {/block:ContentSource}</center>
  1040.  
  1041. {/block:PostNotes}
  1042. </div>
  1043. {/block:Posts}
  1044. </div></div>
  1045.  
  1046. {block:IndexPage}
  1047. {block:Pagination}
  1048. <div id="pagination">
  1049. {block:NextPage}
  1050. <a id="nextPage" href="{NextPage}"></a>
  1051. {/block:NextPage}
  1052. {block:PreviousPage}
  1053. <a href="{PreviousPage}"></a>
  1054. {/block:PreviousPage}
  1055. </div>
  1056. {/block:Pagination}
  1057. {/block:IndexPage}
  1058.  
  1059. <div style="position: fixed; right:6px;bottom:10px;">
  1060. <span class="cred">
  1061. <a href="http://teenageblog.tumblr.com/" target="_blank">
  1062. ☾
  1063. </a></span></div>
  1064. </body>
  1065. </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!